@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
body>.statusbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
body>.statusbar>.status-left{min-width:0;overflow:hidden}
body>.statusbar>.status-right{justify-content:flex-end}
.icp-filing{font-size:9px;color:inherit;text-decoration:none;white-space:nowrap;text-align:center}
.icp-filing:hover{text-decoration:underline}
@media(max-width:1100px){body>.statusbar{grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:30px;row-gap:3px;padding-top:4px}body>.statusbar>.status-right{grid-column:2;grid-row:1}.icp-filing{grid-column:1/-1;grid-row:2;justify-self:center;padding-bottom:4px}}
:root{--orange:#e66d3c;--orange-soft:#fcf0e9;--ink:#263337;--muted:#839092;--line:#e2e6e5;--panel:#f8faf9;--teal:#6ac1b1;--mono:'IBM Plex Mono',Consolas,monospace;font-family:Inter,'Noto Sans SC','Microsoft YaHei',sans-serif;color:var(--ink);font-size:12px;--left:220px;--right:264px}
*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f4f6f5}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{background:#e9eeeb}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}button[hidden],[hidden]{display:none!important}svg{flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon.small{width:15px;height:15px}.icon-button{padding:6px;border-radius:4px}.button{height:32px;padding:0 12px;border-radius:5px;font-weight:500;white-space:nowrap}.button.secondary{border:1px solid #d9dfdc;background:white}.button.ghost{font-size:11px}.full{width:100%}.text-button{color:var(--orange);padding:0;font-size:11px}.text-button:hover{background:none;text-decoration:underline}.divider{height:20px;width:1px;background:#dce1de;display:block;margin-right:20px}.topbar{height:57px;min-height:57px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:25px}.brand{display:flex;align-items:center;text-decoration:none;color:#25383b;gap:9px;white-space:nowrap}.brand-mark{width:29px;height:29px;color:var(--orange)}.brand-mark svg{width:100%;height:100%}.brand strong{font-size:19px;font-weight:700;letter-spacing:-.8px}.brand strong span{font-weight:400;color:#87928f}.studio-label{font-family:var(--mono);font-size:8px;letter-spacing:2px;padding-top:4px;margin-left:2px}.project-heading{display:flex;align-items:center;gap:12px;font-size:11px}.prototype-pill{font-size:10px;color:#8c8a76;background:#f2f1e9;padding:3px 6px;border-radius:3px}.top-actions{display:flex;gap:14px;align-items:center;margin-left:auto}.save-state{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a9591}.save-state i,.ready-dot{width:5px;height:5px;border-radius:50%;background:#68a38a;display:inline-block}.export-button{background:#263c3d;color:white;font-size:11px;padding:0 14px}.export-button:hover{background:#355453}.avatar{width:28px;height:28px;border-radius:50%;background:#eee9dc;display:grid;place-items:center;font-size:9px;color:#7c745e;letter-spacing:.5px}.menubar{height:37px;min-height:37px;background:#fff;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 22px}.menu-tabs{display:flex;gap:22px;height:100%}.menu-tabs button{font-size:11px;padding:0 2px;position:relative;color:#74817c}.menu-tabs button.active{color:#253b37;font-weight:600}.menu-tabs button.active:after{content:'';position:absolute;bottom:0;height:2px;background:var(--orange);left:0;right:0}.example-link{margin-left:auto;font-size:10px;color:#697a72;gap:8px}.little-dot{width:5px;height:5px;background:#8ba89a;border-radius:50%;display:inline-block}.ribbon{display:flex;align-items:stretch;height:89px;min-height:89px;background:#f6f8f7;padding:7px 16px 5px;border-bottom:1px solid #dfe3e0;gap:14px}.ribbon-group{border-right:1px solid #dfe5e2;padding-right:14px;display:flex;flex-direction:column;align-items:center}.group-tools{display:flex;gap:3px;height:53px}.tool.large{position:relative;min-width:54px;flex-direction:column;gap:5px;padding:4px 7px;border-radius:4px;font-size:10px}.tool .icon{width:20px;height:20px}.tool kbd{position:absolute;right:4px;top:3px;font-family:var(--mono);font-size:7px;color:#9ca4a0;opacity:0}.tool:hover kbd{opacity:1}.tool.active{color:var(--orange);background:#fbe9df}.group-label{font-size:9px;letter-spacing:.7px;color:#919d97;padding-top:5px}.ribbon-tail{display:flex;align-items:center;gap:3px;margin-left:auto;padding-right:6px}.ribbon-tail .button{margin-left:12px;font-size:10px}.workspace{display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right);flex:1;min-height:0}.left-panel,.right-panel{background:var(--panel);display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.left-panel{border-right:1px solid #dce3df}.right-panel{border-left:1px solid #dce3df}.panel-heading{height:46px;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;font-weight:600;border-bottom:1px solid var(--line)}.project-card{display:flex;align-items:center;gap:10px;margin:18px 16px 21px}.project-icon{width:32px;height:35px;border:1px solid #dce4de;border-radius:5px;color:#507e6f;display:grid;place-items:center;background:#edf3ee}.project-card b{font-size:11px;font-weight:600}.project-card p{font-size:9px;color:#96a19a;margin:5px 0 0}.project-card p span{font-family:var(--mono);margin-left:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;color:#7d8c83;font-size:10px;margin:0 17px 12px}.section-heading>span{font-family:var(--mono);font-size:9px;color:#a0aba5}.object-list{padding:0 8px}.object-row{display:flex;align-items:center;width:100%;height:35px;padding:0 10px;border-radius:4px;margin-bottom:3px;gap:9px;font-size:11px}.object-row .icon{width:15px;height:15px;color:#91a098}.object-row .object-vertices{font-size:9px;margin-left:auto;color:#a3ada7;font-family:var(--mono)}.object-row.selected{background:#e9efeb;color:#305d48;font-weight:600}.object-row.selected .icon{color:#6d927b}.add-object{justify-content:flex-start;margin:7px 17px 23px;font-size:10px;color:#8c9a91;padding:4px 0}.layers-heading{padding-top:17px;border-top:1px solid var(--line)}.layer-row{display:flex;align-items:center;padding:0 16px;height:35px;gap:8px;font-size:10px;color:#65756c}.layer-row .eye-button{margin-left:auto;color:#8da094;padding:5px;border-radius:3px}.layer-row.off{opacity:.42}.layer-key{width:11px;height:11px;border:1.5px solid #85969a;border-radius:2px}.layer-key.boundary{border-color:#eea066}.layer-key.skeleton{border-color:#6caa97}.layer-key.aux{border-color:#8ea9b6;border-style:dashed}.layer-key.paper{border-style:dashed}.layer-row .layer-number{font-family:var(--mono);font-size:9px;color:#a5afa9}.left-bottom{margin-top:auto;padding:30px 17px 0}.eyebrow{font-size:9px;color:#a0aaa4;letter-spacing:2px}.left-bottom p{font-size:11px;line-height:1.9;color:#75877c;margin:11px 0}.left-bottom .text-button{color:#5e8470;margin-top:1px}.version{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-family:var(--mono);font-size:7px;letter-spacing:.5px;color:#a8b3ad;margin-top:25px;padding:14px 0}.drawing-area{display:flex;flex-direction:column;min-width:0;min-height:0;background:#1b272c}.drawing-tabbar{height:35px;min-height:35px;display:flex;align-items:center;background:#263237;border-bottom:1px solid #172126}.drawing-tab{align-self:stretch;padding:0 17px;display:flex;align-items:center;gap:7px;background:#1b272c;border-top:2px solid #b2c3b9;font-size:10px;color:#d0dbd5}.tab-square{border:1px solid #9bafa2;width:8px;height:8px;border-radius:1px}.tab-format{color:#6e8782;font-size:9px}.new-tab{color:#8da39b;height:100%;width:35px}.new-tab:hover{background:#344448}.view-caption{margin-left:auto;padding-right:16px;color:#7f9693;font-size:9px}.view-caption span{margin:0 8px;color:#526b67}.canvas-wrap{position:relative;flex:1;min-height:120px;overflow:hidden}#drawing{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none}#drawing.select{cursor:default}#drawing.hand{cursor:grab}#drawing.dragging{cursor:grabbing}.paper-label{font-size:3.4px;fill:#8a9d9c;font-family:var(--mono);letter-spacing:.3px}.canvas-heading{position:absolute;z-index:2;top:16px;left:18px;display:flex;align-items:center;gap:11px;color:#99afab;font-size:10px;pointer-events:none}.view-tag{border:1px solid #526863;border-radius:3px;font-family:var(--mono);font-size:8px;padding:4px 5px;color:#bdcfc7}.dim{margin-left:5px;font-family:var(--mono);color:#6e8680;font-size:9px}.canvas-badge{position:absolute;right:17px;top:19px;z-index:2;color:#94a89f;display:flex;align-items:center;gap:6px;font-size:9px;pointer-events:none}.canvas-badge>span:first-child{width:4px;height:4px;border-radius:50%;background:#c4b28c}.badge-divider{color:#58726a;margin:0 3px}.floating-tools{position:absolute;top:62px;left:17px;display:flex;flex-direction:column;border:1px solid #42564f;border-radius:6px;padding:3px;background:#25342f;box-shadow:0 3px 10px #101c1c33}.floating-tools button{width:30px;height:32px;color:#91aba0;border-radius:3px}.floating-tools button:hover{background:#35463e}.floating-tools button.active{color:#efc2a5;background:#4e4439}.floating-tools>span{height:1px;background:#3d5045;margin:3px}.axis-widget{position:absolute;left:28px;bottom:53px;width:36px;height:37px;border-bottom:1.5px solid #b89680;border-left:1.5px solid #7c9d8a;font-family:var(--mono);font-size:8px;color:#80978c;pointer-events:none}.axis-y{position:absolute;top:-10px;left:-3px}.axis-x{position:absolute;right:-8px;bottom:-5px;color:#b29787}.axis-widget i{position:absolute;bottom:-3px;left:-3px;width:5px;height:5px;border:1px solid #9fafa5;background:#253d33}.canvas-legend{position:absolute;left:18px;bottom:15px;display:flex;gap:16px;font-size:9px;color:#8ba196;pointer-events:none}.canvas-legend>span{display:flex;align-items:center;gap:5px}.legend-line{width:16px;border-top:1px solid}.legend-line.outline{border-color:#e9b689}.legend-line.skeleton{border-color:#79baa1}.legend-line.auxiliary{border-top-style:dashed;border-color:#8b9eac}.zoom-controls{position:absolute;right:17px;bottom:16px;display:flex;background:#263932;border:1px solid #3e5348;border-radius:4px;overflow:hidden}.zoom-controls button{color:#a1b5a7;height:28px;min-width:28px;font-size:14px}.zoom-controls button:hover{background:#395045}#zoomValue{font-family:var(--mono);font-size:10px;min-width:48px;border-left:1px solid #3e5348;border-right:1px solid #3e5348}.workflow{height:74px;min-height:74px;background:#f2f5f2;display:flex;align-items:center;padding:0 17px;gap:17px;border-bottom:1px solid #d9e2dc}.workflow-caption{font-size:10px;white-space:nowrap;display:flex;flex-direction:column;gap:5px;font-weight:600}.workflow-caption small{font-weight:400;font-size:9px;color:#94a197}.workflow-steps{display:flex;align-items:center;flex:1;gap:6px}.step{padding:0 4px;gap:7px;white-space:nowrap}.step span{width:22px;height:22px;border:1px solid #d6dfd7;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:9px;color:#93a496}.step b{font-size:10px;font-weight:500;color:#8b9b8f}.step.active span{background:var(--orange);border-color:var(--orange);color:white;box-shadow:0 0 0 3px #f6e4d9}.step.active b{color:#4a6253;font-weight:600}.step.completed span{background:#dfece2;color:#537e5e;border-color:#dfece2}.workflow-steps>i{flex:1;border-top:1px solid #d3dfd4;min-width:5px}.stage-next{height:30px;border:1px solid #d5e0d6;background:#fff;border-radius:4px;font-size:10px;white-space:nowrap;padding:0 10px;color:#617866}.command-line{height:34px;min-height:34px;display:flex;align-items:center;gap:10px;background:#f9fbf8;padding:0 14px;color:#87978a;font-size:10px}.command-prompt{font-family:var(--mono);font-size:13px;color:#738c78}.command-line>kbd{margin-left:auto;font-size:8px;font-family:var(--mono);color:#a1ada3;white-space:nowrap}.command-line button{color:var(--orange);font-size:10px}.right-tabs{display:flex;height:46px;min-height:46px;border-bottom:1px solid var(--line);padding:0 16px;gap:24px}.right-tabs button{font-size:11px;position:relative;padding:0 4px;color:#96a297}.right-tabs button.active{color:#3f5948;font-weight:600}.right-tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#6b8c76}.selected-heading{display:flex;align-items:center;gap:9px;padding:20px 17px 17px}.object-glyph{height:30px;width:30px;display:grid;place-items:center;background:#faeee4;color:#c88b61;border-radius:5px}.selected-heading>div{display:flex;flex-direction:column;gap:5px}.selected-heading b{font-size:12px}.selected-heading>div>span{font-size:9px;color:#9aa69c}.selected-heading>button{margin-left:auto;color:#9ba79f}.property-section{border-top:1px solid var(--line);padding:16px 17px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;margin-bottom:13px;color:#596e5f}.section-label>span{font-weight:400;font-size:9px;color:#9baa9f}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 10px}.property-grid label{font-size:9px;color:#94a397;display:flex;flex-direction:column;gap:6px}.property-grid input,.fixed-value{width:100%;border:1px solid #dce5dd;border-radius:4px;background:#fff;min-width:0;height:30px;padding:0 9px;color:#4a6151;font-family:var(--mono);font-size:11px}.property-grid input:focus{border-color:#adbea9;outline:none}.property-grid input:disabled{background:#f0f3ee;color:#adb6a8}.property-stat{display:flex;justify-content:space-between;font-size:10px;color:#8c9b8f;margin-top:14px}.property-stat b{font-family:var(--mono);font-size:10px;font-weight:400;color:#637767}.role-field{display:flex;align-items:center;gap:7px;background:#eef2ec;border:1px solid #dfe6dc;padding:9px;border-radius:4px;color:#6d7d6e;font-size:10px}.role-field .icon{margin-left:auto;color:#a0ac9d}.orange-dot{width:5px;height:5px;border-radius:50%;background:#c99670}.small-note{font-size:10px;color:#99a59a;line-height:1.8;margin:10px 0 0}.switch{width:29px;height:16px;border-radius:12px;background:#c4cec2;padding:2px;justify-content:flex-start}.switch i{width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002}.switch.on{background:#709b7a;justify-content:flex-end}.switch.on:hover{background:#628e6c}.snap-options{display:flex;flex-direction:column;gap:11px}.snap-options label{display:flex;align-items:center;gap:7px;font-size:10px;color:#778a79}.snap-options input{appearance:none;margin:0;width:13px;height:13px;border:1px solid #c6d3c5;border-radius:3px;display:grid;place-items:center;background:white}.snap-options input:checked{background:#789b7e;border-color:#789b7e}.snap-options input:checked:after{content:'✓';color:#fff;font-size:9px}.snap-options kbd,.snap-symbol{margin-left:auto;font-size:9px;color:#9bab9a}.snap-symbol{font-size:14px}.compact{margin-top:15px;gap:9px}.fixed-value{display:flex;align-items:center;justify-content:space-between;background:#f3f5f0;color:#879780}.fixed-value small{font-family:Inter,sans-serif;font-size:9px;color:#9aab92}.panel-footer{margin-top:auto;border-top:1px solid var(--line);padding:12px 16px;font-size:9px;color:#9ba695;display:flex;align-items:center;gap:7px}.statusbar{height:29px;min-height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#edf2eb;border-top:1px solid #d9e1d7;font-size:9px;color:#788d78;gap:12px}.status-left,.status-right{display:flex;align-items:center;gap:11px}.status-divider{width:1px;height:11px;background:#cfdacf}#coords{font-family:var(--mono);font-size:9px;min-width:150px}.status-right button{height:21px;border-radius:3px;padding:0 6px;font-size:9px;color:#8b9c85;gap:4px}.status-right button.active{color:#46724e;background:#dce8d9}.status-right .icon{width:11px;height:11px}.check-intro{padding:22px 0 10px;color:#66816d}.check-intro>.icon{display:block;margin-bottom:10px}.check-intro>b{font-size:12px}.check-intro>p{color:#95a491;line-height:1.8;font-size:10px}#checkPanel{padding:0 17px 17px}.validation-note{border-top:1px solid #e0e7da;margin-top:20px;padding-top:17px;font-size:10px;color:#75866f}.validation-note>span{float:right;color:#9a9278;background:#f0eddf;padding:2px 4px;border-radius:3px}.validation-note p{font-size:10px;line-height:1.8;color:#9aa58e}.check-item{font-size:10px;padding:10px 0;border-bottom:1px solid #e3e9dc;line-height:1.7;color:#738b6b}.check-item.error{color:#bf775d}.check-item strong{display:block}.segmented{display:flex;gap:4px}.segmented button{flex:1;font-size:10px;padding:8px 0;border:1px solid #d9e2d3;border-radius:4px}.segmented button.active{background:#e8ede1;color:#537c51;border-color:#afc7a4}.menu-popover{position:fixed;z-index:20;top:92px;min-width:190px;background:white;border:1px solid #dde5d7;padding:6px;border-radius:5px;box-shadow:0 8px 30px #15252524}.menu-popover button{display:flex;width:100%;justify-content:flex-start;padding:10px;font-size:11px;border-radius:3px}.menu-popover kbd{margin-left:auto;font-family:var(--mono);font-size:9px;color:#a3ad9c}.toast{position:fixed;z-index:40;bottom:47px;left:50%;transform:translateX(-50%);background:#f9faf5;border:1px solid #d3dfc8;border-radius:6px;color:#4e6545;padding:12px 18px;box-shadow:0 4px 24px #10201f30;font-size:11px;max-width:min(620px,90vw);line-height:1.7}.toast.error{color:#a25038;border-color:#e7b8a4}dialog{border:1px solid #d8e1d2;border-radius:12px;padding:0;background:#f9fbf6;color:#42573b;width:460px;max-width:90vw;box-shadow:0 24px 100px #0c19175c}dialog::backdrop{background:#10211fcc;backdrop-filter:blur(3px)}.modal-body{padding:26px}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-heading h2{font-size:18px;margin:0;font-weight:600;letter-spacing:-.5px}.modal-heading button{font-size:22px;width:30px;height:30px;color:#91a183;border-radius:4px}.modal-body>p{font-size:11px;line-height:1.9;color:#819176}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.primary{background:var(--orange);color:white}.primary:hover{background:#ce5f34}.format-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.format-choices label{border:1px solid #dce4d4;border-radius:5px;display:flex;align-items:center;padding:14px 10px;gap:7px;background:#fff;font-size:11px}.format-choices label:has(input:checked){border-color:var(--orange);background:#fff5ea}.modal-body input[type=radio]{accent-color:var(--orange);margin:0}.modal-body .form-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0;gap:10px;font-size:11px}.form-row input[type=text],.form-row select{padding:8px;border:1px solid #d9e3ce;border-radius:4px;background:#fff;min-width:0}.shortcut-row{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;border-bottom:1px solid #e3e9db;color:#748366}.shortcut-row kbd{font-family:var(--mono);color:#4c6340;background:#edf1e6;padding:3px 6px;border-radius:3px}.example-card{width:100%;display:flex;justify-content:flex-start;gap:12px;text-align:left;border:1px solid #dfe6d5;border-radius:6px;padding:14px;margin:10px 0;background:#fff}.example-card .icon{color:var(--orange);width:28px;height:28px}.example-card b{font-size:12px}.example-card p{font-size:10px;color:#91a080;margin:6px 0 0}.selected-polygon{fill:#ecb981;fill-opacity:.035;stroke:#e9bc8d;stroke-width:.8;vector-effect:non-scaling-stroke}.polygon-edge{stroke:#a7c4b6;stroke-width:1.1;vector-effect:non-scaling-stroke;fill:#9bc6b8;fill-opacity:.025}.shape-label{font-size:3.6px;fill:#8ca9a0;font-family:var(--mono)}.selection-box{fill:none;stroke:#b7c9b4;stroke-width:.6;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.handle{fill:#233a31;stroke:#b8d6ae;stroke-width:1;vector-effect:non-scaling-stroke;cursor:crosshair}.handle.vertex-selected{fill:#f0b27b;stroke:#f0b27b}.dimension-text{fill:#9aad9e;font-size:3.5px;font-family:var(--mono)}.dimension-line{stroke:#698374;stroke-width:.45;vector-effect:non-scaling-stroke}.crease-line{fill:none;stroke:#73b6a1;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}.crease-hit{stroke:transparent;stroke-width:10;fill:none;vector-effect:non-scaling-stroke;cursor:pointer}.crease-line.aux{stroke:#8eacb8;stroke-dasharray:5 4;opacity:.75}.crease-line.M{stroke:#ed9671;stroke-dasharray:7 3 1 3;opacity:1}.crease-line.V{stroke:#81b5db;stroke-dasharray:5 4;opacity:1}.crease-line.selected{stroke-width:2.5}.skeleton-node{fill:#70ae99;stroke:#1c2e28;stroke-width:.4}.snap-mark{stroke:#faeab2;stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}.snap-text{font-size:3.5px;fill:#f1dba5;font-family:'Noto Sans SC',sans-serif}.draft-line{fill:#e8c18a;fill-opacity:.05;stroke:#e8c18a;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:5 3}
@media(min-width:1600px){:root{--left:240px;--right:286px}.topbar{height:63px;min-height:63px}.ribbon{height:96px;min-height:96px;padding-top:10px}.tool.large{min-width:65px}.workflow{height:82px;min-height:82px}.step b{font-size:11px}.left-bottom p{font-size:12px}.property-section{padding:19px 20px}}
@media(max-width:1200px){:root{--left:180px;--right:224px}.topbar{padding:0 15px;gap:18px}.studio-label,.save-state,.avatar{display:none}.ribbon{gap:8px;padding-left:8px}.ribbon-group{padding-right:8px}.tool.large{min-width:45px;padding-left:4px;padding-right:4px}.ribbon-tail .button{margin-left:4px}.workflow{gap:8px;padding:0 12px}.workflow-caption{display:none}.step{gap:5px}.step b{font-size:9px}.stage-next{padding:0 6px}.property-section{padding:14px}.selected-heading{padding:17px 14px}.panel-footer{font-size:8px}.canvas-badge{font-size:8px;top:49px}.canvas-legend{gap:10px}}
@media(max-width:950px){:root{--left:154px;--right:205px}.top-actions .ghost{display:none}.project-heading .divider{margin-right:0}.ribbon-tail{display:none}.ribbon-group{flex:1}.tool.large{min-width:42px;font-size:9px}.brand strong{font-size:17px}.workflow-steps>i{display:none}.workflow-steps{justify-content:space-between}.step b{font-size:8px}.step span{height:19px;width:19px}.stage-next{display:none}.canvas-legend>span{font-size:8px}.canvas-legend>span:last-child{display:none}.left-bottom{padding:20px 12px 0}.view-caption{display:none}.property-grid{gap:8px}.object-row{padding:0 5px;font-size:10px}.object-row .object-vertices{display:none}.status-right{gap:5px}.status-left{gap:7px}.statusbar{padding:0 10px}}
@media(max-width:760px){:root{--left:0px;--right:200px}.left-panel{display:none}.topbar{gap:12px}.brand .studio-label,.prototype-pill,.project-heading{display:none}.top-actions{gap:6px}.topbar .button{font-size:10px}.menubar{padding:0 12px}.menu-tabs{gap:17px}.menu-tabs button{font-size:10px}.example-link{font-size:9px}.ribbon{height:77px;min-height:77px}.ribbon-group{padding-right:4px;gap:0}.tool.large{min-width:38px}.tool kbd{display:none}.group-label{font-size:8px}.ribbon-group:nth-child(3){display:none}.workflow{height:60px;min-height:60px;padding:0 7px}.step{flex-direction:column;gap:4px}.canvas-badge{max-width:170px;text-align:right;line-height:1.7}.canvas-heading{top:12px}.command-line{font-size:9px}.command-line>kbd{display:none}.status-right>span{display:none}.statusbar{font-size:8px}#coords{font-size:8px;min-width:110px}}
@media(max-width:540px){:root{--right:0px}.right-panel{display:none}.topbar{height:50px;min-height:50px}.ribbon{gap:4px}.canvas-badge{max-width:none}.canvas-legend{bottom:13px}.workflow .step{flex-direction:row}.command-line{font-size:9px}.menubar{padding:0 10px}.menu-tabs{gap:14px}.example-link{font-size:0}.example-link .little-dot{display:none}.workflow-steps{gap:3px}.workspace{grid-template-columns:0 minmax(0,1fr) 0}.topbar .export-button{height:29px}.status-left{gap:5px}.status-right{gap:3px}}