:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#d9dce2;background:#191c22;font-synthesis:none;font-size:12px;--panel: #202329;--line: #34373d;--muted: #92969f;--accent: #f3a571;--accent-dim: #f3a57117;--canvas: #eceeea}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button,select,input,textarea{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{border:0;background:transparent}input,select,textarea{color:#d9dce2;border:1px solid var(--line);background:#292c33;border-radius:6px}select{padding:8px 9px;cursor:pointer}input{min-width:0}button{transition:background .12s}button:hover:not(:disabled){background:#ffffff09}svg{flex-shrink:0}button svg{pointer-events:none}kbd{font:10px ui-monospace,monospace;border:1px solid #45484e;background:#2c2f36;color:#a7abb4;padding:2px 5px;border-radius:4px}.app-shell{height:100dvh;min-height:560px;min-width:940px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:66px;flex-shrink:0;display:flex;align-items:center;padding:0 22px 0 20px;gap:22px;border-bottom:1px solid var(--line);background:#1b1e24}.brand{display:flex;align-items:center;gap:11px;text-align:left;line-height:1.1;padding:0;font-size:18px;letter-spacing:-.5px;font-weight:600}.brand:hover{background:transparent!important}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--accent);width:35px;height:35px;border-radius:10px;color:#202329;font-weight:850;font-size:31px;letter-spacing:-5px;padding-right:5px;padding-bottom:5px}.brand-mark>span{font-size:21px;align-self:flex-end;margin-bottom:1px}.brand-sub{display:block;font-size:8px;font-weight:500;color:#8c9098;letter-spacing:2.5px;margin-top:6px}.project-path{display:flex;align-items:center;gap:13px;min-width:0}.path-divider{width:1px;height:26px;background:var(--line)}.project-path>button{display:flex;gap:9px;align-items:center;color:#c2c5cc;padding:6px 3px}.project-path>button>span{max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-path svg{color:#8f949e}.version-tag{border:1px solid #41444b;border-radius:4px;font-size:9px;color:#a3a7af;padding:2px 5px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.saved{font-size:10px;color:#959b9e;display:flex;align-items:center;gap:7px;margin-right:10px;white-space:nowrap}.saved>span,.local-dot{width:5px;height:5px;border-radius:50%;background:#95b99a;display:inline-block}.saved.error{color:var(--accent)}.saved.error>span{background:var(--accent)}.icon-button{width:30px;height:30px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#9da2ac;flex-shrink:0}.icon-button.active{background:var(--accent-dim);color:var(--accent)}.label-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid #41444c;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.4}.label-button.primary{background:var(--accent);border-color:var(--accent);color:#24272c;font-weight:650}.label-button.primary:hover:not(:disabled){background:#ffb886}.preview-button{border-color:transparent}.avatar{width:28px;height:28px;display:grid;place-items:center;background:#40443f;color:#d5dece;border-radius:50%;font-size:11px;margin-left:7px}.toolbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0;background:#202329}.tool-group{display:flex;align-items:center;gap:6px}.tool-separator{height:18px;width:1px;background:#3a3d44;margin:0 5px;flex-shrink:0}.toolbar-center{display:flex;gap:11px;align-items:center;color:#a5a9b1;font-size:11px}.toolbar-center>button{display:flex;gap:12px;align-items:center;color:#9ea3ac}.tiny-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#787e88;flex-shrink:0}.tiny-dot.green{background:#77987b}.editor-layout{display:grid;grid-template-columns:252px minmax(360px,1fr) 280px;flex:1;min-height:0}.left-panel,.right-panel{background:var(--panel);display:flex;flex-direction:column;min-height:0}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-tabs{display:flex;height:49px;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 13px;gap:13px}.panel-tabs>button{display:flex;align-items:center;gap:7px;color:#9398a2;font-size:11px;font-weight:500;border-bottom:2px solid transparent;padding:0 1px;position:relative}.panel-tabs>button.active{color:#f0f1f3;border-color:var(--accent)}.count{font-size:9px;color:#9197a0;background:#32353c;border-radius:4px;padding:1px 5px;line-height:1.5}.library-scroll{flex:1;min-height:140px;overflow-y:auto;padding:16px 15px 20px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #3c4048;background:#292c33;border-radius:6px;padding:9px;color:#8c929c}.search-field input{border:0;background:transparent;outline:none;padding:0;flex:1;width:100px;font-size:11px}.search-field input::placeholder{color:#848a94}.search-field kbd{border:none;background:#363940;font-size:12px;padding:0 4px}.design-system{display:flex;align-items:center;gap:10px;padding:13px 0 17px;width:100%;text-align:left;border-bottom:1px solid var(--line);margin:13px 0 21px}.design-system>span:nth-child(2){flex:1}.design-swatch{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;color:#fff}.design-system small{display:block;font-size:8px;color:#898f99;letter-spacing:1.1px;margin-bottom:5px}.design-system strong{font-weight:500;font-size:12px;color:#d6dae1}.design-system>svg{color:#8b919b}.library-category{margin:0 0 24px}.library-category h2{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:#aab0b9;letter-spacing:.1px;margin:0 0 12px}.library-category h2>span{color:#727984;font-size:9px}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.component-grid>button{border:1px solid #363a42;background:#25282f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:13px 2px 10px;border-radius:6px;min-height:74px;cursor:grab;font-size:9px;color:#adb3bd}.component-grid>button:hover{border-color:#8c725d;background:#302d2c!important;color:#f3bb90}.component-icon{display:flex;align-items:center;justify-content:center;color:#bec4ce;height:25px}.component-grid>button:hover .component-icon{color:var(--accent)}.screens-panel{border-top:1px solid var(--line);padding:14px 12px 12px;max-height:220px;flex-shrink:0;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.panel-heading>span{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:500}.panel-heading>span>svg{color:#989eaa}.panel-heading .icon-button{height:24px;width:24px}.screens-list{overflow-y:auto}.screen-item{display:flex;width:100%;align-items:center;gap:11px;text-align:left;padding:10px;border-radius:6px;margin-bottom:3px;border:1px solid transparent}.screen-item.active{background:#34302d;border-color:#594739}.screen-item strong{display:block;font-weight:500;font-size:10px;color:#d0d4db}.screen-item small{display:block;font-size:9px;margin-top:5px;color:#848b95}.screen-item.active strong{color:#edba94}.screen-mini{width:24px;height:33px;border:1px solid #878d81;border-radius:4px;padding:7px 4px;background:#dae1d222;display:flex;flex-direction:column;gap:4px}.screen-mini>span{height:2px;width:100%;background:#838e7a}.screen-mini>span:nth-child(2){height:7px}.screen-number{margin-left:auto;color:#7e8790;font-size:9px}.local-note{border-top:1px solid var(--line);height:34px;padding:0 15px;display:flex;gap:7px;align-items:center;flex-shrink:0;font-size:9px;color:#818a8f}.local-note>svg{margin-left:auto;color:#737d83}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas);position:relative}.canvas-tabs{display:flex;align-items:center;height:41px;border-bottom:1px solid #d5d8d3;background:#e3e6e0;padding-left:18px;gap:8px;flex-shrink:0}.canvas-tab{height:41px;display:flex;align-items:center;gap:8px;font-size:10px;color:#667063;padding:0 12px;border-bottom:2px solid transparent}.canvas-tab.active{border-color:#737f6e;background:#eceeea}.canvas-tab .tiny-dot{background:#97a48e;margin-left:10px}.canvas-tabs .icon-button{color:#7b8478}.canvas-tabs-note{margin-left:auto;margin-right:18px;font-size:8px;letter-spacing:1.5px;color:#8b9488}.canvas-viewport{overflow:auto;position:relative;flex:1;background-image:radial-gradient(#acb4a757 .7px,transparent .7px);background-size:16px 16px;overscroll-behavior:contain}.canvas-content{display:flex;justify-content:center;align-items:flex-start;padding:64px 80px 66px;touch-action:none;position:relative}.artboard-wrapper{position:relative;flex-shrink:0}.artboard-label{position:absolute;top:-25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#778071;font-size:9px}.artboard-label>span:first-child{display:flex;gap:5px;align-items:center;font-weight:500}.artboard-label>span:last-child{font-size:8px;color:#929a8c}.artboard{transform-origin:top left;box-shadow:0 8px 32px #33412d10,0 0 0 1px #d5dace;position:relative;touch-action:none}.artboard.show-grid:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:100;background-image:linear-gradient(#63746620 1px,transparent 1px),linear-gradient(90deg,#63746620 1px,transparent 1px);background-size:8px 8px}.design-node.editable{cursor:move;user-select:none;touch-action:none}.editable>.design-body{pointer-events:none}.design-node.selected{outline:2px solid #6c8ab5;outline-offset:1px}.selection-name{display:none}.resize-handle{position:absolute;right:0;bottom:0;width:10px;height:10px;background:#fff;border:2px solid #6c8ab5;cursor:nwse-resize;z-index:100}.hand-tool,.hand-tool .editable{cursor:grab}.hand-tool:active{cursor:grabbing}.canvas-bottom{height:36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d5d8d0;background:#e4e7e1;flex-shrink:0;padding:0 12px 0 19px;color:#7c8577;font-size:8px;gap:8px}.canvas-bottom>span{display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden}.bottom-divider{height:11px;width:1px;background:#c6cdc1;margin:0 6px}.zoom-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.zoom-controls .icon-button{color:#7f8878;width:24px;height:24px}.zoom-controls .icon-button svg{width:14px;height:14px}.zoom-controls select{border:0;background:transparent;color:#66705f;padding:2px;font-size:9px}.zoom-controls .tool-separator{background:#c5cbbf;height:13px}.right-tabs{gap:25px;padding:0 20px}.right-tabs>button{font-size:11px}.inspector-scroll{flex:1;overflow-y:auto;min-height:0}.selection-header{padding:19px 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.selection-icon{width:35px;height:35px;display:grid;place-items:center;background:#2b3037;border:1px solid #3b424a;border-radius:7px;color:#a4b59c}.selection-header>div{flex:1;min-width:0}.selection-header strong{display:block;font-weight:500;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-header small{display:block;font-size:9px;color:#8b929c;margin-top:5px}.inspector-section{border-bottom:1px solid var(--line);padding:18px 17px}.inspector-section h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;font-size:11px;font-weight:550;color:#d2d6dd}.inspector-section h2>svg{color:#737c88}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.number-field{display:flex;align-items:center;gap:6px;background:#292d34;border:1px solid #3a3e47;border-radius:5px;min-width:0;height:32px;padding:0 8px}.number-field>span{font-size:9px;color:#88919d;white-space:nowrap;flex-shrink:0}.number-field input{width:100%;font-size:10px;padding:0;border:0;background:transparent;color:#c8cdd5;text-align:right;outline-offset:1px}.number-field select{width:100%;border:0;font-size:10px;background:transparent;color:#c8cdd5;padding:0}.number-field input::-webkit-inner-spin-button{opacity:0;width:0}.number-field input:focus::-webkit-inner-spin-button{opacity:1;width:auto}.alignment-buttons{display:flex;gap:7px;padding:0 0 6px}.alignment-buttons .icon-button{width:29px;height:25px}.stack-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#929ba6;margin:13px 0}.stack-field input,.stack-field textarea{width:100%;padding:9px 10px;font-size:11px;line-height:1.5;color:#d1d7df;resize:vertical}.stack-field select{font-size:11px}.color-field{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:10px;color:#a9b0bb}.color-field>input{width:22px;height:22px;border:1px solid #4e545f;padding:1px;cursor:pointer;border-radius:5px;flex-shrink:0}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:3px}.color-value{margin-left:auto;font-size:9px;color:#a7aeba;background:#2a2e36;border:1px solid #373d47;padding:5px 7px;border-radius:4px;font-family:ui-monospace,monospace}.sub-actions{display:flex;gap:5px;justify-content:space-between;margin:-3px 0 15px}.sub-actions>button{font-size:9px;color:#838e9b;padding:3px}.range-field{display:flex;align-items:center;gap:9px;font-size:9px;color:#929da9;margin-top:15px}.range-field input{width:100%;min-width:35px;accent-color:#b7c4af;height:4px}.range-field span:last-child{color:#bdc6d0;min-width:28px;text-align:right}.segmented-control{display:flex;border:1px solid #3c424b;border-radius:5px;background:#292e35;padding:3px;margin-top:10px}.segmented-control>button{flex:1;padding:4px;display:flex;justify-content:center;color:#828e9c;border-radius:3px}.segmented-control>button.active{background:#424953;color:#e0e5ea}.inspector-note{color:#8f99a6;font-size:10px;line-height:1.7;margin:12px 0}.full-width{width:100%;margin-top:9px;font-size:10px;padding:8px;border-color:#3c444d;color:#b4bfc8}.layer-actions{display:flex;gap:8px;margin-top:12px}.layer-actions>.label-button{font-size:9px;flex:1;padding:7px 6px}.danger{color:#e39485!important}.inspector-footer{flex-shrink:0;height:34px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 17px;font-size:9px;color:#808b99}.inspector-empty{text-align:center;padding:38px 24px;color:#85909d}.inspector-empty>span{display:inline-flex;padding:18px;border:1px dashed #4e5762;border-radius:50%;color:#98a691;background:#292f34}.inspector-empty h3{font-size:11px;font-weight:500;color:#c1cad3;margin-top:22px}.inspector-empty p{font-size:10px;line-height:1.8;margin:12px 0 27px}.inspector-empty>div{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px}.inspector-empty kbd{margin-left:3px}.theme-preview{border:1px solid #3a4347;border-radius:7px;padding:13px;background:#262c30}.theme-preview>div{display:flex;gap:7px;margin-bottom:12px}.theme-preview>div>span{height:22px;flex:1;border-radius:4px;border:1px solid #5a636422}.theme-preview>strong{font-size:11px;font-weight:500;display:block}.theme-preview small{display:block;font-size:9px;color:#8b98a2;margin-top:5px}.layers-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 13px;border-bottom:1px solid var(--line);font-size:10px;color:#a9b2bc;margin-bottom:10px}.layer-row{display:flex;align-items:center;border-radius:4px;padding-right:4px;height:33px;gap:1px}.layer-row.chosen{background:#39332e}.layer-select{min-width:0;display:flex;align-items:center;gap:8px;flex:1;text-align:left;padding:5px 0;font-size:10px;color:#b4bec9}.layer-select>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layer-select>svg{color:#8795a5}.layer-row .icon-button{width:23px;height:24px;color:#7f8b97}.layer-row .icon-button svg{width:12px;height:12px}.empty-note{font-size:11px;line-height:1.7;color:#89939f;padding:12px 0}.saved-component{display:flex;align-items:center;margin:5px 0;background:#2c3238;border-radius:5px}.saved-component>button:first-child{display:flex;gap:7px;align-items:center;flex:1;padding:10px;font-size:10px;text-align:left}.hidden-input{display:none}.export-stage{position:fixed;left:-20000px;top:0;pointer-events:none}.toast{position:fixed;bottom:49px;left:50%;transform:translate(-50%);max-width:min(720px,90vw);border:1px solid #4b5658;background:#292f35;color:#d7e0e1;border-radius:9px;box-shadow:0 8px 24px #0003;padding:9px 11px 9px 16px;display:flex;align-items:center;gap:10px;z-index:110;font-size:11px;line-height:1.6}.toast>svg{color:var(--accent)}.toast .icon-button{margin-left:5px;width:23px;height:23px}.modal-backdrop{position:fixed;inset:0;background:#0b101bb3;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:32px}.modal{background:#242931;border:1px solid #454d58;border-radius:15px;padding:26px;width:470px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 120px #0005;color:#d4dde5}.modal.wide{width:730px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}.modal-heading small{font-size:8px;letter-spacing:2px;color:var(--accent)}.modal-heading h2{font-size:24px;letter-spacing:-.7px;font-weight:550;margin:9px 0 0}.modal-heading .icon-button{margin-top:4px}.modal-intro{font-size:11px;color:#9ba8b7;line-height:1.7;margin:0 0 20px}.modal-actions{display:flex;gap:9px;margin:18px 0}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px;padding-top:19px;border-top:1px solid #3a4450}.modal .stack-field{margin-top:16px}.modal .stack-field input{background:#2c333e}.project-list{border-top:1px solid #3d4752}.project-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #3d4752}.project-thumbnail{width:50px;height:55px;display:grid;place-items:center;border-radius:6px;flex-shrink:0}.project-open{flex:1;text-align:left;min-width:0;padding:5px 0}.project-open>strong{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:500}.project-active{font-size:8px;padding:3px 5px;color:#e6b48a;border:1px solid #7c6148;border-radius:3px}.project-open>small{font-size:10px;color:#8a9bad;display:block;margin-top:7px}.storage-warning{padding:13px 16px;border:1px solid #85634a;background:#f3a5710b;border-radius:6px;margin-top:18px;font-size:11px;line-height:1.7;color:#d9ad8e}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:205px;overflow-y:auto;margin-bottom:18px}.theme-grid>button{display:flex;flex-direction:column;border:1px solid #424b56;border-radius:6px;padding:7px;font-size:9px;gap:7px}.theme-grid>button>span{display:flex;gap:5px;padding:9px;border-radius:3px}.theme-grid i{flex:1;display:block;height:17px;border-radius:2px;border:1px solid #8882}.theme-grid>button.chosen{border-color:var(--accent);color:var(--accent);background:#f3a57108}.export-options{display:flex;flex-direction:column;gap:9px}.export-options>button{display:flex;align-items:center;gap:14px;border:1px solid #444e5a;border-radius:7px;padding:13px;text-align:left}.export-options>button.chosen{border-color:var(--accent);background:#f3a57108}.export-options>button>svg{color:#9fb0bb}.export-options>button.chosen>svg{color:var(--accent)}.export-options strong{font-size:11px;font-weight:500;display:block}.export-options small{font-size:9px;color:#8f9fb0;display:block;margin-top:5px;line-height:1.5}.radio-dot{width:13px;height:13px;border:1px solid #677586;border-radius:50%;margin-left:auto;flex-shrink:0}.chosen .radio-dot{background:var(--accent);border:3px solid #292e37;outline:1px solid var(--accent)}.export-local{display:flex;align-items:center;gap:6px;font-size:10px;color:#8e9da6}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.help-columns h3{font-size:12px;font-weight:500;color:#d5dfe8;margin:18px 0 10px}.help-columns p,.help-columns li{font-size:11px;color:#9aabba;line-height:1.85}.help-columns ol{padding-left:16px;margin-top:0}.help-columns li{margin-bottom:8px}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:10px;color:#98a9b8}.shortcut-list kbd{font-size:8px;white-space:nowrap}.preview-overlay{position:fixed;inset:0;background:#e7eae5;z-index:90;display:flex;flex-direction:column;color:#344234}.preview-overlay header{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;background:#20252a;color:#d7dee3;border-bottom:1px solid #4e5758}.preview-overlay header>div{display:flex;align-items:center;gap:14px}.preview-overlay header strong{font-size:13px;font-weight:550}.preview-overlay header>div>span{font-size:11px;color:#95a2ac}.preview-overlay header select{font-size:11px}.preview-canvas{overflow:auto;flex:1;display:flex;justify-content:center;padding:35px;align-items:flex-start}.preview-canvas .design-screen{box-shadow:0 10px 40px #374b3622}.preview-overlay footer{height:33px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 24px;font-size:10px;border-top:1px solid #cdd5c9;background:#dce3d8;color:#7c8976}.preview-overlay footer>span:last-child{margin-left:auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#59636b;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.canvas-viewport::-webkit-scrollbar-thumb{background:#b0b9a8}@media(min-width:1600px){.editor-layout{grid-template-columns:270px minmax(360px,1fr) 302px}.component-grid>button{min-height:82px}.component-grid{gap:9px}.library-scroll{padding:18px}.inspector-section{padding:20px}}@media(max-width:1100px){.editor-layout{grid-template-columns:220px minmax(360px,1fr) 260px}.saved .save-label{display:none}.topbar{padding:0 14px;gap:16px}.canvas-bottom>span .bottom-divider,.canvas-tabs-note{display:none}.canvas-bottom>span{max-width:150px}.component-grid{gap:5px}.component-grid>button{font-size:8px}.panel-tabs{gap:8px;padding:0 10px}.topbar-right{gap:6px}.project-path>button>span{max-width:170px}.brand{font-size:16px}.library-scroll{padding:14px 11px}.canvas-content{padding-left:55px;padding-right:55px}.preview-overlay header>div>span{display:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(max-width:900px){.app-shell{min-width:680px}.editor-layout{grid-template-columns:180px minmax(200px,1fr) 230px}.brand>span:nth-child(2),.version-tag,.avatar{display:none}.topbar{gap:12px;padding:0 13px}.topbar-right{gap:5px}.project-path>button>span{max-width:140px}.label-button{padding:7px 9px;font-size:10px}.project-path{gap:10px}.panel-tabs{padding:0 10px;gap:13px}.panel-tabs>button{font-size:10px;gap:5px}.panel-tabs .count{display:none}.component-grid{grid-template-columns:repeat(2,1fr);gap:7px}.component-grid>button{font-size:9px}.canvas-content{padding-left:40px;padding-right:40px}.canvas-tabs{padding-left:7px}.canvas-tabs .icon-button{margin-left:0}.inspector-section{padding:16px 13px}.selection-header{padding:17px 13px}.inspector-empty{padding:30px 18px}.canvas-bottom{padding-left:10px}.canvas-bottom>span{max-width:100px}.toolbar{padding:0 12px}.toolbar-center{gap:7px}.tool-group{gap:3px}.toolbar .tool-separator{margin:0 3px}.right-tabs{gap:24px}.preview-overlay header{padding:0 14px;gap:10px}.preview-overlay header>div{gap:9px}}.inspector-fields{padding:0;margin:0;border:0;min-width:0}.inspector-fields:disabled .inspector-section{opacity:.6}.number-field input:disabled{opacity:.5;cursor:not-allowed}.export-result{margin-top:18px;background:#2c3737;border:1px solid #52635e;border-radius:8px;padding:14px}.export-result>div{display:flex;align-items:center;gap:9px}.export-result>div>svg{color:#a8c9ae}.export-result strong{font-size:11px;font-weight:500;display:block}.export-result small{display:block;font-size:9px;color:#99aca6;margin-top:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-link{display:inline-flex;gap:6px;align-items:center;background:#c0d7c2;padding:9px 11px;border-radius:5px;color:#25382a;text-decoration:none;font-size:10px;font-weight:600;margin-left:auto;white-space:nowrap}.export-result>img{display:block;max-width:100%;max-height:280px;margin:15px auto 0;border-radius:3px;object-fit:contain}.screen-tab-list{display:flex;min-width:0;overflow-x:auto;flex:1;scrollbar-width:thin}.screen-tab-list .canvas-tab{flex-shrink:0}.canvas-tabs-note{display:none}.system-preview{display:flex;justify-content:center;padding:12px;background:#181b1f;border-radius:10px;margin:16px 0}.toolbar-center{justify-content:center}.toolbar-center:hover{color:#fff}.saved .save-label{font:inherit}