.studio{--s-bg:#f0f0f1;--s-surface:#fff;--s-surface-2:#f5f5f6;--s-text:#2b2b30;--s-text-2:#89898f;--s-heading:#55555b;--s-border:#e6e6e9;--s-border-strong:#d7d7db;--s-accent:#679048;--s-accent-soft:#eef4e6;--s-ring:#c9ddb7;--s-danger:#c0442c;--s-guide:#2f7fd1;--s-shadow:0 10px 30px #14141914;--s-tile:#f4f4f6;--s-tile-hover:#ebebee;--s-swatch-edge:#1414191a;--s-accent-strong:#5f6d3b;--s-scroll:#1c1c1e2e;--s-scroll-hover:#1c1c1e52;--s-radius:12px;--s-radius-lg:16px;color:var(--s-text);background:var(--s-bg);grid-template:"left canvas right"1fr/300px 1fr 300px;height:100vh;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;display:grid;overflow:hidden}.studio[data-theme=dark]{--s-bg:#131312;--s-surface:#1e1e1c;--s-surface-2:#262624;--s-text:#f1f0ee;--s-text-2:#8f8f8a;--s-heading:#bdbcb6;--s-border:#2c2c29;--s-border-strong:#3a3a36;--s-accent:#85a95e;--s-accent-soft:#26301b;--s-ring:#465932;--s-guide:#4da3ff;--s-shadow:0 10px 30px #0006;--s-tile:#262624;--s-tile-hover:#2e2e2b;--s-swatch-edge:#ffffff12;--s-accent-strong:#6d7c46;--s-scroll:#f1f0ee26;--s-scroll-hover:#f1f0ee47}.studio,.studio *{scrollbar-color:var(--s-scroll) transparent}.studio ::-webkit-scrollbar-thumb{background:var(--s-scroll);background-clip:content-box}.studio ::-webkit-scrollbar-thumb:hover{background:var(--s-scroll-hover);background-clip:content-box}.studio.studio :where(button,input,select,textarea,[tabindex]):focus-visible{outline-color:var(--s-accent)}.studio *{box-sizing:border-box}.studio :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.s-mobile-guard{display:none}.s-logo{align-items:center;gap:8px;padding:2px 0 6px;display:flex;position:relative}.s-logo img{width:auto;height:22px;display:block}.s-wordmark{text-indent:-999em;white-space:nowrap;-webkit-user-select:none;user-select:none;background-image:url(/brand/mocku-wordmark.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:98px;height:22px;display:inline-block;overflow:hidden}[data-theme=dark] .s-wordmark{background-image:url(/brand/mocku-wordmark-dark.png)}.s-plan{letter-spacing:.04em;text-transform:uppercase;color:var(--s-text);background:var(--s-surface-2);border:1px solid var(--s-border-strong);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1}.s-beta{letter-spacing:.04em;text-transform:uppercase;color:var(--s-accent);background:var(--s-accent-soft);border:1px solid var(--s-accent);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1}.s-btn>.s-beta.compact{flex:none;margin-left:auto;padding:2px 5px;font-size:9px}.s-btn>.s-pro-chip{flex:none;margin-left:auto}.s-btn.locked{opacity:.62}.s-btn.locked:hover{opacity:.85}.s-btn.is-soon{opacity:.5}.s-btn.is-soon:disabled{cursor:default}.s-soon-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--s-text-2);background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:999px;flex:none;margin-left:auto;padding:2px 5px;font-size:9px;font-weight:700;line-height:1}.s-appmenu{margin-left:-2px;display:flex}.s-logo-theme{margin-left:auto}.s-appmenu-btn{width:24px;height:24px;color:var(--s-text-2);border-radius:7px;place-items:center;transition:background .15s,color .15s;display:grid}.s-appmenu-btn:hover,.s-appmenu-btn[aria-expanded=true]{background:var(--s-surface-2);color:var(--s-text)}.s-appmenu-pop{z-index:40;background:var(--s-surface-2);border:1px solid var(--s-border-strong);border-radius:14px;flex-direction:column;gap:2px;min-width:248px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 50px #140f0a3d}.s-appmenu-pop .s-menu-item:hover{background:var(--s-border-strong)}.s-right-head{z-index:5;background:var(--s-surface);border-bottom:1px solid var(--s-border);align-items:center;gap:8px;margin:0 -20px;padding:20px 20px 14px;display:flex;position:sticky;top:0}.s-right-head .s-btn{flex:1;justify-content:center;padding:0 10px}.s-icon-btn{width:36px;height:36px;color:var(--s-text-2);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.s-icon-btn:hover{background:var(--s-surface-2);color:var(--s-text)}.s-icon-btn:disabled{opacity:.35;cursor:default}.s-icon-btn:disabled:hover{color:var(--s-text-2);background:0 0}.s-icon-btn.active{background:var(--s-accent-soft);color:var(--s-accent)}.s-btn{border:1px solid var(--s-border-strong);background:var(--s-surface);border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.s-btn:hover{background:var(--s-surface-2)}.s-btn.active{background:var(--s-accent-soft);border-color:var(--s-accent);color:var(--s-accent)}.s-btn.primary{background:var(--s-text);color:var(--s-bg);border-color:#0000}.s-btn.primary:hover{opacity:.88}.s-btn.primary:disabled{opacity:1;background:var(--s-surface-2);color:var(--s-text-2);border:1px solid var(--s-border);cursor:not-allowed;box-shadow:none}.s-btn.accent{background:var(--s-accent-strong);color:#fff;border-color:#0000}.s-btn.accent:hover{background:color-mix(in srgb,var(--s-accent-strong) 88%,#000)}.s-export-scrim{z-index:80;position:fixed;inset:0}.s-export-pop{background:var(--s-surface);border:1px solid var(--s-border-strong);border-radius:16px;width:min(360px,100vw - 24px);max-height:calc(100vh - 96px);position:fixed;overflow-y:auto;box-shadow:0 22px 60px #0006}.s-export-pop>header{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 12px;display:flex}.s-export-pop>header div{gap:2px;display:grid}.s-export-pop>header b{font-size:13.5px}.s-export-pop>header small{color:var(--s-text-2);font-size:11px}.s-export-label{color:var(--s-heading);margin:2px 0 0;padding:0;font-size:12px;font-weight:600;line-height:1.3}.s-export-tabs{border:1px solid var(--s-border);background:var(--s-surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:0 16px 8px;padding:3px;display:grid}.s-export-tabs>button{height:32px;color:var(--s-text-2);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:650;display:flex}.s-export-tabs>button:hover{color:var(--s-text)}.s-export-tabs>button.active{background:var(--s-surface);color:var(--s-text);box-shadow:0 1px 3px #0000002e}.s-menu-trigger{border:1px solid var(--s-border-strong);background:var(--s-surface);width:100%;height:38px;color:var(--s-text);text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:0 13px;font-size:12.5px;display:flex}.s-menu-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.s-menu-trigger>svg{color:var(--s-text-2);flex:0 0 14px}.s-menu-trigger:hover{border-color:var(--s-text-2)}.s-menu-trigger[aria-expanded=true]{border-color:var(--s-accent)}.s-menu{z-index:90;border:1px solid var(--s-border-strong);background:var(--s-surface);border-radius:12px;flex-direction:column;gap:2px;width:max-content;padding:5px;display:flex;position:fixed;box-shadow:0 16px 40px #00000052}.s-menu>button{width:100%;min-height:32px;color:var(--s-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 8px;font-size:12.5px;display:flex}.s-menu>button:hover{background:var(--s-surface-2)}.s-menu>button.active{color:var(--s-text)}.s-menu-tick{color:var(--s-accent);flex:0 0 14px;justify-content:center;align-items:center;display:flex}.s-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.s-pro-chip{border:1px solid color-mix(in srgb,var(--s-accent) 55%,transparent);background:var(--s-accent-soft);color:var(--s-accent);letter-spacing:.06em;border-radius:999px;padding:1px 6px;font-size:8.5px;font-weight:750;line-height:1.5}.s-export-hint{border:1px solid var(--s-border);background:var(--s-surface-2);border-radius:10px;gap:3px;padding:10px 12px;display:grid}.s-export-hint b{font-size:12px}.s-export-hint span{color:var(--s-text-2);font-size:11px;line-height:1.45}.s-export-hint.as-cta{text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;display:flex}.s-export-hint.as-cta>svg{color:var(--s-accent);flex:0 0 15px}.s-export-hint.as-cta>span{font-size:inherit;color:inherit;gap:2px;display:grid}.s-export-hint.as-cta small{color:var(--s-text-2);font-size:11px;line-height:1.45}.s-export-hint.as-cta:hover{border-color:var(--s-accent);background:var(--s-accent-soft)}.s-export-scale-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.s-export-scale-row>button{border:1px solid var(--s-border-strong);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;display:flex}.s-export-scale-row>button:hover{background:var(--s-surface-2)}.s-export-scale-row>button.active{border-color:var(--s-accent);background:var(--s-accent-soft)}.s-export-scale-row>button b{font-size:13.5px;font-weight:700}.s-export-scale-row>button small{color:var(--s-text-2);font-variant-numeric:tabular-nums;font-size:9.5px}.s-export-scale-head{align-items:center;gap:5px;display:flex}.s-export-scale-row>button.locked{opacity:.5}.s-export-scale-row>button.locked:hover{opacity:.72;background:var(--s-surface-2)}.s-export-readout{border:1px solid var(--s-border);background:var(--s-surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.s-export-readout span{color:var(--s-text-2)}.s-export-readout b{font-variant-numeric:tabular-nums;font-weight:650}.s-export-body{gap:8px;padding:0 16px 12px;display:grid}.s-export-body label{justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.s-export-pop>footer{padding:4px 16px 16px}.s-confirm-modal{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);width:min(460px,100%);box-shadow:var(--s-shadow);overflow:hidden}.s-confirm-modal>header{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.s-confirm-modal>header>div{gap:8px;display:grid}.s-confirm-modal>header b{font-size:16px}.s-confirm-modal>header p{color:var(--s-text-2);margin:0;font-size:12.5px;line-height:1.5}.s-confirm-modal>footer{border-top:1px solid var(--s-border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.s-left{border-right:1px solid var(--s-border);grid-area:left}.s-right{border-left:1px solid var(--s-border);grid-area:right}.s-left,.s-right{background:var(--s-surface);scrollbar-gutter:stable;flex-direction:column;gap:24px;padding:20px;display:flex;overflow-y:auto}.s-left{scrollbar-gutter:auto}.s-left>*,.s-right>*{flex:none}.s-right{padding-top:0}.s-section{flex-direction:column;gap:10px;display:flex}.s-left>.s-section+.s-section,.s-right>.s-section+.s-section{margin-top:-4px;padding-top:20px;position:relative}.s-left>.s-section+.s-section:before,.s-right>.s-section+.s-section:before{content:"";background:var(--s-border);height:1px;position:absolute;top:0;left:-20px;right:-20px}.s-label{letter-spacing:0;text-transform:none;color:var(--s-heading);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;line-height:1.3;display:flex}.s-divider{border:0;border-top:1px solid var(--s-border);margin:2px -20px 0}.s-doc-title{letter-spacing:-.01em;color:var(--s-text);cursor:text;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;outline:none;margin:-14px -6px;padding:4px 6px;font-size:15px;font-weight:600;transition:background .12s,box-shadow .12s;display:block;overflow:hidden}.s-doc-title:hover{background:var(--s-surface-2)}.s-doc-title:focus{background:var(--s-surface-2);box-shadow:0 0 0 2px var(--s-ring);text-overflow:clip;overflow:visible}.s-tabs{border-bottom:1px solid var(--s-border);gap:2px;margin:-6px -20px 0;padding:0 20px;display:flex}.s-tab{color:var(--s-text-2);border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.s-tab.active{color:var(--s-text);border-bottom-color:var(--s-accent)}.s-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.s-seg button{border:1px solid var(--s-border-strong);background:var(--s-surface);height:38px;color:var(--s-text-2);border-radius:10px;font-size:12.5px;font-weight:600;transition:all .15s}.s-seg button:hover{background:var(--s-surface-2)}.s-seg button.active{border-color:var(--s-accent);color:var(--s-text);background:var(--s-accent-soft)}.s-seg small{color:var(--s-text-2);font-size:10px;font-weight:500}.s-select{border:1px solid var(--s-border-strong);background:var(--s-surface);text-align:left;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.s-select>svg:first-child{flex:0 0 16px}.s-select-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.s-select-label.two-line{flex-direction:column;gap:1px;display:flex}.s-select-label.two-line small{color:var(--s-text-2);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:500}.s-select:has(.s-select-label.two-line){height:52px}.s-select svg:last-child{color:var(--s-text-2);margin-left:auto}.s-device-menu{z-index:20;background:var(--s-surface);border:1px solid var(--s-border);box-shadow:var(--s-shadow);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.s-device-menu button{text-align:left;border-radius:8px;grid-template-columns:16px minmax(0,1fr) 16px;place-items:center start;gap:10px;width:100%;height:48px;padding:0 10px;font-size:13px;font-weight:600;display:grid}.s-device-menu-copy{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.s-device-menu-copy small{color:var(--s-text-2);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:500}.s-device-menu button:hover{background:var(--s-surface-2)}.s-device-menu button.active{background:var(--s-accent-soft)}.s-device-menu-check{width:16px;height:16px;color:var(--s-accent);place-items:center;display:grid}.s-featured-presets{grid-template-columns:1fr 1fr;gap:10px;padding:2px;display:grid}.s-featured-preset{text-align:left;flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.s-featured-preset:disabled{opacity:.5;cursor:default}.s-preset-thumb{aspect-ratio:4/3;border:1px solid var(--s-border);background:var(--s-surface-2);border-radius:10px;width:100%;transition:border-color .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.s-preset-thumb img{max-width:none;display:block;position:absolute;transform:translate(-50%,-50%)}.s-preset-thumb img.s-preset-thumb-render{object-fit:cover;width:100%;max-width:100%;height:100%;position:absolute;inset:0;transform:none}.s-featured-preset:hover .s-preset-thumb{border-color:var(--s-border-strong)}.s-featured-preset.selected .s-preset-thumb{border-color:var(--s-accent);box-shadow:0 0 0 2px var(--s-ring)}.s-featured-preset-name{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:650;overflow:hidden}.s-preset-check{background:var(--s-accent);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 1px 4px #00000038}.s-thumb-device{aspect-ratio:70.6/146.6;background:#17181a;border-radius:16%/7%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000059}.s-link-row{border:1px solid var(--s-border);border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.s-link-row:hover{background:var(--s-surface-2)}.s-empty-note{border:1px dashed var(--s-border);color:var(--s-text-dim);text-align:center;border-radius:10px;margin:2px 0 8px;padding:12px;font-size:12.5px}.s-align-ph{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.s-align-ph-grp{border:1px solid var(--s-border);border-radius:9px;gap:2px;min-width:0;padding:2px;display:flex}.s-align-ph .s-icon-btn{flex:1;min-width:0;height:30px}.s-align-ph .s-icon-btn:disabled{opacity:.35;cursor:not-allowed}.s-object-upload{border:1px dashed var(--s-border-strong);height:72px;color:var(--s-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.s-object-upload:hover:not(:disabled){background:var(--s-surface-2)}.s-object-upload:disabled{opacity:.5;cursor:not-allowed}.s-object-picker-count{color:var(--s-text-2);font-size:11px;font-weight:650}.s-object-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.s-object-picker-grid button{border:1px solid var(--s-border);background:var(--s-surface-2);cursor:pointer;border-radius:9px;flex-direction:column;gap:4px;min-width:0;padding:6px;transition:border-color .12s;display:flex}.s-object-picker-grid button:hover:not(:disabled){border-color:var(--s-accent)}.s-object-picker-grid button:disabled{opacity:.45;cursor:not-allowed}.s-object-picker-grid img{aspect-ratio:1;object-fit:contain;width:100%}.s-object-picker-grid span{max-width:100%;color:var(--s-text-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.s-hex{border:1px solid var(--s-border);height:40px;color:var(--s-text-2);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:flex}.s-hex i{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--s-swatch-edge);border-radius:4px}.s-hex.as-trigger{cursor:pointer;width:100%;color:var(--s-text);font-weight:600;transition:background .15s}.s-hex.as-trigger:hover{background:var(--s-surface-2)}.s-hex.as-trigger svg{color:var(--s-text-2);margin-left:auto}.s-bg-preview{border:1px solid var(--s-border);border-radius:var(--s-radius);align-items:center;gap:10px;padding:8px;display:flex}.s-bg-preview img{object-fit:cover;border-radius:8px;width:76px;height:56px}.s-bg-preview-meta{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.s-bg-preview-meta b{font-size:12.5px}.s-bg-preview-meta .s-btn{height:30px;padding:0 10px;font-size:12px}.s-bg-image{flex-direction:column;gap:12px;display:flex}.s-bg-presets{flex-direction:column;gap:7px;display:flex}.s-bg-preset-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.s-bg-preset{border:1px solid var(--s-border);aspect-ratio:1;cursor:pointer;background:var(--s-surface-2);border-radius:9px;padding:0;transition:border-color .12s,box-shadow .12s;overflow:hidden}.s-bg-preset img{object-fit:cover;width:100%;height:100%;display:block}.s-bg-preset:hover{border-color:var(--s-text-2)}.s-bg-preset.active{border-color:var(--s-accent);box-shadow:0 0 0 2px var(--s-accent-soft)}.s-link-danger{color:var(--s-danger);align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.s-notice{color:var(--s-danger);font-size:11.5px}.s-notice.info{color:var(--s-text-2)}.s-hint{color:var(--s-text-2);font-size:11.5px;line-height:1.5}.s-upload-toast{z-index:100;background:var(--s-danger);width:max-content;max-width:min(460px,100vw - 40px);min-height:46px;box-shadow:0 14px 40px color-mix(in srgb,var(--s-danger) 34%,#00000047);color:#fff;border:1px solid #0000;border-radius:11px;align-items:center;gap:14px;padding:10px 10px 10px 14px;font-size:12.5px;font-weight:550;line-height:1.4;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.s-upload-toast span{min-width:0}.s-upload-toast button{color:#ffffffc7;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.s-upload-toast button:hover{color:#fff;background:#ffffff24}.s-upload-toast.info{background:#26262a;box-shadow:0 14px 40px #00000052}.s-canvas-area{touch-action:none;grid-area:canvas;place-items:center;padding:28px;display:grid;position:relative;overflow:hidden}.s-canvas-area.hand{cursor:grab}.s-canvas-area.hand:active{cursor:grabbing}.s-view{place-items:center;width:100%;height:100%;display:grid}.s-canvas,.s-selection-plane{grid-area:1/1}.s-canvas{box-shadow:var(--s-shadow);border-radius:6px;position:relative;overflow:hidden}.s-canvas.is-transparent{background-color:#fff;background-image:linear-gradient(45deg,#0000001a 25%,#0000 25% 75%,#0000001a 75%),linear-gradient(45deg,#0000001a 25%,#0000 25% 75%,#0000001a 75%);background-position:0 0,8px 8px;background-size:16px 16px}[data-theme=dark] .s-canvas.is-transparent{background-color:#2a2a28;background-image:linear-gradient(45deg,#ffffff17 25%,#0000 25% 75%,#ffffff17 75%),linear-gradient(45deg,#ffffff17 25%,#0000 25% 75%,#ffffff17 75%)}.s-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.s-label-row .s-label{flex:1;min-width:0}.s-canvas.bg-pan{cursor:grab}.s-canvas.bg-pan:active{cursor:grabbing}.s-selection-plane{pointer-events:none;z-index:9;position:relative;overflow:visible}.s-selection-box{outline:2px solid var(--s-accent);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.s-selection-box .s-handle,.s-selection-box .s-gizmo,.s-selection-box .s-rot-zone,.s-selection-box .s-edge{pointer-events:auto}.s-quad{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.s-quad-edge{z-index:5;touch-action:none;pointer-events:auto;height:10px;position:absolute}.s-quad-handle{border:2px solid var(--s-accent);z-index:6;touch-action:none;pointer-events:auto;background:#fff;border-radius:3px;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.s-quad-rot{z-index:5;touch-action:none;pointer-events:auto;width:24px;height:24px;position:absolute}.s-rot-plane{pointer-events:none;position:absolute;inset:0}.s-float{background:var(--s-surface);border:1px solid var(--s-border);box-shadow:var(--s-shadow);z-index:60;border-radius:14px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.s-float.bottom{gap:8px;padding:6px 10px;bottom:20px}.s-float.top{gap:2px;padding:6px 8px;top:20px}.s-float-sep{background:var(--s-border);width:1px;height:20px;margin:0 5px}.s-float .s-icon-btn:disabled{opacity:.35;pointer-events:none}.s-size-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.s-size-card{border:1px solid var(--s-border-strong);background:var(--s-surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:11px 8px;transition:all .15s;display:flex}.s-size-card:hover{background:var(--s-surface-2)}.s-size-card.active{border-color:var(--s-accent);background:var(--s-accent-soft)}.s-size-icon{background:var(--s-surface-2);width:40px;height:40px;color:var(--s-text-2);border-radius:9px;flex:none;place-items:center;display:grid}.s-size-card.active .s-size-icon{color:var(--s-accent);background:color-mix(in srgb,var(--s-accent) 12%,transparent)}.s-size-glyph{opacity:.6;border:1.6px solid;border-radius:3px;display:block}.s-size-text{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.s-size-text b{color:var(--s-text-2);letter-spacing:-.01em;font-size:13px;font-weight:650}.s-size-card.active .s-size-text b{color:var(--s-text)}.s-size-text small{color:var(--s-text-2);font-variant-numeric:tabular-nums;font-size:11px}.s-float .s-icon-btn{width:34px;height:34px}.s-zoom-val{text-align:center;border-radius:8px;min-width:44px;padding:4px 2px;font-size:12.5px;font-weight:600}.s-zoom-val:hover{background:var(--s-surface-2)}.s-device{cursor:grab;touch-action:none;position:absolute;transform:translate(-50%,-50%)}.s-device:active{cursor:grabbing}.s-device.selected{outline:2px solid var(--s-accent)}.s-device.back{pointer-events:none;cursor:default}.s-device-canvas{aspect-ratio:1;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-device-screen-add{transform:translate(-50%,-50%) rotate(var(--s-add-roll,0deg));z-index:4;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--s-accent) 76%,#fff);background:var(--s-accent);color:#fff;cursor:pointer;width:clamp(30px,14%,44px);box-shadow:0 5px 18px color-mix(in srgb,var(--s-accent) 36%,#0000004d);border-radius:11px;place-items:center;padding:0;transition:background .15s,transform .15s;display:grid;position:absolute;left:50%}.s-device-screen-add:hover{background:color-mix(in srgb,var(--s-accent) 86%,#fff);transform:translate(-50%,-50%) rotate(var(--s-add-roll,0deg))}.studio .s-device-screen-add:active{background:var(--s-accent);transform:translate(-50%,-50%) rotate(var(--s-add-roll,0deg))}.s-device-screen-add:focus-visible{outline-offset:3px;outline:2px solid #fff}.s-handle{border:2px solid var(--s-accent);z-index:6;touch-action:none;background:#fff;border-radius:3px;width:12px;height:12px;position:absolute;box-shadow:0 1px 4px #00000059}.s-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.s-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.s-handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.s-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.s-gizmo{color:var(--s-accent);cursor:grab;touch-action:none;z-index:6;place-items:center;display:grid;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.s-gizmo:active{cursor:grabbing}.s-edge{z-index:5;touch-action:none;position:absolute}.s-edge.top{cursor:ns-resize;height:10px;top:-5px;left:0;right:0}.s-edge.bottom{cursor:ns-resize;height:10px;bottom:-5px;left:0;right:0}.s-edge.left{cursor:ew-resize;width:10px;top:0;bottom:0;left:-5px}.s-edge.right{cursor:ew-resize;width:10px;top:0;bottom:0;right:-5px}.s-rot-zone{z-index:5;touch-action:none;width:22px;height:22px;position:absolute}.s-rot-zone.ne{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(0 12 12)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23111827' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E") 12 12,auto;top:-22px;right:-22px}.s-rot-zone.se{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23111827' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E") 12 12,auto;bottom:-22px;right:-22px}.s-rot-zone.sw{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(180 12 12)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23111827' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E") 12 12,auto;bottom:-22px;left:-22px}.s-rot-zone.nw{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(270 12 12)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23fff' stroke-width='3.6'/%3E%3Cpath d='M9 4 6 7 9 10' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M6 7h7a4 4 0 0 1 4 4v7' stroke='%23111827' stroke-width='1.8'/%3E%3Cpath d='M14 15 17 18 20 15' stroke='%23111827' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E") 12 12,auto;top:-22px;left:-22px}.s-prop-layer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%)}.s-prop-layer:active{cursor:grabbing}.s-prop-layer>img,.s-prop-persp>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.s-prop-layer>img.s-prop-blur-copy,.s-prop-persp>img.s-prop-blur-copy,.s-prop-persp{pointer-events:none;position:absolute;inset:0}.s-toggle-row{color:var(--s-text);justify-content:space-between;align-items:center;gap:8px;padding:2px 0;font-size:12px;font-weight:600;display:flex}.s-toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--s-accent);cursor:pointer}.s-prop-layer.selected{outline:2px solid var(--s-accent)}.s-empty{border:1.5px dashed var(--s-border-strong);border-radius:var(--s-radius);text-align:center;color:var(--s-text-2);flex-direction:column;align-items:center;gap:6px;width:100%;padding:22px 16px;display:flex}.s-empty.as-button{cursor:pointer;transition:border-color .15s,background .15s}.s-empty.as-button:hover{border-color:var(--s-accent);background:var(--s-accent-soft)}.s-empty b{color:var(--s-text);font-size:13px}.s-empty span{font-size:11.5px;line-height:1.5}.s-object-list{flex-direction:column;display:flex}.s-obj{border:1px solid var(--s-border);background:var(--s-surface);border-radius:10px;align-items:center;gap:4px;padding:6px;transition:border-color .15s,background .15s;display:flex}.s-obj:hover{background:var(--s-surface-2)}.s-obj.selected{border-color:var(--s-accent);box-shadow:0 0 0 2px var(--s-ring)}.s-obj-main{text-align:left;flex:1;align-items:center;gap:9px;min-width:0;display:flex}.s-obj img,.s-obj .s-obj-thumb{object-fit:contain;background:var(--s-surface-2);border-radius:8px;width:36px;height:36px}.s-obj b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.s-layer-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.s-layer-copy small{color:var(--s-text-2);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.s-device-layer-thumb{color:var(--s-text-2);place-items:center;display:grid}.s-icon-btn.compact{border-radius:8px;width:28px;height:28px}.s-drag-handle{width:28px;height:28px;color:var(--s-text-2);cursor:grab;touch-action:none;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.s-drag-handle:hover{background:var(--s-surface-2);color:var(--s-text)}.s-drag-handle:active{cursor:grabbing}.s-layer-divider{flex-shrink:0;height:8px;position:relative}.s-layer-divider:after{content:"";background:0 0;border-radius:2px;height:2px;transition:background .1s,transform .1s;position:absolute;top:3px;left:3px;right:3px;transform:scaleX(.92)}.s-layer-divider.active:after{background:var(--s-accent);transform:scaleX(1)}.s-layer-divider.active:before{content:"";background:var(--s-accent);z-index:1;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;left:0}.s-object-list>.s-btn{margin-top:8px}.s-object-id{border:1px solid var(--s-border);border-radius:var(--s-radius);align-items:center;gap:12px;padding:10px;display:flex}.s-object-id img{object-fit:contain;background:var(--s-surface-2);border-radius:9px;width:62px;height:62px}.s-object-id>span{flex-direction:column;gap:4px;min-width:0;display:flex}.s-object-id b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.s-object-id small{color:var(--s-text-2);font-size:11px}.s-action-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.s-action-pair .s-btn{justify-content:center;padding:0 10px}.s-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px;display:grid}.s-pair>*{min-width:0}.s-pair .s-num{padding:0 9px}.s-pair .s-btn{white-space:nowrap;justify-content:center;padding:0 8px;font-size:12px}.s-pair-col{flex-direction:column;gap:10px;min-width:0;display:flex}.s-pair .s-rot-row{gap:8px;min-width:0}.s-pair .s-readout{min-width:42px;height:32px;font-size:11.5px}.s-pair .s-num-row{gap:8px;min-width:0}.s-btn.danger{color:var(--s-danger)}.s-btn:disabled{opacity:.4;cursor:default}.s-library-trigger{border:1px solid var(--s-border);background:var(--s-surface);text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:9px 10px;transition:border-color .15s,background .15s;display:flex}.s-library-trigger:hover{border-color:var(--s-border-strong);background:var(--s-surface-2)}.s-library-trigger-icon{background:var(--s-surface-2);width:32px;height:32px;color:var(--s-text-2);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.s-library-trigger>span:nth-child(2){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.s-library-trigger b{font-size:12.5px;font-weight:650}.s-library-trigger small{color:var(--s-text-2);font-size:10.5px}.s-library-trigger>svg{color:var(--s-text-2)}.s-collapse{border:1px solid var(--s-border);background:var(--s-surface);border-radius:10px}.s-collapse-head{text-align:left;border-radius:inherit;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .15s;display:flex}.s-collapse-head:hover{background:var(--s-surface-2)}.s-collapse-head b{flex:1;font-size:12.5px;font-weight:650}.s-collapse-icon{background:var(--s-surface-2);width:28px;height:28px;color:var(--s-text-2);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.s-collapse-swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--s-swatch-edge);border-radius:5px}.s-collapse-value{color:var(--s-text-2);font-size:11.5px}.s-collapse-chevron{color:var(--s-text-2);transition:transform .15s}.s-collapse.open .s-collapse-chevron{transform:rotate(-90deg)}.s-collapse.open .s-collapse-head{background:var(--s-surface-2)}.s-library-card{background:var(--s-surface);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow);flex-direction:column;width:min(720px,94vw);max-height:88vh;display:flex;overflow:hidden}.s-library-card header{border-bottom:1px solid var(--s-border);align-items:center;gap:10px;padding:12px 12px 12px 18px;display:flex}.s-library-card header b{font-size:14px}.s-library-card header small{color:var(--s-text-2);flex:1;font-size:11.5px}.s-library-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;padding:16px;display:grid;overflow-y:auto}.s-library-grid button{border:1px solid var(--s-border);background:var(--s-surface);border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px;transition:border-color .15s,background .15s;display:flex}.s-library-grid button:hover{border-color:var(--s-accent);background:var(--s-accent-soft)}.s-library-grid button:disabled{opacity:.45;cursor:default}.s-library-grid button:disabled:hover{border-color:var(--s-border);background:var(--s-surface)}.s-library-grid img{aspect-ratio:1;object-fit:contain;background:var(--s-surface-2);border-radius:8px;width:100%}.s-library-grid span{width:100%;color:var(--s-text-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.s-preset-library-card{border-radius:var(--s-radius-lg);background:var(--s-surface);width:min(900px,94vw);height:min(88vh,640px);box-shadow:var(--s-shadow);flex-direction:column;display:flex;overflow:hidden}.s-preset-browser{flex:1;min-height:0;display:flex}.s-preset-scope-rail{border-right:1px solid var(--s-border);background:var(--s-surface-2);flex-direction:column;flex:none;gap:2px;width:186px;padding:12px 10px;display:flex;overflow-y:auto}.s-preset-scope{text-align:left;width:100%;color:var(--s-text-2);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;transition:background .15s,color .15s,border-color .15s;display:flex}.s-preset-scope span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:550;overflow:hidden}.s-preset-scope small{color:var(--s-text-dim);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.s-preset-scope:hover{background:var(--s-surface);color:var(--s-text)}.s-preset-scope.selected{background:var(--s-accent-soft);border-color:var(--s-accent);color:var(--s-text)}.s-preset-scope-row{align-items:center;gap:2px;display:flex}.s-preset-scope-row .s-preset-scope{flex:1;min-width:0}.s-preset-scope-twisty{width:16px;height:26px;color:var(--s-text-dim);background:0 0;border:none;border-radius:5px;flex:none;place-items:center;display:grid}.s-preset-scope-twisty:hover{color:var(--s-text)}.s-preset-scope-twisty svg{transition:transform .15s}.s-preset-scope-twisty svg.open{transform:rotate(90deg)}.s-preset-scope.child{width:calc(100% - 18px);margin-left:18px;padding:6px 10px}.s-preset-scope.child span{font-size:12px;font-weight:500}.s-mockup-rail-rule{background:var(--s-border);border:0;flex:none;width:calc(100% - 8px);height:1px;margin:8px auto}.s-preset-sections{flex-direction:column;flex:1;gap:24px;min-width:0;padding:18px;display:flex;overflow-y:auto}.s-preset-section{flex-direction:column;gap:12px;display:flex}.s-preset-section-head{letter-spacing:.01em;color:var(--s-text);align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.s-preset-section-head small{color:var(--s-text-2);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.s-preset-section-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}@media (width<=640px){.s-preset-browser{flex-direction:column}.s-preset-scope-rail{border-right:none;border-bottom:1px solid var(--s-border);flex-direction:row;gap:6px;width:auto;overflow-x:auto}.s-preset-scope{flex:none;width:auto}}.s-preset-library-card>header{border-bottom:1px solid var(--s-border);flex:none;align-items:center;gap:12px;padding:16px 16px 14px 20px;display:flex}.s-preset-library-card>header>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.s-preset-library-card>header b{font-size:14px}.s-preset-library-card>header small{color:var(--s-text-2);font-size:11.5px}.s-preset-library-item{border:1px solid var(--s-border);background:var(--s-surface);text-align:left;border-radius:12px;min-width:0;padding:8px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.s-preset-library-item:hover{border-color:var(--s-border-strong);background:var(--s-surface-2)}.s-preset-library-item.selected{border-color:var(--s-accent);box-shadow:0 0 0 2px var(--s-ring)}.s-preset-library-item:disabled{opacity:.5;cursor:default}.s-preset-library-item .s-preset-thumb{aspect-ratio:4/3}.s-preset-library-copy{flex-direction:column;gap:2px;padding:9px 2px 2px;display:flex}.s-preset-library-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;overflow:hidden}.s-preset-library-title{align-items:center;gap:6px;min-width:0;display:flex}.s-preset-library-title .s-pro-chip{flex:none;margin-left:auto}.s-preset-library-copy small{color:var(--s-text-2);font-size:10.5px}.s-preset-library-item>.s-preset-check{top:14px;right:14px}.s-slider-row{flex-direction:column;gap:6px;display:flex}.s-slider-row header{justify-content:space-between;font-size:12.5px;display:flex}.s-slider-row header b{font-weight:600}.s-slider-row header span{color:var(--s-text-2)}.s-slider-row input[type=range]{width:100%;accent-color:var(--s-accent);height:4px}.s-slider-row.is-off{opacity:.45}.s-slider-row.is-off input[type=range]{cursor:not-allowed}.s-corner-meta{align-items:center;gap:7px;display:flex}.s-corner-link{width:22px;height:22px;color:var(--s-text-2);border-radius:6px;flex:none;place-items:center;transition:background .12s,color .12s;display:grid}.s-corner-link:hover{background:var(--s-surface-2);color:var(--s-text)}.s-corner-link[aria-pressed=true]{background:var(--s-surface-2);color:var(--s-accent)}.s-corner-scrub{width:16px;height:16px;color:var(--s-text-2);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;place-items:center;transition:color .12s;display:grid}.s-num:hover .s-corner-scrub,.s-corner-scrub:active{color:var(--s-text)}.s-toggle-row{justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.s-toggle{background:var(--s-border-strong);border-radius:999px;width:40px;height:23px;transition:background .15s;position:relative}.s-toggle.on{background:var(--s-accent)}.s-toggle:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2.5px;left:3px}.s-toggle.on:before{left:19px}.s-screen-content-panel{gap:14px}.s-screen-content-panel>.s-sublabel{margin-bottom:-4px}.s-screen-content-panel>.s-rotate-actions+.s-sublabel,.s-screen-content-panel>.s-seg+.s-sublabel{margin-top:4px}.s-screen-content-panel>.s-slider-row+.s-btn{margin-top:12px}.s-screen-content-panel .s-slider-row header b{color:var(--s-text-2);font-size:11.5px;font-weight:500}.s-screen-content-panel .s-slider-row header>span:not(.s-corner-meta),.s-screen-content-panel .s-corner-meta{color:var(--s-text)}.s-screen-upload-card{border:1.5px dashed var(--s-border-strong);background:color-mix(in srgb,var(--s-surface-2) 42%,transparent);width:100%;min-height:230px;color:var(--s-text);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px 18px;transition:border-color .15s,background .15s;display:flex}.s-screen-upload-card:hover,.s-screen-upload-card.dropping{border-color:var(--s-accent);background:var(--s-accent-soft)}.s-screen-upload-card.dropping{box-shadow:0 0 0 3px var(--s-ring)}.studio .s-screen-upload-card:active{background:var(--s-accent-soft);transform:none}.s-screen-upload-card:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}.s-screen-upload-card b{font-size:14px;font-weight:680}.s-screen-upload-card small{color:var(--s-text-2);font-size:11.5px;line-height:1.65}.s-screen-upload-icon{background:var(--s-accent);color:#fff;width:48px;height:48px;box-shadow:0 6px 18px color-mix(in srgb,var(--s-accent) 28%,transparent);border-radius:12px;place-items:center;margin-bottom:3px;transition:background .15s,transform .15s;display:grid}.s-screen-upload-card:hover .s-screen-upload-icon,.s-screen-upload-card.dropping .s-screen-upload-icon{background:color-mix(in srgb,var(--s-accent) 86%,#fff);transform:scale(1.04)}.s-screen-file-card{border:1px solid var(--s-border-strong);background:var(--s-surface);border-radius:16px;align-items:center;gap:10px;min-height:88px;padding:10px;display:flex}.s-screen-thumb{border:1px solid var(--s-border);background:var(--s-surface-2);border-radius:10px;flex-shrink:0;place-items:center;width:62px;height:62px;display:grid;overflow:hidden}.s-screen-thumb img,.s-screen-thumb video{object-fit:cover;width:100%;height:100%}.s-screen-file-card .s-file-name{flex:1;gap:4px}.s-screen-file-card .s-file-name b{font-size:14px}.s-screen-file-card .s-file-name small{font-size:12px}.s-device-id-thumb .mini{aspect-ratio:70.6/146.6;background:#141414;border-radius:14%/6.5%;width:44%;position:relative}.s-device-id-thumb .mini:before{content:"";background:linear-gradient(160deg,#eef4e6,#c9ddb7 55%,#6e9f3a);border-radius:10%/5%;position:absolute;inset:6%}.s-screen-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.s-screen-actions .s-icon-btn{width:32px;height:32px;color:var(--s-text-2)}.s-export-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.s-export-options label,.s-export-quality{flex-direction:column;gap:6px;min-width:0;display:flex}.s-export-options label>span,.s-export-quality>span:first-child{color:var(--s-text-2);font-size:11px;font-weight:650}.s-export-options select,.s-export-quality select{border:1px solid var(--s-border-strong);background:var(--s-surface);width:100%;height:38px;color:var(--s-text);font:inherit;appearance:none;cursor:pointer;border-radius:10px;outline:none;padding:0 32px 0 10px;font-size:12.5px;font-weight:600}.s-export-options select:focus,.s-export-quality select:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-ring)}.s-export-options label:has(select){position:relative}.s-export-quality:has(select){position:relative}.s-export-options label:has(select):after{content:"";pointer-events:none;background-color:var(--s-text-2);width:14px;height:14px;position:absolute;bottom:12px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.s-export-quality:has(select):after{content:"";pointer-events:none;background-color:var(--s-text-2);width:14px;height:14px;position:absolute;bottom:12px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.s-export-lossless{border:1px solid var(--s-border);background:var(--s-surface-2);height:38px;color:var(--s-text-2);border-radius:10px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:600;display:flex}.s-export-size{color:var(--s-text-2);text-align:right;font-size:11px}.s-shadow-enabled{justify-content:space-between;align-items:center;display:flex}.s-shadow-enabled>span{color:var(--s-text-2);font-size:11px;font-weight:650}.s-switch{border:1px solid var(--s-border-strong);background:var(--s-surface-2);cursor:pointer;border-radius:999px;flex:none;width:36px;height:21px;transition:background .15s,border-color .15s;position:relative}.s-switch i{background:var(--s-text-2);border-radius:50%;width:15px;height:15px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.s-switch.on{background:var(--s-accent);border-color:var(--s-accent)}.s-switch.on i{background:#fff;left:17px}.s-shadow-color{flex-direction:column;gap:6px;display:flex}.s-shadow-color>span:first-child{color:var(--s-text-2);font-size:11px;font-weight:650}.s-solid-body{flex-direction:column;gap:12px;display:flex}.s-preview-overlay{z-index:80;background:#0f0e0c8c;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.s-preview-card{background:var(--s-surface);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow);flex-direction:column;max-width:min(860px,94vw);max-height:92vh;display:flex;overflow:hidden}.s-preview-card header{border-bottom:1px solid var(--s-border);align-items:center;gap:10px;padding:12px 12px 12px 18px;display:flex}.s-preview-card header b{font-size:14px}.s-preview-card header small{color:var(--s-text-2);flex:1;font-size:11.5px}.s-preview-card img{object-fit:contain;background:var(--s-surface-2);max-width:100%;min-height:0;display:block}.s-popover{z-index:50;background:var(--s-surface);border:1px solid var(--s-border);border-radius:16px;flex-direction:column;gap:12px;max-height:calc(100vh - 24px);padding:14px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 18px 50px #140f0a3d}.s-popover .react-colorful{flex-shrink:0;width:100%;height:190px}.s-popover .react-colorful__saturation{border-bottom:none;border-radius:12px;margin-bottom:12px}.s-popover .react-colorful__hue{border-radius:999px;height:12px}.s-popover .react-colorful__pointer{border:3px solid #fff;width:18px;height:18px;box-shadow:0 1px 4px #00000059}.s-tabs.compact{gap:2px;margin:0 -14px;padding:0 14px}.s-tabs.compact .s-tab{padding:6px 10px;font-size:12.5px}.s-popover-close{align-self:center;margin-left:auto}.s-gradient-editor{flex-direction:column;gap:9px;display:flex}.s-gradient-rail{border:1px solid var(--s-border-strong);border-radius:8px;height:28px;margin:8px 8px 5px;position:relative}.s-gradient-handle{border:2px solid var(--s-surface);width:14px;height:18px;box-shadow:0 0 0 1px var(--s-border-strong),0 2px 5px #0003;cursor:ew-resize;z-index:1;border-radius:3px;padding:0;position:absolute;top:100%;transform:translate(-50%,4px)}.s-gradient-handle:before{content:"";background:inherit;border-left:2px solid var(--s-surface);border-top:2px solid var(--s-surface);width:7px;height:7px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.s-gradient-handle.active{box-shadow:0 0 0 2px var(--s-accent),0 2px 5px #00000038;z-index:2}.s-picker-stops{gap:6px;margin-top:15px;padding:2px;display:flex;overflow-x:auto}.s-picker-stop{border:1px solid var(--s-border-strong);height:30px;color:var(--s-text-2);border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.s-picker-stop:hover{background:var(--s-surface-2)}.s-picker-stop.active{border-color:var(--s-accent);color:var(--s-text);background:var(--s-accent-soft)}.s-picker-stop i{border:1px solid var(--s-border-strong);border-radius:4px;width:14px;height:14px}.s-gradient-stop-tools{align-items:center;gap:7px;display:flex}.s-gradient-stop-tools>input[type=range]{flex:1;min-width:0}.s-gradient-stop-tools .s-icon-btn{border:1px solid var(--s-border-strong);border-radius:8px;flex-shrink:0;width:30px;height:30px}.s-gradient-stop-tools .s-icon-btn:disabled{opacity:.35;cursor:not-allowed}.s-gradient-position{border:1px solid var(--s-border-strong);border-radius:8px;flex-shrink:0;align-items:center;width:57px;height:30px;display:flex;overflow:hidden}.s-gradient-position:focus-within{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-ring)}.s-gradient-position input{width:37px;min-width:0;color:inherit;text-align:right;font:inherit;-moz-appearance:textfield;background:0 0;border:0;outline:0;font-size:11.5px;font-weight:600}.s-gradient-position input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-gradient-position input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.s-gradient-position span{color:var(--s-text-3);padding-left:2px;font-size:11px}.s-slider-row.compact-slider{gap:5px}.s-picker-row{align-items:center;gap:8px;display:flex}.s-picker-row .s-icon-btn{border:1px solid var(--s-border-strong);border-radius:10px;flex-shrink:0;width:36px;height:36px}.s-picker-chip{border:1px solid var(--s-border-strong);border-radius:8px;flex-shrink:0;width:26px;height:26px}.s-picker-hex{border:1px solid var(--s-border-strong);min-width:0;height:36px;color:inherit;font:inherit;background:0 0;border-radius:10px;outline:none;flex:1;padding:0 10px;font-size:12.5px;font-weight:600}.s-picker-hex:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-ring)}.s-canvas.dropping:after{content:"Drop to add object";border:2px dashed var(--s-accent);background:color-mix(in srgb,var(--s-accent-soft) 72%,transparent);color:var(--s-accent);pointer-events:none;z-index:12;border-radius:10px;place-items:center;font-size:14px;font-weight:650;display:grid;position:absolute;inset:10px}.s-file-name{flex-direction:column;gap:1px;min-width:0;display:flex}.s-file-name b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;overflow:hidden}.s-file-name small{color:var(--s-text-2);font-size:11px}.s-modal-overlay{z-index:80;background:#14100c73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.s-modal{background:var(--s-surface);border-radius:18px;flex-direction:column;width:min(980px,100%);max-height:min(92vh,760px);display:flex;overflow:hidden;box-shadow:0 30px 80px #00000059}.s-fit-modal{width:min(1320px,100%);height:min(94vh,940px);max-height:none}.s-modal-head{border-bottom:1px solid var(--s-border);justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.s-modal-head h2{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:750}.s-modal-head p{color:var(--s-text-2);margin:4px 0 0;font-size:12.5px}.s-modal-head p.s-fit-guide{color:var(--s-accent);font-variant-numeric:tabular-nums;font-size:12px}.s-modal-body{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid}.s-fit-stage{background:var(--s-bg);place-items:center;min-width:0;min-height:0;padding:30px 30px 88px;display:grid;position:relative;overflow:hidden}.s-fit-phone{isolation:isolate;transform-origin:50%;flex:0 auto;position:relative}.s-fit-screen-tool{z-index:3;touch-action:none;border-radius:9%/4.4%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-fit-screen-tool.move{cursor:grab}.s-fit-screen-tool.move:active{cursor:grabbing}.s-fit-screen-tool.perspective{cursor:default}.s-fit-grid{pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000 calc(33.3% - .5px),#ffffff80 calc(33.3% - .5px) calc(33.3% + .5px),#0000 calc(33.3% + .5px)),linear-gradient(90deg,#0000 calc(66.6% - .5px),#ffffff80 calc(66.6% - .5px) calc(66.6% + .5px),#0000 calc(66.6% + .5px)),linear-gradient(#0000 calc(33.3% - .5px),#ffffff80 calc(33.3% - .5px) calc(33.3% + .5px),#0000 calc(33.3% + .5px)),linear-gradient(#0000 calc(66.6% - .5px),#ffffff80 calc(66.6% - .5px) calc(66.6% + .5px),#0000 calc(66.6% + .5px));position:absolute;inset:0}.s-fit-media-box{outline:1.5px solid var(--s-accent);cursor:grab;touch-action:none;background:#6e9f3a09;position:absolute}.s-fit-media-box:active{cursor:grabbing}.s-fit-perspective-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.s-fit-perspective-outline polygon{fill:#ffffff09;stroke:#ffffffe6;stroke-width:1.3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #00000080)}.s-fit-handle{border:2px solid var(--s-accent);z-index:5;touch-action:none;background:#fff;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.s-fit-handle.scale{border-radius:3px}.s-fit-handle.scale.tl,.s-fit-handle.scale.br{cursor:nwse-resize}.s-fit-handle.scale.tr,.s-fit-handle.scale.bl{cursor:nesw-resize}.s-fit-scale-edge{z-index:4;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.s-fit-scale-edge.top,.s-fit-scale-edge.bottom{cursor:ns-resize;height:12px;left:7px;right:7px}.s-fit-scale-edge.top{top:-6px}.s-fit-scale-edge.bottom{bottom:-6px}.s-fit-scale-edge.left,.s-fit-scale-edge.right{cursor:ew-resize;width:12px;top:7px;bottom:7px}.s-fit-scale-edge.left{left:-6px}.s-fit-scale-edge.right{right:-6px}.s-fit-handle.perspective{cursor:grab;border-radius:50%}.s-fit-handle.perspective:active{cursor:grabbing}.s-fit-pill{z-index:20;background:var(--s-surface);border:1px solid var(--s-border);box-shadow:var(--s-shadow);border-radius:14px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.s-fit-pill .s-icon-btn{width:34px;height:34px}.s-fit-sep{background:var(--s-border);width:1px;height:20px}.s-modal-side{border-left:1px solid var(--s-border);flex-direction:column;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.s-file-card{border:1px solid var(--s-border);border-radius:var(--s-radius);align-items:center;gap:12px;padding:10px;display:flex}.s-file-card img,.s-file-card video{object-fit:cover;border:1px solid var(--s-border);border-radius:8px;width:52px;height:52px}.s-file-card .s-file-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.s-file-card .s-file-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.s-file-card .s-file-meta small{color:var(--s-text-2);font-size:11.5px}.s-file-card .s-btn{height:34px;padding:0 12px;font-size:12.5px}.s-icon-btn.danger:hover{color:var(--s-danger);background:#f7e6e1}.s-banner{border:1px solid var(--s-ring);border-radius:var(--s-radius);background:var(--s-accent-soft);color:var(--s-text);align-items:flex-start;gap:12px;padding:14px;display:flex}.s-banner>svg{color:var(--s-accent);flex-shrink:0;margin-top:2px}.s-banner div{flex-direction:column;flex:1;gap:3px;display:flex}.s-banner b{font-size:13px;font-weight:700}.s-banner span{color:var(--s-text-2);font-size:12px;line-height:1.45}.s-banner-check{background:var(--s-accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.s-tips{flex-direction:column;gap:12px;display:flex}.s-tips>div{grid-template-rows:auto auto;grid-template-columns:24px auto;align-items:center;gap:2px 10px;display:grid}.s-tips svg{color:var(--s-text-2);grid-row:1/3}.s-tips b{font-size:12.5px;font-weight:650}.s-tips span{color:var(--s-text-2);font-size:11.5px;line-height:1.45}.s-modal-foot{border-top:1px solid var(--s-border);justify-content:flex-end;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.s-modal-foot .s-btn{justify-content:center;min-width:84px}@media (height<=760px){.s-modal-overlay{padding:16px}.s-modal-head{padding:16px 20px 14px}.s-fit-stage{padding:18px 24px 76px}.s-fit-phone{width:clamp(136px,32%,190px)}.s-modal-side{gap:14px;padding:16px 20px}.s-tips{gap:9px}.s-modal-foot{padding-top:14px}}.s-device-id{border:1px solid var(--s-border);border-radius:var(--s-radius);align-items:center;gap:12px;padding:10px;display:flex}.s-device-id-thumb{border:1px solid var(--s-border);background:var(--s-surface-2);border-radius:10px;place-items:center;width:56px;height:72px;display:grid}.s-device-id-copy{flex-direction:column;gap:3px;display:flex}.s-device-id-copy b{font-size:13.5px;font-weight:650}.s-device-id-copy small{color:var(--s-text-2);font-size:11.5px}.s-num-row{align-items:center;font-size:13px;display:flex}.s-num-row>.s-num{width:100%}.s-num-prefix{width:14px;color:var(--s-text-2);flex:none;font-weight:600}.s-num{border:1px solid var(--s-border-strong);border-radius:10px;flex:1;align-items:center;gap:6px;min-width:0;height:38px;padding:0 12px;display:flex}.s-num input{min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:13px}.s-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.s-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-num i{color:var(--s-text-2);font-size:11px;font-style:normal}.s-rot-row{align-items:center;gap:12px;display:flex}.s-sublabel{color:var(--s-text-2);font-size:11.5px;font-weight:500;line-height:1.3;display:block}.s-rotate-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.s-rotate-row .s-num{min-width:0}.s-rotate-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.s-rot-btn{border:1px solid var(--s-border-strong);background:var(--s-surface);min-width:0;height:38px;color:var(--s-text-2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;transition:all .15s;display:flex}.s-rot-btn small{font-size:8.5px;font-weight:700;line-height:1.2}.s-rot-btn:hover:not(:disabled){background:var(--s-surface-2);color:var(--s-text)}.s-rot-btn.active{border-color:var(--s-accent);background:var(--s-accent-soft);color:var(--s-text)}.s-rot-btn:disabled{opacity:.35}.s-rot-row input[type=range]{accent-color:var(--s-accent);flex:1;height:4px}.s-readout{border:1px solid var(--s-border-strong);border-radius:10px;place-items:center;min-width:56px;height:36px;font-size:12.5px;font-weight:600;display:grid}.s-btn.wide{justify-content:center;width:100%}@media (width<=1180px){.studio{background:var(--s-bg);height:100dvh;min-height:100dvh;display:block;overflow:auto}.studio>.s-left,.studio>.s-canvas-area,.studio>.s-right,.studio>.s-home{display:none}.s-mobile-guard{min-height:100dvh;color:var(--s-text);flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 28px;display:flex}.s-mobile-mark{background:var(--s-accent);color:#fff;width:52px;height:52px;box-shadow:var(--s-shadow);border-radius:15px;place-items:center;display:grid}.s-mobile-eyebrow{color:var(--s-accent);letter-spacing:.12em;text-transform:uppercase;margin-top:28px;font-size:11px;font-weight:750}.s-mobile-guard h1{letter-spacing:-.045em;max-width:460px;margin:10px 0 14px;font-size:clamp(30px,7vw,46px);line-height:1.03}.s-mobile-guard p{max-width:460px;color:var(--s-text-2);margin:0;font-size:15px;line-height:1.65}.s-mobile-guard small{border-top:1px solid var(--s-border);max-width:460px;color:var(--s-text-2);margin-top:28px;padding-top:18px;font-size:12px;line-height:1.5}}.s-side-popover{z-index:60;width:272px;position:fixed;box-shadow:0 18px 50px #140f0a3d}.s-side-popover.from-left{left:308px;right:auto}.s-side-popover.from-right{left:auto;right:308px}.s-side-popover-head{align-items:center;gap:8px;display:flex}.s-side-popover-head b{flex:1;font-size:13px;font-weight:700}.s-blur-plane{pointer-events:none;z-index:7;position:absolute;transform:translate(-50%,-50%)}.s-gradient-plane{pointer-events:none;z-index:7;position:absolute;inset:0}.s-blur-line{pointer-events:none;position:absolute;inset:0}.s-blur-line svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.s-blur-line line{stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 1.5px #0000008c)}.s-blur-handle{pointer-events:auto;cursor:grab;background:#fff;border:1px solid #00000047;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.s-blur-handle:active{cursor:grabbing}.s-ruler{background:var(--s-surface);z-index:10;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;overflow:hidden}.s-ruler.h{border-bottom:1px solid var(--s-border);cursor:row-resize;height:20px;top:0;left:20px;right:0}.s-ruler.v{border-right:1px solid var(--s-border);cursor:col-resize;width:20px;top:20px;bottom:0;left:0}.s-ruler.corner{border-right:1px solid var(--s-border);border-bottom:1px solid var(--s-border);width:20px;height:20px;top:0;left:0}.s-ruler span{color:var(--s-text-2);pointer-events:none;font-size:9px;font-weight:600;position:absolute}.s-ruler.h span{border-left:1px solid var(--s-border-strong);padding:5px 0 0 3px;top:0;bottom:0}.s-ruler.v span{border-top:1px solid var(--s-border-strong);writing-mode:vertical-rl;padding:2px 0 0 4px;left:0;right:0}.s-guide{pointer-events:auto;z-index:8;touch-action:none;position:absolute}.s-guide.v{cursor:col-resize;width:9px;top:0;bottom:0;transform:translate(-50%)}.s-guide.v:after{content:"";background:var(--s-guide);width:1px;position:absolute;top:0;bottom:0;left:4px}.s-guide.h{cursor:row-resize;height:9px;left:0;right:0;transform:translateY(-50%)}.s-guide.h:after{content:"";background:var(--s-guide);height:1px;position:absolute;top:4px;left:0;right:0}.s-snapline{background:var(--s-danger);pointer-events:none;z-index:8;position:absolute}.s-snapline.v{width:1px;top:-8px;bottom:-8px}.s-snapline.h{height:1px;left:-8px;right:-8px}.s-light-ray{pointer-events:none;z-index:8;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.s-light-ray line{stroke:#fff;stroke-width:1.5px;stroke-dasharray:4 4;opacity:.95;filter:drop-shadow(0 0 1px #0000008c)}.s-light-handle{color:#3a3a3a;pointer-events:auto;cursor:grab;touch-action:none;z-index:9;background:#fff;border:1.5px solid #0000002e;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000059}.s-light-handle:active{cursor:grabbing}.s-light-handle:before{content:"";border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-grad-stop{pointer-events:auto;cursor:grab;border:1px solid #00000047;border-radius:4px;width:15px;height:15px;padding:0;position:absolute;box-shadow:0 0 0 2px #fff,0 1px 4px #0006}.s-grad-stop:active{cursor:grabbing}.s-grad-stop i{color:#fff;background:var(--s-accent);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:10.5px;font-style:normal;font-weight:700;display:none;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.s-grad-stop:hover i,.s-grad-stop:active i{display:block}.s-home{background:var(--s-bg);min-height:100vh;color:var(--s-text);grid-template-columns:300px 1fr;display:grid}.s-home-side{border-right:1px solid var(--s-border);background:var(--s-surface);flex-direction:column;gap:22px;padding:20px;display:flex}.s-home-main{flex-direction:column;max-height:100vh;padding:32px 40px;display:flex;overflow-y:auto}.s-home-create{flex-direction:column;gap:8px;display:flex}.s-home-eyebrow{color:var(--s-heading);font-size:12px;font-weight:600;line-height:1.3}.s-home-side hr.s-divider{margin:2px -20px 0}.s-home-recentlink{color:var(--s-text);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:400;display:flex}.s-home-recentlink.is-selected{background:var(--s-surface-2);color:var(--s-text)}.s-home-recentlink b{color:var(--s-text);align-items:center;gap:8px;font-weight:400;display:flex}.s-home-count{color:var(--s-text-2);background:var(--s-surface);border:1px solid var(--s-border);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.s-home-foot{border-top:1px solid var(--s-border);flex-direction:column;gap:10px;margin:auto -20px 0;padding:16px 20px 0;display:flex}.s-home-note{color:var(--s-text-2);align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.4;display:flex}.s-home-note svg{flex:none;margin-top:1px}.s-home-warn{color:var(--s-danger)}.s-home-actionerror{border-radius:var(--s-radius);background:color-mix(in srgb,var(--s-danger) 9%,transparent);border:1px solid color-mix(in srgb,var(--s-danger) 28%,transparent);margin:0 0 16px;padding:11px 14px;font-size:12.5px}.s-home-settings{position:relative}.s-home-menu{z-index:40;background:var(--s-surface);border:1px solid var(--s-border);border-radius:14px;flex-direction:column;gap:4px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 50px #140f0a3d}.s-home-menu-label{color:var(--s-heading);padding:6px 8px 3px;font-size:12px;font-weight:600;line-height:1.3}.s-menu-item{height:38px;color:var(--s-text);text-align:left;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.s-menu-item:hover{background:var(--s-surface-2)}.s-menu-item:disabled{opacity:.4;cursor:default}.s-menu-item:disabled:hover{background:0 0}.s-menu-upgrade{height:38px}.s-home-menu-hint{color:var(--s-text-2);padding:4px 8px 2px;font-size:11px;line-height:1.45}.s-home-account{color:var(--s-text-2);align-items:center;gap:10px;padding:4px 10px 6px;font-size:12px;display:flex}.s-home-account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-menu-account{align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.s-menu-avatar{object-fit:cover;border-radius:9px;flex:none;width:28px;height:28px}.s-menu-avatar.is-initial{background:var(--s-surface);border:1px solid var(--s-border-strong);color:var(--s-text-2);place-items:center;font-size:13px;font-weight:700;display:grid}.s-menu-account-lines{gap:1px;min-width:0;display:grid}.s-menu-account-lines b{color:var(--s-text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;overflow:hidden}.s-menu-account-lines small{color:var(--s-text-2);font-size:11px}.s-menu-sep{background:var(--s-border);height:1px;margin:4px -2px}.s-signin-modal{width:min(420px,100%);max-height:none}.s-signin-body{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:26px 24px 24px;display:flex}.s-signin-copy{max-width:320px;color:var(--s-text-2);margin:0;font-size:12.5px;line-height:1.5}.s-signin-btn{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;place-items:center;min-height:44px;display:grid}.s-signin-status{color:var(--s-text-2);font-size:12.5px}.s-signin-error{color:var(--s-danger);max-width:300px;font-size:12.5px;line-height:1.5}.s-signin-legal{color:var(--s-text-2);max-width:300px;font-size:11px;line-height:1.5}.s-signin-legal a{color:var(--s-text-2);text-underline-offset:2px;text-decoration:underline}.s-signin-legal a:hover{color:var(--s-text)}.s-pop-catcher{z-index:40;position:fixed;inset:0}.s-feedback-pop{background:var(--s-surface-2);border:1px solid var(--s-border-strong);border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 50px #140f0a3d}.s-feedback-pop-head{border-bottom:1px solid var(--s-border);justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 14px 12px;display:flex}.s-feedback-pop-head h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.s-feedback-frame{background:0 0;border:0;flex:1;width:100%;min-height:0}.s-feedback-empty{text-align:center;color:var(--s-text-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:28px 24px;display:flex}.s-feedback-empty p{max-width:300px;font-size:12.5px;line-height:1.5}.s-feedback-empty code{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.s-home-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.s-home-head h1{letter-spacing:-.01em;font-size:22px;font-weight:700}.s-home-head small{color:var(--s-text-2);margin-top:4px;font-size:12.5px;font-weight:500;display:block}.s-home-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.s-card{border:1px solid var(--s-border);border-radius:var(--s-radius-lg);background:var(--s-surface);text-align:left;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s;position:relative;overflow:hidden}.s-card:hover{border-color:var(--s-border-strong);box-shadow:var(--s-shadow)}.s-card:active{transform:translateY(1px)}.s-card.unopenable{cursor:default;opacity:.6}.s-card.unopenable:hover{border-color:var(--s-border);box-shadow:none}.s-card.unopenable:active{transform:none}.s-card.unopenable .s-card-thumb{filter:grayscale()}.s-card-thumb{aspect-ratio:4/3;background:var(--s-surface-2);border-bottom:1px solid var(--s-border);color:var(--s-text-2);place-items:center;display:grid;overflow:hidden}.s-card-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.s-card-meta{padding:16px 22px 18px;display:block}.s-card-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.s-card-meta small{color:var(--s-text-2);margin-top:3px;font-size:11.5px;display:block}.s-card-menu-btn{background:var(--s-surface);border:1px solid var(--s-border);width:30px;height:30px;color:var(--s-text-2);opacity:0;border-radius:8px;place-items:center;transition:opacity .12s,color .12s,background .12s;display:grid;position:absolute;top:8px;right:8px}.s-card:hover .s-card-menu-btn,.s-card:focus-within .s-card-menu-btn{opacity:1}.s-card-menu-btn:hover{background:var(--s-surface-2);color:var(--s-text)}.s-card-menu{z-index:30;background:var(--s-surface);border:1px solid var(--s-border);border-radius:12px;flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute;top:42px;right:8px;box-shadow:0 18px 50px #140f0a3d}.s-menu-item.danger{color:var(--s-danger)}.s-menu-item.danger:hover{background:var(--s-danger-soft,#c83c281a)}.s-legal-root{height:100vh;display:block;overflow:hidden auto}.s-legal{max-width:760px;margin:0 auto;padding:32px 24px 72px}.s-legal-head{border-bottom:1px solid var(--s-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;display:flex}.s-legal-logo img{width:auto;height:22px;display:block}.s-legal-back{color:var(--s-text-2);font-size:13px;font-weight:600;text-decoration:none}.s-legal-back:hover{color:var(--s-text)}.s-legal-body{color:var(--s-text);font-size:14.5px;line-height:1.7}.s-legal-body h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:750}.s-legal-body h2{letter-spacing:-.01em;margin:32px 0 8px;font-size:16px;font-weight:700}.s-legal-updated{color:var(--s-text-2);margin:0 0 24px;font-size:12.5px}.s-legal-body p{margin:0 0 14px}.s-legal-body ul{flex-direction:column;gap:7px;margin:0 0 14px;padding-left:22px;display:flex}.s-legal-body li{padding-left:2px}.s-legal-body ol{margin:0 0 14px;padding-left:22px;list-style:decimal}.s-legal-body ol li{margin-bottom:7px}.s-legal-body a{color:var(--s-accent);text-decoration:none}.s-legal-body a:hover{text-decoration:underline}.s-legal-body strong{font-weight:650}.s-legal-foot{border-top:1px solid var(--s-border);color:var(--s-text-2);align-items:center;gap:10px;margin-top:44px;padding-top:20px;font-size:12.5px;display:flex}.s-legal-foot a{color:var(--s-text-2);text-decoration:none}.s-legal-foot a:hover{color:var(--s-text)}.s-home-empty{text-align:center;border:1.5px dashed var(--s-border-strong);border-radius:var(--s-radius-lg);background:var(--s-surface);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-height:0;padding:40px 24px;display:flex}.s-home-empty-art{-webkit-user-select:none;user-select:none;pointer-events:none;width:min(215px,36vw);height:auto;margin-bottom:18px}.studio:not([data-theme=dark]) .s-home-empty-art{filter:brightness(.92)contrast(1.16)saturate(1.08)}.s-home-empty h2{letter-spacing:-.02em;color:var(--s-text);margin:0;font-size:34px;font-weight:700}.s-home-empty p{max-width:34ch;color:var(--s-text-2);margin:10px 0 0;font-size:14px;line-height:1.55}.s-home-empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.s-home-empty-actions .s-btn{height:44px;padding:0 22px}.s-home-empty>small{color:var(--s-text-dim);margin-top:18px;font-size:11.5px}.s-preset-picker-foot{border-top:1px solid var(--s-border);flex:none;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.s-preset-picker-foot .s-btn.primary:disabled{opacity:1;background:var(--s-surface-2);color:var(--s-text-dim);border:1px solid var(--s-border);cursor:not-allowed;box-shadow:none}.s-preset-picker-foot .s-btn.primary:not(:disabled){box-shadow:0 1px 8px #0000002e}@media (width<=640px){.s-home-empty{padding:36px 16px 40px}.s-home-empty h2{font-size:26px}.s-home-empty-actions{flex-direction:column;width:100%}.s-home-empty-actions .s-btn{justify-content:center;width:100%}}.s-stale-scrim{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080808b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.s-stale-build{border-radius:var(--s-radius-lg);background:var(--s-surface);border:1px solid var(--s-border);width:max-content;max-width:min(400px,90vw);box-shadow:var(--s-shadow);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 28px;display:flex}.s-stale-build b{color:var(--s-text);font-size:14px}.s-stale-build small{max-width:30ch;color:var(--s-text-2);font-size:12px;line-height:1.5}.s-stale-build .s-btn{height:36px;margin-top:4px}.s-chrome-theme{margin-top:10px}.s-pro-scrim{z-index:120;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.s-pro-card{border:1px solid var(--s-border-strong);background:var(--s-surface);border-radius:18px;flex-direction:column;gap:10px;width:min(360px,100%);padding:18px;display:flex;box-shadow:0 30px 80px #00000073}.s-pro-card>header{background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.s-pro-card>b{letter-spacing:-.01em;font-size:18px;font-weight:700}.s-pro-card>p{color:var(--s-text-2);margin:0;font-size:12.5px;line-height:1.5}.s-pro-features{border:1px solid var(--s-border);border-radius:12px;flex-direction:column;margin:4px 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.s-pro-features li{align-items:center;gap:10px;padding:11px 12px;font-size:12.5px;font-weight:600;display:flex}.s-pro-features li+li{border-top:1px solid var(--s-border)}.s-pro-feature-icon{border:1px solid color-mix(in srgb,var(--s-accent) 45%,transparent);background:var(--s-accent-soft);width:26px;height:26px;color:var(--s-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.s-soon{border:1px solid var(--s-border-strong);background:var(--s-surface-2);color:var(--s-text-2);letter-spacing:.06em;border-radius:999px;flex:none;margin-left:auto;padding:1px 6px;font-size:8.5px;font-weight:750;line-height:1.5}.s-pro-foot{color:var(--s-text-2);align-items:center;gap:6px;font-size:11px;display:flex}.s-pro-card>footer{background:0 0;border:0;grid-template-columns:1fr;gap:8px;padding:4px 0 0;display:grid}.s-pro-card>footer .s-btn{justify-content:center}.s-pro-card>footer .s-btn.is-disabled{cursor:wait;opacity:.7;pointer-events:auto}.s-pro-price{text-align:center;color:var(--s-text-2);font-size:11px}.s-intent-status{border:1px solid var(--s-border-strong);background:var(--s-surface);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:min(380px,100%);padding:24px;display:flex;box-shadow:0 30px 80px #00000059}.s-intent-status b{font-size:15px}.s-intent-status p{max-width:310px;color:var(--s-text-2);margin:0;font-size:12.5px;line-height:1.5}.s-intent-spinner{border:2px solid var(--s-border-strong);border-top-color:var(--s-accent);border-radius:50%;width:22px;height:22px;animation:.75s linear infinite s-intent-spin}.s-intent-actions{justify-content:center;gap:8px;margin-top:4px;display:flex}@keyframes s-intent-spin{to{transform:rotate(360deg)}}.s-btn:not(.accent):not(.primary):not(.active):not(.s-cta),.s-seg button:not(.active),.s-select,.s-size-card:not(.active),.s-preset-thumb,.s-link-row,.s-align-ph-grp,.s-hex,.s-bg-preview,.s-bg-preset,.s-object-id,.s-library-trigger,.s-collapse,.s-preset-library-item,.s-screen-file-card,.s-screen-thumb,.s-fit-pill,.s-file-card,.s-device-id,.s-device-id-thumb,.s-num,.s-rot-btn,.s-readout,.s-home-count,.s-card{background:var(--s-tile);box-shadow:none;border-color:#0000}.s-btn:not(.accent):not(.primary):not(.active):not(.s-cta):hover,.s-seg button:not(.active):hover,.s-size-card:not(.active):hover,.s-hex.as-trigger:hover,.s-library-trigger:hover,.s-preset-library-item:hover,.s-card:hover,.s-rot-btn:hover:not(:disabled){background:var(--s-tile-hover);box-shadow:none;border-color:#0000}.s-card.unopenable:hover{background:var(--s-tile);box-shadow:none}.s-cta{color:var(--s-accent);background:var(--s-accent-soft);box-shadow:none;border:0}.s-cta:hover{background:color-mix(in srgb,var(--s-accent) 18%,var(--s-accent-soft));color:var(--s-accent)}.s-cta:disabled{opacity:.55}.s-menu-upgrade.s-cta,.s-menu-upgrade.s-cta:hover,[data-add-object]{color:var(--s-accent)}[data-add-object]:disabled{color:var(--s-text-2)}.s-collapse-head b,.s-library-trigger b,.s-screen-upload-card b,.s-featured-preset-name,.s-size-text b,.s-preset-library-copy b,.s-file-name b,.s-export-tabs>button,.s-export-readout b,.s-export-scale-row>button b,.s-file-card .s-file-meta b,.s-device-id-copy b,.s-tips b,.s-menu-account-lines b{font-weight:600}.s-preset-section-head{color:var(--s-heading);font-weight:600}.s-save-alert{z-index:90;border:1px solid color-mix(in srgb,var(--s-danger) 45%,transparent);border-radius:var(--s-radius);background:var(--s-surface);width:min(340px,100vw - 32px);box-shadow:var(--s-shadow);align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;display:flex;position:fixed;bottom:16px;left:16px}.s-save-alert>div{gap:5px;min-width:0;display:grid}.s-save-alert b{color:var(--s-danger);font-size:13px}.s-save-alert p{color:var(--s-text-2);margin:0;font-size:12px;line-height:1.55}.s-upgrade-modal{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);width:min(392px,100%);box-shadow:var(--s-shadow);position:relative;overflow:hidden}.s-upgrade-close{width:28px;height:28px;color:var(--s-text-2);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.s-upgrade-close:hover{background:var(--s-tile-hover);color:var(--s-text)}.s-upgrade-body{text-align:center;justify-items:center;padding:34px 26px 22px;display:grid}.s-upgrade-badge{background:var(--s-accent);width:54px;height:54px;color:var(--s-surface);box-shadow:0 0 0 7px var(--s-accent-soft),0 6px 18px color-mix(in srgb,var(--s-accent) 30%,transparent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.studio[data-theme=dark] .s-upgrade-badge:not(.waiting){color:#12140d}.s-upgrade-badge.waiting{background:var(--s-tile);color:var(--s-text-2);box-shadow:0 0 0 7px color-mix(in srgb,var(--s-tile) 55%,transparent)}.s-upgrade-spark{color:var(--s-accent);opacity:.65;position:absolute}.s-upgrade-spark.a{top:-6px;left:-12px}.s-upgrade-spark.b{top:2px;right:-16px}.s-upgrade-spark.c{bottom:-4px;right:-6px}.s-upgrade-spark.d{opacity:.4;bottom:2px;left:-16px}.s-upgrade-body h2{letter-spacing:-.02em;color:var(--s-text);text-wrap:balance;margin:18px 0 0;font-size:20px;font-weight:700}.s-upgrade-body p{color:var(--s-text-2);text-wrap:pretty;margin:10px 0 0;padding-inline:4px;font-size:12.5px;line-height:1.7}.s-upgrade-facts{border:1px solid var(--s-border);border-radius:var(--s-radius);background:var(--s-tile);grid-template-columns:repeat(3,1fr);align-items:start;width:100%;margin-top:22px;display:grid}.s-upgrade-facts>div{text-align:center;justify-items:center;gap:8px;padding:15px 6px;display:grid}.s-upgrade-facts>div+div{border-left:1px solid var(--s-border)}.s-upgrade-facts svg{color:var(--s-accent)}.s-upgrade-facts span{color:var(--s-text);font-size:12px;font-weight:600;line-height:1.3}.s-upgrade-ref{color:var(--s-text-2);margin:16px 0 0;font-size:11.5px}.s-upgrade-ref code{font-family:var(--s-mono,ui-monospace,SFMono-Regular,Menlo,monospace);color:var(--s-text);background:var(--s-tile);border-radius:5px;padding:2px 6px;font-size:11px}.s-upgrade-modal>footer{padding:0 26px 26px}.s-upgrade-modal>footer .s-btn{justify-content:center;width:100%;height:44px;font-size:13.5px}@keyframes s-upgrade-badge-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes s-upgrade-spark-in{0%{opacity:0;transform:scale(0)}to{opacity:.65;transform:scale(1)}}@keyframes s-upgrade-tick-in{0%{stroke-dashoffset:26px}to{stroke-dashoffset:0}}.s-upgrade-badge{animation:.34s cubic-bezier(.2,1.3,.5,1) both s-upgrade-badge-in}.s-upgrade-spark{animation:.3s ease-out .22s both s-upgrade-spark-in}.s-upgrade-tick{stroke-dasharray:26;animation:.3s ease-out .16s both s-upgrade-tick-in}@media (prefers-reduced-motion:reduce){.s-upgrade-badge,.s-upgrade-spark,.s-upgrade-tick{animation:none}.s-upgrade-tick{stroke-dasharray:none}}.studio.s-two-pane{grid-template-columns:300px 1fr;grid-template-areas:"left canvas"}.s-nfi-hint{color:var(--s-text-2);align-items:baseline;gap:6px;margin:0;font-size:12px;line-height:1.5;display:flex}.s-nfi-error{color:var(--s-danger);margin:0;font-size:12px;line-height:1.5}.s-nfi-tip{border-radius:var(--s-radius);background:var(--s-accent-soft);border:1px solid color-mix(in srgb,var(--s-accent) 30%,transparent);align-items:flex-start;gap:9px;margin:0;padding:11px 12px;display:flex}.s-nfi-tip>svg{color:var(--s-accent);flex:none;margin-top:1px}.s-nfi-tip>div{flex-direction:column;gap:3px;min-width:0;display:flex}.s-nfi-tip b{color:var(--s-text);font-size:12px;font-weight:650}.s-nfi-tip span{color:var(--s-text-2);font-size:11.5px;line-height:1.5}.s-nfi-tip.is-note{background:var(--s-tile);border-color:var(--s-border);align-items:center}.s-nfi-tip.is-note>svg{color:var(--s-text-3);margin-top:0}.s-nfi-tip.is-warn{background:color-mix(in srgb,var(--s-danger) 9%,transparent);border-color:color-mix(in srgb,var(--s-danger) 28%,transparent);align-items:center}.s-nfi-tip.is-warn>svg{color:var(--s-danger);margin-top:0}.s-nfi-canvas-note{z-index:5;border-radius:var(--s-radius);background:var(--s-panel);border:1px solid var(--s-border);pointer-events:none;align-items:center;gap:8px;max-width:min(92%,460px);margin:0;padding:9px 13px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000002e}.s-nfi-canvas-note>svg{color:var(--s-accent);flex:none}.s-nfi-canvas-note span{color:var(--s-text-2);font-size:12px;line-height:1.45}.s-nfi-drop{border-radius:var(--s-radius);cursor:pointer;border:1px dashed var(--s-border-strong);background:var(--s-tile);min-height:104px;color:var(--s-text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:11.5px;transition:background .15s,border-color .15s;display:flex}.s-nfi-drop:hover{background:var(--s-tile-hover);border-color:var(--s-accent)}.s-nfi-drop b{color:var(--s-text);font-size:13px}.s-nfi-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.s-nfi-file-actions{gap:6px;display:flex}.s-nfi-file-actions .s-btn{flex:1}.studio .s-nfi-file-actions label.s-btn,.studio .s-nfi-drop{margin:0}.s-nfi-file-actions .s-btn,.s-nfi-row .s-btn{white-space:nowrap;justify-content:center;gap:6px;padding-inline:10px;font-size:12px}.s-nfi-explain{flex-direction:column;flex:1;align-items:flex-start;gap:14px;width:100%;min-height:0;display:flex}.s-nfi-explain h3{letter-spacing:.01em;color:var(--s-text);margin:0 0 2px;font-size:12.5px;font-weight:700}.s-nfi-explain p{color:var(--s-text-2);margin:0;font-size:12.5px;line-height:1.65}.s-nfi-explain b{color:var(--s-text);font-weight:650}.s-nfi-point{align-items:center;gap:12px;display:flex}.s-nfi-point svg{color:var(--s-text-3);flex:none}.s-nfi-explain .s-nfi-swatches{flex-wrap:wrap;gap:8px;margin:-4px 0 0 28px;display:flex}.s-nfi-swatch{background:var(--s-tile);border-radius:9px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.s-nfi-swatch i{border-radius:50%;flex:none;width:9px;height:9px}.s-nfi-swatch code{font-family:var(--s-mono,ui-monospace,SFMono-Regular,Menlo,monospace);color:var(--s-text-2);font-size:11.5px}.s-nfi-rule{background:var(--s-border);border:0;width:100%;height:1px;margin:2px 0}.s-nfi-choose{border:1.5px dashed var(--s-border-strong);width:100%;min-height:160px;color:var(--s-text-2);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:22px 18px;transition:border-color .15s,background .15s,color .15s;display:flex}.s-nfi-choose:hover,.s-nfi-choose.dropping{border-color:var(--s-accent);background:var(--s-accent-soft);color:var(--s-text-2)}.s-nfi-choose.dropping{box-shadow:0 0 0 3px var(--s-ring)}.s-nfi-choose:focus-within{outline:2px solid var(--s-accent);outline-offset:3px}.s-nfi-choose b{color:var(--s-text);font-size:14px;font-weight:680}.s-nfi-choose small{color:var(--s-text-2);font-size:11.5px}.s-nfi-preview{border-radius:var(--s-radius);background:var(--s-tile);line-height:0;overflow:hidden}.s-nfi-preview img{object-fit:contain;width:100%;height:auto;max-height:180px;display:block}.s-nfi-readout{border-radius:var(--s-radius);background:var(--s-tile);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.s-nfi-readout b{color:var(--s-text);font-size:13px}.s-nfi-readout small{color:var(--s-text-2);font-size:11.5px;line-height:1.45}.s-nfi-empty{color:var(--s-text-2);font-size:13px}.s-nfi-stage{max-width:100%;max-height:100%;line-height:0;position:relative}.s-nfi-stage canvas{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 56px);box-shadow:var(--s-shadow);border-radius:6px}.s-nfi-stage.adjusting{cursor:default;touch-action:none}.s-nfi-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.s-nfi-outline-edge{fill:none;stroke:var(--s-accent);stroke-width:2px;vector-effect:non-scaling-stroke}.s-nfi-handle{border:2px solid var(--s-accent);pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 1px 4px #00000059}.s-nfi-stage.adjusting .s-nfi-handle{pointer-events:auto}.s-nfi-stage.adjusting .s-nfi-outline-hit{fill:none;stroke:#0000;stroke-width:18px;vector-effect:non-scaling-stroke;pointer-events:stroke}.s-nfi-stage.adjusting .s-nfi-move-zone{fill:#0000;pointer-events:fill;cursor:move}.s-nfi-stage.adjusting .s-nfi-move-zone:active{cursor:grabbing}