:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1d2c49;background:#f7f9fd;font-synthesis:none;--indigo:#5365e4;--teal:#17a998;--muted:#8190a5;--line:#e7ebf3;--shadow:0 5px 20px #283c6807}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fa4ff;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;display:block;flex-shrink:0}button span[data-icon],span[data-icon]{display:inline-flex;align-items:center;justify-content:center}h1,h2,h3,p{margin:0}[hidden]{display:none!important}button{transition:background .15s,box-shadow .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}
.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:28px;position:relative;z-index:5}.brand{display:flex;gap:10px;align-items:center;min-width:231px;font-size:24px;letter-spacing:-1.1px;font-weight:760}.brand-light{font-weight:350;color:#607087}.brand small{display:block;font-size:8px;letter-spacing:1.9px;color:#8d98aa;font-weight:650;margin-top:3px}.brand-symbol{width:42px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#786df1,#3c62dd);color:white;box-shadow:0 5px 12px #5862e32b}.brand-symbol svg{width:31px;height:31px}.topnav{display:flex;align-items:center;gap:6px;align-self:stretch}.nav-button{background:none;display:flex;align-items:center;gap:8px;font-size:13px;color:#7a889c;padding:0 14px;position:relative;font-weight:600;white-space:nowrap}.nav-button.active{color:var(--indigo)}.nav-button.active:after{content:'';height:3px;background:var(--indigo);position:absolute;bottom:0;left:14px;right:14px;border-radius:4px}.nav-button:hover{background:#f7f8fe}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.local-tag{font-size:11px;color:#8a96a8;display:flex;align-items:center;gap:6px;white-space:nowrap}.local-tag i,.workspace-footer i{width:6px;height:6px;border-radius:50%;background:#25b69d;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:600;white-space:nowrap;min-height:38px}.button.primary{background:var(--indigo);color:#fff;box-shadow:0 4px 10px #5263db19}.button.primary:hover{background:#4456d4;box-shadow:0 5px 14px #5263db3b}.button.light{background:white;border:1px solid #e2e7f0;color:#67758d}.button.light:hover{background:#f4f6fc}.button svg{width:16px;height:16px}.mini-count{background:#f0f2f8;color:#7f8ca0;border-radius:5px;padding:2px 5px;font-size:10px}.icon-button{background:white;border:1px solid var(--line);padding:9px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#edf1fa}.icon-button svg{width:17px;height:17px}.app-shell{display:flex;min-height:calc(100vh - 82px)}.parts-sidebar{width:246px;flex-shrink:0;border-right:1px solid var(--line);background:#fff;padding:24px 18px 0;display:flex;flex-direction:column;height:calc(100vh - 82px);position:sticky;top:0}.asset-card{padding:17px;border-radius:13px;background:linear-gradient(130deg,#eef1fd,#eef8fb);border:1px solid #e6edf9}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.5px;line-height:1.6}.asset-card .eyebrow{color:#7a89bb;display:flex;justify-content:space-between;align-items:center;font-size:8px}.asset-dot{background:#7793e7;width:5px;height:5px;border-radius:50%}.asset-card h2{font-size:26px;letter-spacing:-.7px;margin-top:9px;font-weight:800;color:#2e488b}.asset-card h2 span{font-weight:350;color:#7e95bd;margin-left:5px}.asset-card p{font-size:10px;color:#8492aa;margin-top:4px}.asset-rule{height:1px;background:#dfe7f3;margin:13px 0}.asset-card code{font-family:inherit;font-size:11px;color:#4b6089;font-weight:600}.asset-card small{display:block;color:#8e9aaf;font-size:9px;margin-top:7px}.asset-status{display:flex;align-items:center;gap:5px;background:#fff9e9;color:#a28338;border:1px solid #f0e4c6;font-size:9px;padding:6px 7px;border-radius:6px;margin-top:13px}.asset-status svg{width:12px;height:12px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.sidebar-heading h3{font-size:12px;font-weight:650}.count-pill{background:#f0f2f9;color:#8d99ae;border-radius:5px;font-size:10px;padding:3px 6px}.search-field{display:flex;align-items:center;background:#f7f8fc;border:1px solid #e9edf4;border-radius:7px;padding:9px 9px;gap:7px}.search-field svg{width:15px;height:15px;color:#a1adbf}.search-field input{background:none;border:0;outline:none;width:100%;min-width:0;font-size:11px;color:#5e6f89}.search-field input::placeholder{color:#99a5b7}.search-field kbd{color:#a5afbd;font-size:10px}.category-filter{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0}.category-filter button{font-size:9px;color:#8d99ad;background:none;border-radius:5px;padding:5px 6px}.category-filter button.active{background:#edf0ff;color:#6577d9}.part-list{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e0e5ef transparent;margin:0 -6px;padding:0 6px 14px}.part-group-title{font-size:8px;color:#a4aebf;font-weight:700;letter-spacing:1.2px;margin:17px 7px 7px}.part-row{display:flex;align-items:center;width:100%;gap:9px;background:none;text-align:left;padding:10px 8px;border:1px solid transparent;border-radius:7px;color:#7e8b9f;position:relative;margin-bottom:2px}.part-row:hover{background:#f5f7fc}.part-row.active{background:#eff2ff;border-color:#e2e7ff;color:#435ed2}.part-row.active:before{content:'';position:absolute;left:-1px;top:9px;bottom:9px;width:3px;border-radius:2px;background:#6479eb}.part-row .part-swatch{width:7px;height:7px;border-radius:2px;flex-shrink:0;opacity:.85}.part-row .part-name{font-size:11px;line-height:1.4;flex:1}.part-row .part-index{font-size:9px;color:#bcc4d1}.part-row svg{width:11px;height:11px;color:#b4bbc9}.sidebar-footer{border-top:1px solid var(--line);padding:16px 7px;display:flex;align-items:center;gap:10px;color:#8b99ac;font-size:10px}.sidebar-footer svg{width:16px;height:16px}.sidebar-footer small{font-size:8px;display:block;color:#abb4c2;margin-top:3px}.main-column{flex:1;min-width:0;padding:26px 28px 12px;max-width:2000px;margin:0 auto}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.muted{color:#9ba6b9}.workspace-heading h1{font-size:27px;letter-spacing:-.8px;font-weight:650;margin-top:5px;display:flex;align-items:center;gap:11px}.version-tag{background:#edf0fa;border:1px solid #e0e5f2;color:#9daaca;padding:3px 7px;border-radius:5px;font-size:10px;letter-spacing:0;font-weight:600}.workspace-heading p{font-size:11px;color:#919db0;margin-top:8px}.heading-actions{display:flex;align-items:center;gap:8px}.reference-banner{border:1px solid #f1e7d5;background:linear-gradient(100deg,#fffcf5,#fffefc);border-radius:9px;padding:11px 15px;display:flex;align-items:center;gap:11px;margin-bottom:20px}.banner-icon{background:#fff0d4;color:#c29547;width:28px;height:28px;border-radius:7px;flex-shrink:0}.banner-icon svg{width:16px;height:16px}.reference-banner strong{font-size:10px;font-weight:650;color:#9c783e;display:block}.reference-banner div>span{font-size:10px;color:#b1a18a;display:block;margin-top:4px}.reference-banner button{display:flex;align-items:center;gap:5px;color:#a98343;background:none;font-size:10px;font-weight:650;margin-left:auto;white-space:nowrap}.reference-banner button svg{width:13px;height:13px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:19px;align-items:stretch}.stage-column{min-width:0;display:flex;flex-direction:column;gap:14px}.viewport-card{height:clamp(370px,49vh,660px);border:1px solid #e1e7f0;position:relative;border-radius:15px;background:#eef3fa;overflow:hidden;box-shadow:var(--shadow)}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{width:100%;height:100%;display:block}.viewport-top{position:absolute;z-index:2;left:19px;right:16px;top:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-label{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#8796ad;display:flex;align-items:center;gap:6px}.scene-label i{width:5px;height:5px;border-radius:50%;background:#7496ca}.viewport-badges{display:flex;align-items:center;gap:7px}.viewport-badges>span{background:#ffffffad;border:1px solid #e6ebf3;padding:5px 6px;border-radius:5px;font-size:7px;letter-spacing:.7px;color:#9aabc0}.viewport-badges button{pointer-events:auto;background:#ffffffbd;padding:6px;border:1px solid #e0e7f0}.viewport-badges svg{width:13px;height:13px}.viewport-axis{position:absolute;bottom:54px;left:18px;display:flex;gap:5px;pointer-events:none;opacity:.8}.viewport-axis b{font-size:9px;border-radius:50%;padding:3px 6px}.axis-x{color:#d57b79;background:#f7e8e6}.axis-y{color:#5ba990;background:#e4f3ed}.axis-z{color:#6e92d2;background:#e3ebf9}.view-controls{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:#ffffffed;border:1px solid #e1e7f0;padding:5px;border-radius:10px;box-shadow:0 7px 20px #233d6320;white-space:nowrap;z-index:2}.view-controls button{background:transparent;border-radius:6px;padding:7px 8px;font-size:10px;color:#7e8da6;display:flex;align-items:center;gap:5px}.view-controls button:hover{background:#eff2fb}.view-controls button.active{color:#5a6edb;background:#eef0fe}.view-controls svg{width:14px;height:14px}.view-controls select{border:0;background:none;color:#7e8da6;font-size:10px;max-width:99px;cursor:pointer;padding:5px 0}.control-divider{height:18px;width:1px;background:#e7eaf2;margin:0 3px}.viewport-hint{font-size:8px;color:#9caabe;display:flex;align-items:center;justify-content:center;gap:7px;position:absolute;bottom:15px;left:0;right:0;pointer-events:none}.viewport-hint svg{width:12px;height:12px}.viewport-hint b{font-weight:400;opacity:.5}.loading-overlay{position:absolute;inset:0;z-index:3;background:#eef3fa;display:flex;justify-content:center;align-items:center;gap:13px;flex-direction:column;color:#7b8eaa;font-size:11px}.loading-overlay strong{font-size:15px;color:#5e74a0}.loader{width:28px;height:28px;border:2px solid #dae1f3;border-top-color:#637ce5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-error{padding:40px;text-align:center}.explode-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;display:flex;gap:11px;align-items:center;box-shadow:var(--shadow)}.explode-label{display:flex;align-items:center;gap:9px;margin-right:auto}.explode-label strong{font-size:10px;font-weight:650;display:block;white-space:nowrap}.explode-label small{font-size:8px;color:#a1aabc;display:block;margin-top:4px;white-space:nowrap}.colored-icon{width:31px;height:31px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.colored-icon svg{width:16px;height:16px}.indigo{background:#eef0ff;color:#7080e9}.teal{background:#e6f7f3;color:#26ac98}.coral{background:#fff0e9;color:#e69670}.slider-caption{font-size:8px;color:#a0adbf}input[type=range]{accent-color:#6e7ce4;cursor:pointer;width:115px;min-width:40px;max-width:160px;flex:1;height:4px}#explode-value{font-size:9px;color:#7581bd;width:27px;font-variant-numeric:tabular-nums}.explode-card .icon-button{padding:5px;background:#f8f9fc}.explode-card .icon-button svg{width:13px;height:13px}.insight-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-card{display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);text-align:left;border-radius:11px;padding:15px}.insight-card:hover{border-color:#ccd6ef;box-shadow:var(--shadow)}.insight-card strong{font-size:11px;display:block;font-weight:650}.insight-card small{font-size:8px;display:block;color:#9ba8bb;margin-top:5px}.insight-card>span:last-child{margin-left:auto;color:#a4b1c5}.insight-card>span:last-child svg{width:13px;height:13px}.inspector{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:19px 18px;min-width:0}.inspector-top{display:flex;align-items:center;justify-content:space-between;color:#a0adc1;margin-bottom:18px}.inspector-top .eyebrow{font-size:8px}.selected-dot{width:6px;height:6px;background:#45bba7;border-radius:50%}.part-illustration{height:102px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;margin-bottom:17px;background:linear-gradient(145deg,#eef4fc,#f8faff)}.part-illustration svg{width:60px;height:60px;stroke-width:1;filter:drop-shadow(0 7px 5px #536cd326)}.part-illustration .part-ref{position:absolute;top:10px;left:11px;font-size:8px;color:#a0aec2;font-family:monospace}.part-illustration .part-kind{position:absolute;bottom:9px;right:10px;font-size:7px;letter-spacing:1px;color:#9da9bd}.inspector h2{font-size:19px;letter-spacing:-.4px;line-height:1.25}.component-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 14px}.tag{font-size:8px;font-weight:550;padding:4px 6px;border-radius:5px;background:#f3f5fa;color:#8895aa}.tag.illustrative{background:#fff7e8;color:#b1955d}.tag.locked{background:#fff0e9;color:#cb8b69}.inspector-description{font-size:10px;color:#8f9db0;line-height:1.8}.inspector-section{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.section-label{font-size:9px;font-weight:700;color:#8493aa;letter-spacing:.5px;margin-bottom:12px}.dimension-caption{font-size:8px;color:#a8b3c3;margin-top:7px;line-height:1.6}.dimension-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.dimension-grid div{padding:9px 6px;text-align:center;background:#f7f9fd;border:1px solid #edf0f6;border-radius:6px}.dimension-grid small{display:block;color:#a2aec1;font-size:8px;margin-bottom:6px}.dimension-grid strong{font-size:12px;font-weight:550;color:#677b99}.inspection-note{display:flex;gap:7px;font-size:9px;line-height:1.8;color:#94a0b3}.inspection-note svg{width:13px;height:13px;color:#a1b0c7;margin-top:3px}.lock-note{background:#fff8ef;border:1px solid #f5e8d4;border-radius:8px;padding:10px;font-size:9px;color:#ba9460;line-height:1.8;margin-top:13px}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.inspector-actions .button{font-size:9px;min-height:32px;padding:8px 5px}.inspector-actions .button svg{width:13px;height:13px}.inspector-foot{margin-top:13px;font-size:8px;color:#a5b0c0;display:flex;align-items:center;gap:5px}.inspector-foot svg{width:11px;height:11px}.workspace-footer{font-size:8px;color:#a4afc0;display:flex;justify-content:space-between;align-items:center;padding-top:19px;gap:9px}.workspace-footer>span:first-child{display:flex;gap:5px;align-items:center}.workspace-footer b{font-weight:400;padding:0 7px;opacity:.5}.workspace-footer button{font-size:8px;background:none;color:#98a5b8;display:flex;gap:6px;align-items:center}kbd{font:9px "Segoe UI",sans-serif;border:1px solid #e1e7f0;border-radius:3px;padding:1px 4px;color:#98a7bf;background:#fff}.practice-panel{background:white;border:1px solid #e5e9f5;border-radius:12px;padding:17px}.practice-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8f9eb8}.segmented{display:flex;background:#f4f6fb;border-radius:7px;padding:3px;margin-left:auto}.segmented button{background:none;font-size:9px;padding:6px 11px;border-radius:5px;color:#91a0b5}.segmented button.active{background:white;color:#6778d5;box-shadow:0 2px 5px #283c6510}.practice-top .icon-button{padding:6px}.practice-top svg{width:13px;height:13px}.practice-scope{font-size:8px;line-height:1.7;color:#ae9d82;background:#fffaf2;border-radius:6px;padding:8px 10px;display:flex;gap:7px;margin:13px 0}.practice-scope svg{width:12px;height:12px;flex-shrink:0}.practice-content{display:flex;align-items:center;gap:14px}.step-number{font-size:26px;letter-spacing:-1px;background:#eef1ff;color:#8998dc;padding:10px 12px;border-radius:10px;font-weight:350;align-self:flex-start}.step-copy{flex:1}.step-copy>span{font-size:7px;letter-spacing:1px;color:#a1adc5}.step-copy h3{font-size:14px;margin-top:5px;font-weight:650}.step-copy p{font-size:9px;line-height:1.6;color:#99a4b6;margin-top:5px}.step-actions{display:flex;gap:7px}.step-actions .button{font-size:9px;padding:8px 10px;min-height:33px}.step-actions svg{width:12px;height:12px}.practice-progress{display:flex;gap:5px;margin-top:17px}.practice-progress span{height:4px;border-radius:3px;background:#edf0f7;flex:1}.practice-progress span.complete{background:#7386e6}.practice-progress span.current{background:#c3cef6}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin:6px 0 20px}.library-toolbar h2{font-size:19px;font-weight:600}.library-toolbar p{font-size:10px;color:#97a5bb;margin-top:6px}.soft-tag{color:#a7926d;background:#fff8e9;border:1px solid #f1e8d4;padding:7px 9px;border-radius:6px;font-size:9px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.library-card{text-align:left;background:#fff;padding:16px;border:1px solid var(--line);border-radius:12px}.library-card:hover{border-color:#ccd5ec;box-shadow:0 6px 16px #45608810}.library-card .part-illustration{height:98px;margin-bottom:12px}.library-card h3{font-size:12px;line-height:1.4;margin-bottom:9px;font-weight:600}.library-card .library-meta{display:flex;justify-content:space-between;align-items:center;color:#a8b3c5;font-size:8px}.library-meta svg{width:13px;height:13px}.modal{border:1px solid #dde4f3;border-radius:17px;padding:28px;color:var(--text);width:min(550px,calc(100vw - 32px));box-shadow:0 25px 100px #192e6033;max-height:88vh;overflow:auto}.wide-modal{width:min(730px,calc(100vw - 32px))}.modal::backdrop{background:#243a604d;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-header h2{font-size:22px;font-weight:650;letter-spacing:-.6px}.modal-header .eyebrow{margin-bottom:7px}.modal-intro{font-size:12px;color:#8999b0;line-height:1.8;margin:16px 0 20px}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #bccbf0;border-radius:11px;padding:28px 15px;background:#f8faff;color:#748acc;cursor:pointer;gap:10px}.upload-zone svg{width:25px;height:25px}.upload-zone strong{font-size:13px;font-weight:600}.upload-zone span:last-child{font-size:10px;color:#98a8c2}.source-list{display:flex;flex-direction:column;gap:10px}.source-link{padding:15px;display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:9px}.source-link>span{padding:7px;background:#f1f4fb;border-radius:7px;color:#98a9c9}.source-link strong{font-size:12px;display:block}.source-link small{font-size:9px;color:#9ca9bb;display:block;margin-top:6px}.source-link p{font-size:10px;color:#a2adbf;margin-top:7px;line-height:1.7}.source-link>svg{margin-left:auto;width:15px;color:#9faec7}.modal>.section-label{margin-top:25px}.modal-footer{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a0aec3;gap:15px}.pending-label{display:flex;align-items:center;gap:6px;color:#b6a076}.pending-label i{width:5px;height:5px;background:#dcb868;border-radius:50%}.attached-file{padding:12px;margin-top:9px;background:#f4faf8;border:1px solid #dfefe9;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:11px;color:#709688}.attached-file div{flex:1;min-width:0}.attached-file strong{overflow-wrap:anywhere;display:block;font-weight:550}.attached-file small{display:block;font-size:9px;color:#97afa9;margin-top:5px}.attached-file button{font-size:10px;background:white;color:#6e9686;padding:7px;border:1px solid #dde9e3;border-radius:5px}textarea{width:100%;resize:vertical;border:1px solid #dfe6f3;border-radius:10px;background:#f9fbff;padding:15px;color:#60718b;font-size:13px;line-height:1.8;min-height:150px}.shortcut-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:17px;font-size:12px;color:#8797af;margin:27px 0}.shortcut-grid kbd{font-size:11px;min-width:30px;text-align:center;padding:4px}.shortcut-grid>span:last-child{font-size:10px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:100;background:#263b5a;color:white;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:0 6px 25px #1d355235;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.empty-list{font-size:11px;color:#99a7bd;padding:25px 10px;line-height:1.7}.empty-list button{font-size:10px;color:#6f84d2;background:none;padding:8px 0}.viewport-card:fullscreen{border-radius:0;width:100vw;height:100vh}.dimension-label{font:11px "Segoe UI",sans-serif;background:#ffffffdd;border:1px solid #d2dfeb;padding:4px 6px;border-radius:4px;color:#7890aa;pointer-events:none}
@media(min-width:1600px){.parts-sidebar{width:268px;padding:26px 23px 0}.workspace-grid{grid-template-columns:minmax(0,1fr) 292px}.main-column{padding:31px 35px 16px}.inspector{padding:22px}.inspector-description{font-size:12px}.inspection-note{font-size:11px}.part-row .part-name{font-size:12px}.part-row{padding:11px 9px}.part-illustration{height:130px}.explode-card{padding:20px}.explode-label strong{font-size:12px}.explode-label small{font-size:10px}.insight-card{padding:20px}}
@media(max-width:1250px){.topbar{padding:0 18px;gap:10px}.brand{min-width:219px;font-size:22px}.top-actions{gap:7px}.local-tag{display:none}.main-column{padding:22px 18px 12px}.parts-sidebar{width:220px;padding:20px 14px 0}.workspace-grid{grid-template-columns:minmax(0,1fr) 236px;gap:13px}.explode-card{padding:12px;gap:7px}.explode-label small{display:none}.slider-caption{display:none}.insight-card{gap:7px;padding:12px}.insight-card small{font-size:7px}.view-controls{gap:1px}.view-controls button{padding:7px 5px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-actions{flex-direction:column}.viewport-axis{display:none}.viewport-badges>span{display:none}}
@media(max-width:1100px){.parts-sidebar{width:190px;padding:18px 11px 0}.brand{min-width:178px;font-size:20px}.brand small{font-size:6px}.brand-symbol{width:35px;height:39px}.topbar{height:72px}.topnav{gap:0}.nav-button{font-size:11px;padding:0 10px}.top-actions .button{font-size:10px;padding:9px}.top-actions .button span[data-icon]{display:none}.parts-sidebar{height:calc(100vh - 72px)}.app-shell{min-height:calc(100vh - 72px)}.workspace-grid{grid-template-columns:minmax(0,1fr)}.inspector{display:grid;grid-template-columns:1fr}.inspector-top{margin-bottom:10px}.inspector #inspector-content{display:grid;grid-template-columns:120px 1fr;gap:0 17px}.inspector .part-illustration{grid-row:span 5;height:120px}.inspector .inspector-section{margin-top:10px;padding-top:9px}.inspector .component-tags{margin:6px 0}.inspector .inspector-foot{display:none}.inspector .inspector-actions{grid-column:2}.inspector .lock-note{grid-column:2}.workspace-heading h1{font-size:24px}.reference-banner div>span{line-height:1.5;max-width:400px}.viewport-card{height:460px}.asset-card{padding:13px}.asset-card h2{font-size:23px}.asset-card code{font-size:10px}.workspace-footer>span:nth-child(2){display:none}.inspector h2{font-size:17px}.step-actions{flex-direction:row}}
@media(max-width:720px){.topbar{flex-wrap:wrap;height:122px;padding:15px 16px 0;gap:0;align-content:space-between}.brand{min-width:0}.topnav{order:3;width:100%;height:43px;justify-content:center}.top-actions{margin-left:auto}.top-actions #references-button{font-size:0;gap:0;padding:9px}.top-actions #references-button>span[data-icon]{display:inline-flex}.top-actions #references-button .mini-count{display:none}.top-actions #save-button{padding:9px;font-size:10px}.parts-sidebar{display:none}.main-column{padding:20px 14px 12px}.workspace-heading h1{font-size:23px}.workspace-heading .eyebrow{font-size:7px}.workspace-heading p{font-size:10px}.heading-actions .button{font-size:0;padding:9px;gap:0}.heading-actions .button svg{width:16px}.reference-banner{padding:10px;gap:8px}.reference-banner strong{font-size:9px;line-height:1.6}.reference-banner div>span{font-size:8px}.reference-banner button{font-size:0;padding:3px}.reference-banner button svg{width:18px}.viewport-card{height:390px}.view-controls{bottom:39px;max-width:calc(100% - 18px)}.view-controls button{font-size:9px;padding:7px 5px}.view-controls select{font-size:9px;max-width:87px}.viewport-top{left:13px;right:13px}.viewport-hint{font-size:7px;gap:5px}.explode-label strong{font-size:9px}.insight-card strong{font-size:10px}.insight-card .colored-icon{width:28px;height:28px}.insight-card small{font-size:7px;line-height:1.6}.insight-card>span:last-child{display:none}.inspector #inspector-content{grid-template-columns:85px 1fr;gap:0 13px}.inspector .part-illustration{height:100px}.part-illustration svg{width:50px;height:50px}.inspector h2{font-size:16px}.inspector-description{font-size:9px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-card{padding:12px}.library-toolbar{align-items:flex-start}.library-toolbar .soft-tag{display:none}.library-toolbar p{font-size:9px}.practice-content{gap:9px;flex-wrap:wrap}.step-number{font-size:21px;padding:9px}.step-copy{flex-basis:70%}.step-actions{margin-left:auto;margin-top:8px}.modal{padding:21px}.modal-header h2{font-size:20px}.modal-intro{font-size:11px}.source-link{padding:12px}.source-link>span{display:none}.source-link strong{font-size:11px}.workspace-footer{padding-top:16px}.app-shell{min-height:calc(100vh - 122px)}.scene-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:0.01ms!important}}
.topbar{gap:16px}.nav-button{padding-left:10px;padding-right:10px;font-size:12px}.top-actions .local-tag{display:none}.part-ordering{width:100%;margin-top:9px;color:var(--indigo)!important}.practice-panel{border-top:3px solid #6a79e9;padding:20px}.practice-top .eyebrow{color:#6575c6}.practice-scope{font-size:10px;color:#98743f;line-height:1.65}.practice-reference{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#95a3b8;margin:12px 0 18px;gap:12px}.practice-reference a{color:#586fd7;text-decoration:underline;text-underline-offset:3px}.practice-content{flex-wrap:wrap;align-items:flex-start}.step-copy{min-width:160px}.step-copy>span{font-size:8px}.step-copy h3{font-size:17px}.step-copy p{font-size:11px;color:#778aa4;line-height:1.7}.step-actions{margin-left:auto;flex-direction:row;align-self:flex-end}.step-actions .button{font-size:10px;min-height:36px}.step-interaction{margin-top:17px}.practice-pick{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(115deg,#f0f3ff,#f4fbfa);border:1px solid #e4eaf9;border-radius:9px;padding:13px}.practice-pick p{font-size:11px;color:#7e8fac;margin-top:5px}.practice-pick strong{color:#536898}.practice-picker-label{display:flex;flex-direction:column;font-size:9px;color:#8e9cb2;gap:5px;max-width:50%}.practice-picker-label select{width:100%;border:1px solid #dce4f4;background:#fff;color:#60769e;border-radius:6px;padding:8px;font-size:11px}.practice-callout{font-size:9px;line-height:1.7;color:#97a5bb;margin:10px 0}.practice-note{display:flex;flex-direction:column;gap:7px;color:#778baa;font-size:11px;margin-top:14px}.practice-note input{border:1px solid #dce5f2;background:#fbfcff;padding:11px;border-radius:7px;color:#526c95;width:100%}.practice-note small{font-size:9px;color:#9aa8bd;line-height:1.6}.practice-checks{display:flex;flex-direction:column;gap:10px;margin-top:13px}.practice-checks label{display:flex;gap:9px;font-size:11px;line-height:1.6;color:#7f90ab;cursor:pointer}.practice-checks input{accent-color:var(--indigo);margin-top:3px;flex-shrink:0}.practice-feedback{font-size:10px;line-height:1.6;margin-top:15px;padding:10px 12px;border-radius:7px;background:#fff8ed;color:#ae8650}.practice-feedback.ready{background:#eaf8f3;color:#329078}.practice-tray{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.practice-tray>span{font-size:8px;letter-spacing:1.3px;color:#98a7be;font-weight:700}.practice-tray>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.practice-tray button{background:#f2f5fc;border:1px solid #e6eaf5;border-radius:6px;padding:7px 9px;font-size:9px;display:flex;align-items:center;gap:6px;color:#7186af}.practice-tray button:hover{background:#e9eeff}.practice-tray svg{width:13px;height:13px}.practice-tray small{font-size:10px;color:#a7b1c2}.practice-complete{background:linear-gradient(115deg,#f0f3ff,#ebfaf4);border-radius:9px;padding:17px;color:#5475a0;font-size:13px}.practice-complete p{font-size:11px;color:#899eb3;line-height:1.8;margin:7px 0 13px}.practice-progress span{height:5px}.practice-progress span.complete{background:#36b79e}.practice-progress span.current{background:#8394ee}
@media(max-width:1250px){.topbar{gap:7px}.brand{min-width:190px}.nav-button{font-size:10px;gap:5px;padding:0 8px}.nav-button svg{width:15px}.top-actions .button{font-size:10px;padding:9px}.top-actions .button span[data-icon]{display:none}.inspector #inspector-content .part-ordering{grid-column:2}}
@media(max-width:900px){.brand{min-width:164px}.topbar{padding:0 10px}.nav-button{font-size:9px;padding:0 6px}.top-actions{gap:4px}.top-actions #save-button{font-size:0;padding:9px}.top-actions #save-button span[data-icon]{display:inline-flex}.top-actions #save-button svg{width:15px}.top-actions #references-button{font-size:0;padding:9px;gap:0}.top-actions #references-button span[data-icon]{display:inline-flex}.top-actions .mini-count{display:none}}
@media(max-width:720px){.topbar{padding:15px 12px 0}.nav-button{font-size:9px;padding:0 8px;gap:5px}.topnav{justify-content:space-between}.top-actions #save-button{font-size:10px}.top-actions #save-button span[data-icon]{display:none}.practice-panel{padding:15px}.practice-top .eyebrow{font-size:8px;letter-spacing:1px}.segmented button{padding:6px 8px}.practice-reference{font-size:8px}.step-copy h3{font-size:16px}.step-copy p{font-size:11px}.practice-pick{flex-direction:column;align-items:stretch;gap:11px}.practice-picker-label{max-width:100%}.practice-checks label{font-size:10px}.step-actions{width:100%;justify-content:flex-end}.practice-scope{font-size:9px}.practice-reference{align-items:flex-start}.practice-reference a{flex-shrink:0}}
.workspace-grid.practice-layout{display:block}.practice-layout .inspector{display:none}.practice-layout .stage-column{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:14px}.practice-layout .viewport-card{height:650px;position:sticky;top:16px}.practice-layout .practice-panel{min-height:650px}.practice-layout .practice-content{gap:10px}.practice-layout .step-number{padding:7px 9px;font-size:23px}.practice-layout .step-copy h3{font-size:16px}.practice-layout .practice-top{flex-wrap:wrap}.practice-layout .practice-top>.eyebrow{width:100%}.practice-layout .segmented{margin-left:0}.practice-layout .practice-pick{display:block}.practice-layout .practice-picker-label{max-width:100%;margin-top:12px}.practice-layout .step-actions{margin-top:13px;width:100%;justify-content:space-between}.practice-layout .practice-reference{font-size:8px;flex-wrap:wrap;gap:6px}.practice-layout .viewport-badges>span{display:none}
@media(min-width:1650px){.practice-layout .stage-column{grid-template-columns:minmax(0,1fr) 420px}.practice-layout .viewport-card{height:700px}.practice-layout .practice-panel{min-height:700px}}
@media(max-width:1100px){.practice-layout .stage-column{display:flex}.practice-layout .viewport-card{position:relative;top:0;height:360px;width:100%}.practice-layout .practice-panel{min-height:0;width:100%}.practice-layout .practice-top>.eyebrow{width:auto}.practice-layout .segmented{margin-left:auto}.practice-layout .practice-reference{flex-wrap:nowrap}.practice-layout .practice-pick{display:flex}.practice-layout .practice-picker-label{max-width:50%;margin-top:0}}
@media(max-width:720px){.practice-layout .viewport-card{height:310px}.practice-layout .practice-pick{display:block}.practice-layout .practice-picker-label{max-width:100%;margin-top:12px}.practice-layout .practice-top>.eyebrow{width:100%}.practice-layout .segmented{margin-left:0}}
@media(max-width:720px){.topnav{gap:0}.nav-button{font-size:8.5px;padding:0 4px;gap:4px;flex:1;justify-content:center;min-width:0}.nav-button svg{width:13px;height:13px}.nav-button.active:after{left:5px;right:5px}}