:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#263347;background:#e9edf3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.hidden{display:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:66px;flex:none;background:#202a3b;color:#f7f9fc;display:flex;align-items:center;gap:30px;padding:0 22px;border-bottom:1px solid #3a4556}.brand{display:flex;align-items:center;gap:11px;min-width:200px}.brand-mark{width:29px;height:29px;display:flex;gap:3px;transform:skew(-10deg);align-items:center}.brand-mark span{width:6px;background:#83a9f7;border-radius:1px;display:block}.brand-mark span:nth-child(1){height:13px}.brand-mark span:nth-child(2){height:24px}.brand-mark span:nth-child(3){height:19px}.brand strong{font:800 18px/1 system-ui,sans-serif;letter-spacing:-.7px}.brand strong span{color:#8db1ff}.brand small{font-size:9px;display:block;color:#aebdd1;letter-spacing:.09em;margin-top:3px;text-transform:uppercase}.project-title{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.top-label{font-size:10px;font-weight:700;color:#95a3b7;letter-spacing:.12em}.project-title input{font:700 13px system-ui,sans-serif;color:#f9fbff;border:0;border-bottom:1px solid transparent;background:transparent;padding:7px 2px;min-width:150px;max-width:280px;width:100%}.project-title input:hover,.project-title input:focus{border-color:#7ea9ff;outline:0}.saved-indicator{color:#9dabbd;font-size:10px;white-space:nowrap}.saved-indicator:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#79c6a4;margin-right:6px}.top-actions{display:flex;align-items:center;gap:6px}.top-actions button{display:inline-flex;align-items:center;gap:8px;border:0;white-space:nowrap;font-size:11px;font-weight:700;border-radius:6px;padding:10px 12px}.top-ghost{background:transparent;color:#d5e0ee}.top-ghost:hover{background:#354258}.access-button{color:#eff5ff;background:#354966;border:1px solid #4b6384!important;margin-left:8px}.access-button:hover{background:#46618a}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr) 290px;flex:1;min-height:0;height:calc(100vh - 66px);overflow:hidden}.left-sidebar{background:#263247;color:#f2f6fb;display:flex;flex-direction:column;min-height:0;border-right:1px solid #36465d}.side-section{padding:23px 14px 17px;border-bottom:1px solid #3a465a}.side-label{font-size:10px;font-weight:800;color:#91a2ba;letter-spacing:.13em;margin:0 0 13px}.mode-select{width:100%;height:38px;color:#fff;background:#34445f;border:1px solid #4a5b74;padding:0 12px;border-radius:6px;font-size:12px;font-weight:700}.mode-select option{background:#263247}.tool-list{display:flex;flex-direction:column;gap:3px}.tool-list button{height:36px;display:flex;align-items:center;gap:11px;text-align:left;color:#c9d6e9;background:transparent;border:1px solid transparent;border-radius:6px;padding:0 10px;font-weight:600;font-size:12px}.tool-list button svg:last-child{margin-left:auto;opacity:.45}.tool-list button.active{background:#3d5271;color:#fff;border-color:#51709d}.tool-list button:hover{background:#354662}.tool-tip{font-size:10px;color:#92a5bc;line-height:1.55;margin:11px 9px 0}.side-section-head{display:flex;align-items:center;justify-content:space-between}.side-section-head button{background:#3a4c68;border:0;color:#d9e7fb;width:24px;height:24px;border-radius:5px;display:grid;place-items:center;margin-top:-8px}.parts-section{flex:1;min-height:0;display:flex;flex-direction:column}.part-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:4px}.part-list button{background:transparent;border:1px solid transparent;border-radius:6px;color:#d9e4f2;text-align:left;padding:9px;display:flex;gap:9px;align-items:center;width:100%}.part-list button.active{background:#3d5271;border-color:#52729d}.part-list-icon{width:27px;height:27px;flex:none;background:#465b7b;border-radius:5px;display:grid;place-items:center;color:#aac8ff}.part-list button>span:nth-child(2){min-width:0;flex:1}.part-list strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-list small{display:block;color:#9fb1c8;font-size:10px;margin-top:3px}.part-list em{font-style:normal;color:#a9c5ec;font-size:11px}.mode-info{display:flex;flex-direction:column;align-items:flex-start;gap:11px;color:#b8cae2}.mode-info strong{color:#f3f8ff}.mode-info p{font-size:12px;line-height:1.6;margin:0}.sidebar-bottom{height:48px;display:flex;align-items:center;gap:9px;padding:0 18px;color:#b8c9de;font-size:10px;margin-top:auto;border-top:1px solid #3a465a}.quota-dot,.foot-dot{height:7px;width:7px;border-radius:50%;background:#80c5a5;flex:none}.main-area{display:flex;flex-direction:column;min-width:0;min-height:0;background:#eef1f5}.main-nav{height:56px;background:#f9fbfd;border-bottom:1px solid #dce3ec;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex:none}.view-tabs{display:flex;gap:22px;height:100%}.view-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#8190a4;display:flex;align-items:center;gap:8px;padding:2px 0 0;font-size:12px;font-weight:700}.view-tabs button.active{color:#2e5fbd;border-color:#3d73d4}.tab-count{background:#e5edfc;padding:2px 6px;border-radius:4px;color:#366aca;font-size:10px}.main-nav-right{display:flex;align-items:center;gap:14px;color:#9aa8b9;font-size:10px;font-weight:800;letter-spacing:.1em}.unit-badge{color:#58729b;border:1px solid #dce4ee;border-radius:4px;padding:5px 7px}.status-banner,.stale-notice{flex:none;margin:10px 18px 0;border-radius:6px;padding:11px 13px;font-size:12px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#e8effc;border:1px solid #c9d9f5;color:#31599a}.status-banner button{background:transparent;border:0;color:inherit;padding:0;line-height:0}.status-banner.error{background:#fff0ee;border-color:#f0c7c0;color:#a34338}.status-banner.success{background:#e9f8f0;border-color:#bee6ce;color:#28734b}.status-banner.warning,.stale-notice{background:#fff7e7;border-color:#f3dfae;color:#886126}.canvas-wrap{margin:18px 18px 12px;background:#fff;border:1px solid #d8e0ea;box-shadow:0 7px 25px #283b5909;min-height:0;flex:1;display:flex;flex-direction:column;border-radius:9px;overflow:hidden}.canvas-head{height:60px;flex:none;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaf0}.canvas-head div{display:flex;flex-direction:column;gap:3px}.canvas-head strong{font:800 13px system-ui,sans-serif;color:#243a5d}.canvas-head span{color:#8a98a9;font-size:10px}.canvas-head>span{text-transform:uppercase;letter-spacing:.11em;font-weight:700}.editor-viewport,.sheet-viewport{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:#fbfcfe}.editor-viewport svg{width:100%;height:100%;min-height:300px}.source-shape{outline:none;cursor:pointer}.shape-body>*{fill:#dbe8f8;stroke:#7293c4;stroke-width:2.2;vector-effect:non-scaling-stroke}.source-shape.selected .shape-body>*{fill:#cadcf8;stroke:#2862cd;stroke-width:3;filter:drop-shadow(0 4px 7px #2d61a425)}.source-shape:focus-visible .shape-body>*{stroke:#123f9c;stroke-width:4}.source-hole{fill:#fbfcfe;stroke:#6793cc;stroke-width:2;vector-effect:non-scaling-stroke}.part-label{font-size:13px;fill:#536780;font-weight:700}.draw-preview{fill:#d1e2fc99;stroke:#3774dc;stroke-width:2;stroke-dasharray:5 4}.polygon-preview polyline{fill:none;stroke:#3774dc;stroke-width:2;stroke-dasharray:5 4}.polygon-preview circle{fill:#3774dc}.canvas-footer{flex:none;height:32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7ecf1;padding:0 20px;color:#8795a7;font-size:10px}.sheet-viewport{padding:24px}.sheet-viewport svg{width:100%;height:100%;max-height:100%;overflow:visible}.sheet-dimension{fill:#74859b;font-size:12px;font-weight:700}.placed-label{fill:#375a86;font-size:13px;font-weight:800;pointer-events:none}.object-view{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#fff 0,#f7fafe 65%,#edf2fa)}.object-schematic{height:min(65%,370px);width:min(90%,480px)}.object-schematic text{font-size:14px;fill:#5c7090;font-weight:700}.object-view p{font-size:11px;color:#8493a5}.empty-canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#65758c;text-align:center}.empty-canvas strong{font:800 15px system-ui,sans-serif;color:#405875}.empty-canvas p{font-size:12px}.sheet-strip{display:flex;align-items:center;gap:16px;margin:0 18px 8px;min-height:39px}.sheet-tabs{display:flex;overflow:auto;gap:4px}.sheet-tabs button{background:#e1e7f0;border:1px solid #d0d9e5;color:#667b97;border-radius:5px;padding:8px 11px;white-space:nowrap;font-size:11px;font-weight:700}.sheet-tabs button.active{background:#fff;border-color:#6c94d8;color:#2c5dac}.sheet-tabs span{color:#96a4b7;margin-left:7px}.unplaced{color:#9b542d;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-bar{padding:11px 18px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.bottom-context{display:flex;flex-direction:column;gap:3px}.bottom-context strong{color:#53677f;font-size:11px}.bottom-context span{font-size:10px;color:#9aa8b9}.primary-button{border:1px solid #2c5fc1;background:#366ed7;color:#fff;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:40px;padding:0 16px;font-size:12px;font-weight:800;box-shadow:0 5px 12px #3268c52e;white-space:nowrap}.primary-button:hover:not(:disabled){background:#285fc6}.right-sidebar{background:#fff;border-left:1px solid #dce3ea;min-height:0;display:flex;flex-direction:column}.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:56px;flex:none;border-bottom:1px solid #e1e6ed}.inspector-tabs button{background:#fff;border:0;border-bottom:2px solid transparent;color:#8a98aa;font-size:11px;font-weight:800}.inspector-tabs button.active{border-bottom-color:#3e73d1;color:#2d5fb7}.inspector-scroll{overflow:auto;flex:1;min-height:0}.inspector-body{padding:22px 20px 30px;display:flex;flex-direction:column;gap:15px}.inspector-heading{display:flex;justify-content:space-between;align-items:center;color:#63758d;font-size:10px;font-weight:800;letter-spacing:.11em}.inspector-heading>span:last-child{color:#aab5c2}.icon-button{border:0;background:transparent;color:#91a0b1;display:grid;place-items:center;padding:3px}.icon-button:hover{color:#c64e4e}.input-label{display:flex;flex-direction:column;gap:6px;color:#54657b;font-size:10px;font-weight:700}.input-label>input,.input-label select,.input-label textarea,.input-shell{width:100%;background:#fff;border:1px solid #d9e1eb;border-radius:5px;min-height:36px;color:#253952;font-size:12px;font-weight:600;outline:none}.input-label>input,.input-label select{padding:0 10px}.input-label textarea{padding:9px;resize:vertical;line-height:1.5}.input-label input:focus,.input-label select:focus,.input-label textarea:focus,.input-shell:focus-within{border-color:#5b8bdd;box-shadow:0 0 0 2px #5c8ddd22}.input-shell{display:flex;align-items:center}.input-shell input{border:0;background:transparent;width:100%;min-width:0;outline:0;padding:0 9px;color:#24364d;font-size:12px;font-weight:700}.input-shell small{color:#a2aebd;font-size:10px;padding-right:9px;font-weight:500}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-help{color:#9ba9b8;font-size:10px;line-height:1.55;font-weight:500;margin:0}.checkbox-row{font-size:11px;color:#566981;display:flex;align-items:center;gap:8px;line-height:1.4}.checkbox-row input{accent-color:#356bd2}.inner-divider{height:1px;background:#e5eaf0;margin:2px 0}.hole-card{border:1px solid #e2e8f0;border-radius:6px;padding:11px;background:#f9fbfe}.hole-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.hole-head strong{font-size:10px;color:#586d88}.button-row{display:flex;gap:7px}.small-button,.wide-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f3f7fd;color:#3767b6;border:1px solid #cbdaf0;border-radius:5px;min-height:32px;padding:0 9px;font-size:10px;font-weight:800}.small-button:hover,.wide-secondary:hover{background:#e7f0ff}.mode-note{padding:11px;background:#f6f8fb;border-radius:5px}.inspector-foot{height:39px;border-top:1px solid #e5e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#a0acba;font-size:10px}.export-intro{font-size:11px;color:#62768e;line-height:1.55;margin:0}.result-summary{display:flex;align-items:center;gap:11px;background:#f0f5fd;border:1px solid #dce7f8;border-radius:6px;padding:13px}.result-summary strong{font:800 30px system-ui,sans-serif;color:#2c61bd}.result-summary span{color:#6e81a0;font-size:11px;line-height:1.5}.export-sheet-label{font-size:10px;color:#667992;font-weight:800;letter-spacing:.1em;margin:4px 0 -8px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.export-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:56px;background:#fff;border:1px solid #d5dfeb;color:#386ab9;border-radius:5px;font-size:10px;font-weight:800}.export-grid button:hover{background:#edf4ff;border-color:#9ab9e7}.export-empty{border:1px dashed #cfdae9;border-radius:6px;padding:25px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#91a6c4;gap:8px}.export-empty strong{color:#566d8c;font-size:12px}.export-empty p{font-size:10px;line-height:1.5;margin:0}.wide-secondary{width:100%;height:37px}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:#172237aa;z-index:20;display:grid;place-items:center;padding:18px}.access-modal{width:min(100%,420px);background:#fff;border-radius:11px;box-shadow:0 24px 80px #17233d55;padding:28px;position:relative;display:flex;flex-direction:column;gap:14px}.modal-close{position:absolute;right:18px;top:17px;border:0;background:transparent;color:#7d8ea4}.modal-symbol{height:40px;width:40px;background:#e9f0fd;border-radius:9px;display:grid;place-items:center;color:#3267c6}.access-modal h2{font:800 20px system-ui,sans-serif;letter-spacing:-.5px;margin:0;color:#263c5d}.access-modal p{color:#66788e;font-size:12px;line-height:1.65;margin:0}.modal-primary{width:100%;margin-top:1px}.modal-divider{text-align:center;color:#a1aebd;font-size:11px}.purchase-link{color:#2f61b7;background:#f2f6fd;border:1px solid #d5e2f6;padding:12px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;text-decoration:none;font-size:12px;font-weight:800}.purchase-link:hover{background:#eaf2ff}.access-modal>small{color:#9aa8b9;font-size:10px;line-height:1.5;text-align:center}@media(max-width:1050px){.workspace{grid-template-columns:194px minmax(0,1fr) 260px}.brand{min-width:165px}.topbar{gap:16px}.saved-indicator{display:none}.left-sidebar .side-section{padding-left:10px;padding-right:10px}.top-actions button{padding:9px}}@media(max-width:790px){.topbar{height:54px;padding:0 12px;gap:9px}.brand{min-width:auto}.brand small,.top-label,.top-actions .top-ghost span,.top-actions .access-button span{display:none}.brand strong{font-size:15px}.brand-mark{width:22px;transform:scale(.8) skew(-10deg);margin-right:-5px}.project-title{min-width:0}.project-title input{min-width:0;max-width:none;font-size:12px}.top-actions{gap:0}.top-actions button{padding:7px;margin:0}.workspace{height:calc(100dvh - 111px);display:block;position:relative}.left-sidebar,.right-sidebar{display:none}.main-area{height:100%}.main-nav{height:45px;padding:0 12px}.view-tabs{gap:20px}.view-tabs button{font-size:11px}.main-nav-right{display:none}.canvas-wrap{margin:9px 9px 6px}.canvas-head{height:54px;padding:0 13px}.canvas-head>span{display:none}.canvas-head strong{font-size:12px}.canvas-head div>span{font-size:9px}.canvas-footer{padding:0 9px}.canvas-footer span:last-child{display:none}.bottom-bar{padding:6px 9px 9px}.bottom-context{display:none}.primary-button{width:100%;min-height:42px}.mobile-nav{height:57px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #d9e1eb}.mobile-nav button{border:0;background:#fff;color:#8b9aae;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:800}.mobile-nav button.active{color:#2e64c2}.mobile-nav svg{width:17px;height:17px}.app-shell:has(.mobile-nav button:first-child.active) .right-sidebar{display:flex;position:absolute;z-index:5;inset:54px 0 57px;height:auto;box-shadow:none}.app-shell:has(.mobile-nav button:first-child.active) .workspace{overflow:visible}.app-shell:has(.mobile-nav button:first-child.active) .right-sidebar{height:calc(100dvh - 111px)}.app-shell:has(.mobile-nav button:first-child.active) .main-area{visibility:hidden}.app-shell:has(.mobile-nav button:first-child.active) .inspector-body{max-width:560px;width:100%;margin:auto}.editor-viewport svg{min-width:700px}.editor-viewport{justify-content:flex-start}.sheet-viewport{padding:10px}.object-schematic{height:min(60%,300px)}}.app-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}@media(max-width:790px){.app-shell{height:100dvh}}.mobile-controls{display:none}@media(max-width:790px){.mobile-controls{height:44px;flex:none;display:flex;align-items:center;gap:8px;background:#f9fbfd;border-bottom:1px solid #dce3ec;padding:0 9px}.mobile-controls select{min-width:0;flex:1;max-width:160px;height:31px;border:1px solid #d8e2ef;background:#fff;color:#435d82;border-radius:5px;padding:0 6px;font-size:10px;font-weight:800}.mobile-tools{display:flex;align-items:center;margin-left:auto;gap:3px}.mobile-tools button{width:29px;height:29px;display:grid;place-items:center;background:#fff;border:1px solid #e2e7ee;border-radius:4px;color:#8394ab}.mobile-tools button.active{border-color:#7ba1df;background:#eaf1fd;color:#346cca}.app-shell:has(.mobile-nav button:first-child.active) .right-sidebar{top:0;bottom:0;height:100%}}.recover-link{color:#5276ae;text-align:center;font-size:10px;font-weight:700;text-decoration:none}.recover-link:hover{text-decoration:underline}.modal-links{display:flex;justify-content:center;gap:18px}.modal-links a{color:#6780a4;font-size:10px;text-decoration:underline}.history-bar{min-height:46px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;background:#f9fbfd;border-bottom:1px solid #dce3ec;color:#63758d;font-size:11px}.history-controls{display:flex;flex:none;gap:6px}.history-controls button{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #cbdaf0;border-radius:5px;background:#fff;color:#315f9f;font-size:12px;font-weight:700;white-space:nowrap}.history-controls button:disabled{opacity:.45;cursor:default}.history-controls button:focus-visible{outline:2px solid #2862cd;outline-offset:2px}.history-controls button:hover:not(:disabled){background:#e7f0ff}.history-note-short{display:none}.workspace{height:calc(100dvh - 112px)}@media(max-width:790px){.history-bar{min-height:48px;flex-wrap:wrap;gap:2px 10px;padding:0 9px}.history-note{flex:1 1 0;min-width:6em;font-size:10px;line-height:1.3;text-align:right;overflow-wrap:break-word}.history-controls button{min-height:44px;padding:0 8px;gap:5px}.workspace{height:calc(100dvh - 159px)}}@media(max-width:479px){.history-note-full{display:none}.history-note-short{display:inline}}.site-nav{display:flex;align-items:center;gap:18px;padding:7px 20px;background:#172237;color:#e3ecfa;flex:none;font-size:12px}.site-nav a{color:inherit;text-decoration:none}.site-nav a:first-child{font-weight:800}.site-nav label{display:flex;gap:8px;align-items:center;margin-left:auto}.site-nav select{padding:4px;border:1px solid #7688a1;border-radius:4px;color:#fff;background:#263247;max-width:110px}.workspace{height:auto;flex:1;min-height:0}.side-label[for]{display:block}.session-panel{padding:10px 18px;background:#fff;border-bottom:1px solid #d4deea;font-size:12px;color:#33475f;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.session-panel>div:first-child{flex:1;min-width:160px;line-height:1.5}.session-actions{display:flex;gap:8px;flex-wrap:wrap}.session-actions button{padding:8px 10px;min-height:34px;border:1px solid #a8bedc;border-radius:5px;background:#f4f8ff;color:#234f8c;font-size:11px;font-weight:700}.session-panel[data-session-state=rateLimit],.session-panel[data-session-state=cookie],.session-panel[data-session-state=network],.session-panel[data-session-state=service]{background:#fff7e9;color:#704310}.inspector-foot{color:#526277;font-size:11px}.field-help{color:#5d7087}.access-error{background:#fff0ee;color:#92372e!important;border:1px solid #edc1bb;padding:10px;border-radius:5px}.access-modal{max-height:calc(100dvh - 36px);overflow:auto}.prepared-example{display:flex;flex-direction:column;background:#fff;border-radius:9px;width:min(100%,1000px);max-height:calc(100dvh - 36px);padding:20px;overflow:auto}.prepared-example h2{font-size:20px;margin:0}.prepared-example p{font-size:12px;line-height:1.6;margin:12px 0}.prepared-example .canvas-wrap{flex:none;min-height:240px;height:min(50vh,440px);margin:0}.example-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.example-title button{padding:9px;display:flex;background:#f4f7fc;border:1px solid #adbed4;border-radius:5px;color:#253e5f}.example-backdrop{z-index:30}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #6c9bff;outline-offset:2px}@media(max-width:790px){.site-nav{padding:7px 10px;gap:10px;font-size:11px;flex-wrap:wrap}.site-nav label{gap:4px}.site-nav select{max-width:90px;font-size:11px}.site-nav label{font-size:0}.workspace{height:auto}.session-panel{padding:8px 10px;font-size:11px;gap:6px;max-height:170px;overflow:auto;flex:none}.session-panel>div:first-child{flex-basis:100%}.session-actions button{font-size:11px;padding:6px 8px}.prepared-example{padding:14px}.prepared-example h2{font-size:16px}.access-modal{padding:20px}.top-actions button{min-width:32px;min-height:36px}.inspector-foot{color:#526277}.mobile-nav{flex:none}}@media(max-width:359px){.brand strong{font-size:13px}.brand-mark{display:none}.topbar{gap:6px}.top-actions button{padding:6px}.project-title input{font-size:11px}.mobile-controls{gap:4px}.mobile-controls select{max-width:105px}.mobile-tools{gap:2px}.mobile-tools button{width:27px}}.editor-viewport{align-items:flex-start;justify-content:flex-start}.draft-notice{padding:10px 18px;background:#fff3d7;color:#6f400d;border-bottom:1px solid #d4a85f;font-size:12px;line-height:1.5;flex:none}.optional-settings{border-top:1px solid #ccd5df;margin-top:16px;padding-top:6px}.optional-settings summary{cursor:pointer;padding:10px 0;min-height:44px;font-size:13px;font-weight:650;color:#263347}.optional-settings summary small{display:block;margin:5px 0 0;font-size:12px;font-weight:400;color:#53647a;line-height:1.5}.optional-settings[open] summary{margin-bottom:8px}.optional-settings summary:focus-visible{outline:2px solid #315f9f;outline-offset:2px}.project-steps{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;flex:none;padding:6px 16px;border-bottom:1px solid #ccd5df;background:#fff;font-size:12px}.project-steps button{border:0;background:none;color:#234e91;min-height:36px;padding:4px 0;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.project-steps button span{margin-right:6px;text-decoration:none}.step-result{color:#53647a}@media(max-width:790px){.project-steps{padding:2px 10px;gap:2px 12px}.project-steps button{min-height:40px}.step-result{display:none}}.project-steps .step-calculate{margin-left:auto;font-weight:750;text-decoration:none}.app-shell>.status-banner,.app-shell>.draft-notice{flex:none}.project-steps button:focus-visible{outline:2px solid #315f9f;outline-offset:3px}