.app-shell{--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-section-padding-x:14px;--ds-section-padding-y:18px;--ds-control-height:32px;--ds-radius-control:6px;--ds-radius-card:8px;--ds-font-size-label:11px;--ds-font-size-control:12px;--ds-font-weight-medium:600;--ds-font-weight-semibold:700;--ds-text-primary:#242424;--ds-text-secondary:#626262;--ds-text-tertiary:#818181;--ds-surface-raised:#fff;--ds-surface-subtle:#f7f7f7;--ds-surface-input:#fff;--ds-surface-control:#fff;--ds-surface-control-hover:#f6f6f6;--ds-surface-hover:#0000000d;--ds-surface-segmented:#ededed;--ds-border-subtle:#e4e4e4;--ds-border-control:#dcdcdc;--ds-border-control-hover:#c6c6c6;--ds-focus:#1e1e1e;--ds-action-primary:#1e1e1e;--ds-action-primary-hover:#000;--ds-action-primary-text:#fff;--ds-shadow-control:0 1px 2px #0000001a, 0 0 0 1px #00000008}.app-shell[data-theme=dark]{--ds-text-primary:#eee;--ds-text-secondary:#b7b7b7;--ds-text-tertiary:#999;--ds-surface-raised:#404040;--ds-surface-subtle:#2d2d2d;--ds-surface-input:#222;--ds-surface-control:#303030;--ds-surface-control-hover:#3a3a3a;--ds-surface-hover:#ffffff14;--ds-surface-segmented:#1d1d1d;--ds-border-subtle:#424242;--ds-border-control:#505050;--ds-border-control-hover:#696969;--ds-focus:#fff;--ds-action-primary:#fff;--ds-action-primary-hover:#ddd;--ds-action-primary-text:#171717;--ds-shadow-control:0 1px 2px #00000061}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f7;--panel:#fff;--panel-soft:#fafafa;--line:#d9dde3;--line-strong:#b8c0cc;--text:#171a1f;--muted:#68707d;--accent:#276ef1;--accent-strong:#164ec5;--good:#0d8f68;--warn:#c67814;--danger:#c83d3d;--shadow:0 18px 48px #1218201a}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0}.app-shell{grid-template-rows:44px minmax(0,1fr);height:100vh;min-height:720px;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:0 12px 0 6px;display:flex}.topbar-left{align-items:center;gap:2px;min-width:0;display:flex}.home-button{color:#2f3742;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;transition:background .14s,border-color .14s,color .14s;display:grid}.home-button:hover{color:#11151a;background:#f3f5f8}.history-controls{flex:none;align-items:center;gap:1px;margin-right:2px;display:flex}.history-button:disabled{opacity:.32}.history-button{flex:0 0 30px;width:30px;min-height:30px;padding:0}.history-button svg{flex:none;width:15px;height:15px}.work-title-button{color:#20262e;cursor:text;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;max-width:min(42vw,440px);min-height:30px;padding:0 8px;font-size:13px;font-weight:720;line-height:1;overflow:hidden}.work-title-button:hover{border-color:var(--line);background:var(--panel-soft)}.work-title-input{color:#20262e;background:#f5f5f5;border:0;border-radius:6px;outline:0;width:min(42vw,440px);height:30px;padding:0 8px;font-size:13px;font-weight:720;box-shadow:0 0 0 2px #276ef12e}.topbar-actions{align-items:center;gap:8px;display:flex}.presentation-trigger.active{border-color:var(--accent);color:var(--accent-strong)}.save-action{min-width:86px}.text-button.save-action.outline{border-color:var(--line-strong);color:#20262e;background:#fff}.text-button.save-action.saving{border-color:var(--line-strong);color:#20262e;background:#f6f8fb}.spin-icon{animation:.9s linear infinite spin}.status-pill{border:1px solid var(--line);background:var(--panel-soft);min-height:24px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:11px;display:inline-flex}.status-dot{background:var(--good);border-radius:50%;width:6px;height:6px}.workspace{grid-template-columns:280px minmax(0,1fr) 360px;min-height:0;display:grid}.layers-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.viewport-panel{background:#151a20;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport-split{min-width:0;min-height:0;display:flex;position:absolute;inset:0}.svg-editor-slot,.model-preview-slot{min-width:0;min-height:0;position:relative;overflow:hidden}.svg-editor-slot{opacity:0;will-change:flex-basis, width, opacity, transform;border-right:0;flex:0 0 0;width:0;transition:flex-basis .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1),opacity .18s,transform .32s cubic-bezier(.22,1,.36,1);transform:translate(-12px)}.svg-editor-slot:after{z-index:10;content:"";pointer-events:none;background:#8088948c;width:1px;position:absolute;top:0;bottom:0;right:0;box-shadow:1px 0 #0000002e}.model-preview-slot{will-change:width;flex:1 1 0;width:100%;transition:width .36s cubic-bezier(.22,1,.36,1)}.viewport-panel.svg-mode .svg-editor-slot{opacity:1;flex-basis:50%;width:50%;transform:translate(0)}.canvas-settings [data-tooltip]{position:relative}.canvas-settings [data-tooltip]:after{z-index:40;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#1c1c1cf5;border:1px solid #ffffff1f;border-radius:5px;max-width:160px;padding:6px 7px;font-size:10px;font-weight:500;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px)}.canvas-settings [data-tooltip]:hover:after,.canvas-settings [data-tooltip]:focus-visible:after,.canvas-settings [data-tooltip]:focus-within:after{opacity:1;transform:translate(-50%)}.svg-editor-panel{background:var(--ds-surface-subtle);width:100%;min-width:280px;height:100%;color:var(--ds-text-primary);grid-template-rows:minmax(0,1fr);display:grid;position:relative}.svg-editor-stage{min-height:0;position:relative;overflow:hidden}.svg-edit-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.svg-edit-canvas:active{cursor:grabbing}.svg-edit-canvas>g:first-child{pointer-events:none}.svg-selected-path{fill:#276ef124;stroke:#55a4ff;stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.svg-handle-line{stroke:#89bfff;stroke-width:1px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke;pointer-events:none}.svg-anchor{fill:#fff;stroke:#2f8ef4;stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:move}.svg-anchor[data-selected=true]{fill:#fff;stroke:#176fd1;stroke-width:3px;filter:drop-shadow(0 1px 2px #176fd14d)}.svg-curve-handle{fill:#55a4ff;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke;cursor:move}.svg-editor-empty{color:var(--ds-text-tertiary);font-size:var(--ds-font-size-label);text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.svg-optimize-popover{bottom:var(--ds-space-3);left:var(--ds-space-3);z-index:3;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-card);background:color-mix(in srgb, var(--ds-surface-raised) 94%, transparent);width:146px;height:34px;color:var(--ds-text-primary);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);align-items:center;gap:0;padding:3px 8px;transition:width .22s cubic-bezier(.22,1,.36,1),gap .22s,border-color .12s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 24px #00000029}.svg-optimize-popover:hover,.svg-optimize-popover:focus-within{gap:var(--ds-space-3);border-color:var(--ds-border-control-hover);width:min(270px,100% - 24px)}.svg-optimize-popover.disabled{opacity:.48}.svg-optimize-popover.disabled .svg-optimize-input{pointer-events:none}.svg-optimize-label{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold);letter-spacing:.035em;white-space:nowrap;flex:none;display:inline-flex}.svg-optimize-label svg{color:var(--ds-text-tertiary)}.svg-optimize-input{opacity:0;flex:1 0 106px;width:0;min-width:0;transition:opacity .14s,transform .22s cubic-bezier(.22,1,.36,1);transform:translate(-5px)}.svg-optimize-popover:hover .svg-optimize-input,.svg-optimize-popover:focus-within .svg-optimize-input{opacity:1;transform:translate(0)}.canvas-settings{z-index:20;color:#e6edf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#0c1015c2;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:7px;padding:7px;display:flex;position:absolute;bottom:12px;left:12px}.canvas-toolbar-divider{background:#ffffff24;width:1px;height:18px;margin:0 2px}.canvas-tool-button{color:#aeb5bf;cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:28px;height:28px;transition:background .12s,color .12s;display:grid}.canvas-tool-button:hover{color:#fff;background:#ffffff17}.canvas-tool-button.active{color:#6da5ff;background:#4084ff2b}.svg-mode-toggle{gap:6px;width:auto;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.canvas-color{color:#aeb5bf;border-radius:6px;place-items:center;width:28px;height:28px;min-height:0;transition:color .12s;display:inline-grid;position:relative}.canvas-color:hover{color:#fff}.canvas-color input{appearance:none;border-radius:inherit;width:100%;height:100%;box-shadow:none;cursor:pointer;color:inherit;opacity:0;background:0 0;border:0;outline:0;padding:0;position:absolute;inset:0}.canvas-color-swatch{pointer-events:none;border:1px solid;border-radius:6px;width:20px;height:20px;box-shadow:inset 0 0 0 .5px #ffffff1a}.canvas-wrap{z-index:1;width:100%;height:100%;position:absolute;inset:0}.canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.presentation-dialog-shell{z-index:100;background:#090c1070;height:calc(100vh - 44px);animation:.26s both presentation-backdrop-in;position:fixed;inset:44px 0 0;overflow:hidden}.presentation-dialog-shell.closing{animation:.26s both presentation-backdrop-out}.presentation-dialog{color:#edf3fa;background:#0d1117;grid-template-rows:48px minmax(0,1fr);animation:.26s cubic-bezier(.2,.8,.2,1) both presentation-dialog-in;display:grid;position:absolute;inset:0;box-shadow:0 -18px 52px #0000003d}.presentation-dialog[data-state=closing]{animation:.26s cubic-bezier(.4,0,.8,.2) both presentation-dialog-out}.presentation-dialog-header{background:#0d1117f0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 12px 0 16px;display:flex}.presentation-dialog-title{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:780;display:inline-flex}.presentation-close{color:#edf3fa;background:#ffffff14;border-color:#ffffff29}.presentation-close:hover,.presentation-close:focus-visible{color:#fff;background:#ffffff24;border-color:#ffffff57}.presentation-close:active{color:#fff;background:#fff3;border-color:#ffffff6b}.presentation-dialog-body{grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.presentation-preview-stage{background-color:#20262f;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff14 75%),linear-gradient(-45deg,#0000 75%,#ffffff14 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;min-width:0;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.presentation-preview-export-frame{aspect-ratio:1;width:min(100%,72vmin);min-width:0;min-height:0;position:relative}.presentation-export-boundary{z-index:1;pointer-events:none;border:1px solid #ffffffad;position:absolute;inset:0;box-shadow:0 0 0 1px #0000004d,0 0 0 9999px #090c101a}.presentation-export-boundary:before,.presentation-export-boundary:after{content:"";border-color:#fff;width:18px;height:18px;position:absolute}.presentation-export-boundary:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.presentation-export-boundary:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.presentation-controls-panel{min-width:0;min-height:0;color:var(--text);background:#fff;border-left:1px solid #ffffff1a;overflow:auto}.presentation-scale-field{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;min-width:0;display:grid}.presentation-scale-field input{width:100%;accent-color:var(--accent-strong)}.presentation-scale-field small{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:11px;font-weight:680}.settings-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.panel-scroll{min-height:0;padding:12px 0;overflow:auto}.title-switch{cursor:pointer;align-items:center;display:inline-flex}.title-switch input{opacity:0;pointer-events:none;position:absolute}.title-switch input:checked+.switch-track{background:var(--accent)}.title-switch input:checked+.switch-track:after{transform:translate(16px)}.control-row{grid-template-columns:minmax(0,1fr) minmax(128px,44%);align-items:center;gap:12px;min-height:32px;display:grid}.control-row.stack{grid-template-columns:1fr;gap:6px}.control-row.inline{grid-template-columns:minmax(0,1fr) minmax(128px,44%);align-items:center;gap:12px}.label-line{color:#2d333b;justify-content:flex-start;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.control-field{justify-content:flex-end;align-items:center;min-width:0;display:flex}.control-field.with-reset{gap:6px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.export-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.export-button{border-radius:7px;width:100%;min-height:44px;font-size:13px;font-weight:760}.upload-dropzone{color:#424b57;cursor:pointer;text-align:center;background:#f0f2f5;border:1px dashed #aeb6c2;border-radius:6px;place-items:center;gap:5px;min-height:118px;padding:14px;display:grid}.upload-dropzone svg{color:#6d7785}.upload-dropzone span{font-size:12px;font-weight:700}.upload-dropzone small{color:var(--muted);font-size:11px}.upload-dropzone.drag-active{border-color:var(--accent);color:var(--accent-strong);background:#e8f0ff}.export-queue-dropdown{display:inline-flex;position:relative}.export-queue-trigger{position:relative}.export-queue-trigger.active{border-color:var(--accent);color:var(--accent-strong)}.export-queue-badge{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:820;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.export-queue-panel{z-index:80;width:min(360px,100vw - 36px);color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#fffffff0;border:1px solid #1a202824;border-radius:8px;padding:10px;position:fixed;bottom:18px;right:18px;box-shadow:0 20px 54px #0f172133}.home-shell .export-queue-panel{color:#eef3f8;background:#14191fdb;border-color:#ffffff24;bottom:84px;box-shadow:0 20px 54px #00000061}.export-queue-panel.export-queue-menu{z-index:120;width:min(350px,100vw - 24px);position:absolute;top:calc(100% + 8px);bottom:auto;right:0}.export-queue-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;font-weight:760;display:flex}.export-queue-header small{min-width:20px;height:20px;color:var(--accent-strong);background:#276ef11f;border-radius:999px;place-items:center;font-size:11px;display:grid}.home-shell .export-queue-header small{color:#eef3f8;background:#ffffff1f}.export-queue-empty{min-height:76px;color:var(--muted);place-items:center;font-size:12px;font-weight:650;display:grid}.export-queue-list{gap:8px;max-height:min(380px,100vh - 104px);padding-right:2px;display:grid;overflow:auto}.export-queue-item{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;display:grid}.export-queue-icon{width:24px;height:24px;color:var(--muted);background:#edf1f6;border-radius:999px;place-items:center;display:grid}.home-shell .export-queue-icon{color:#c8d2dd;background:#ffffff1a}.export-queue-icon[data-status=running]{color:var(--accent)}.export-queue-icon[data-status=completed]{color:var(--good)}.export-queue-icon[data-status=failed]{color:var(--danger)}.export-queue-icon span{background:currentColor;border-radius:999px;width:7px;height:7px}.export-queue-content{min-width:0}.export-queue-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;font-size:12px;font-weight:720;line-height:1.2;display:flex}.export-queue-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-queue-title small,.export-queue-status{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:560}.home-shell .export-queue-title small,.home-shell .export-queue-status{color:#aeb9c6}.export-progress-track{background:#e5e9ef;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.home-shell .export-progress-track{background:#ffffff1f}.export-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#276ef1,#0d8f68);height:100%;transition:width .18s;display:block}.export-queue-footer{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.export-queue-status{text-overflow:ellipsis;min-width:0;margin-top:4px;overflow:hidden}.export-queue-actions{flex:none;align-items:center;gap:4px;margin-top:4px;display:inline-flex}.export-queue-action{border:1px solid var(--line);color:#46505d;cursor:pointer;background:#fff;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid}.export-queue-action:hover{border-color:var(--line-strong);color:var(--accent-strong)}.home-shell .export-queue-action{color:#d9e2ec;background:#ffffff14;border-color:#ffffff24}.home-shell .export-queue-action:hover{color:#fff;border-color:#ffffff3d}.switch{color:#2d333b;cursor:pointer;grid-template-columns:34px auto;align-items:center;gap:8px;font-size:12px;display:inline-grid}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#c7cdd5;border-radius:999px;width:34px;height:18px;transition:background .16s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(16px)}.layer-list{gap:3px;display:grid}.layer-item{color:#303740;cursor:pointer;border-radius:6px;grid-template-columns:14px minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:32px;margin-inline:-8px;padding:0 4px 0 8px;display:grid}.layer-item:hover,.layer-item.hovered,.layer-item:focus-visible,.layer-item:focus-within{background:#f3f5f8;outline:0}.layer-item.selected{color:var(--accent-strong);background:#eef4ff}.layer-name-button{min-width:0;color:inherit;cursor:text;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px;font-weight:620;overflow:hidden}.layer-name-input{color:#20262e;background:#f5f5f5;border:0;border-radius:5px;outline:0;width:100%;min-width:0;height:24px;padding:0 6px;font-size:12px;box-shadow:0 0 0 2px #276ef12e}.layer-name-button,.layer-name-input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-eye{color:#5f6b7a;opacity:0;pointer-events:none;background:0 0;border:0;width:28px;min-height:28px;padding:0}.layer-item:hover .layer-eye,.layer-item.hovered .layer-eye,.layer-item:focus-within .layer-eye{opacity:1;pointer-events:auto}.layer-eye:hover{background:#0000000f}.empty-panel{border:1px dashed var(--line-strong);color:var(--muted);border-radius:6px;padding:12px;font-size:12px;line-height:1.4}.color-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-field{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px;min-width:0;display:grid}.color-control{color:#303740;cursor:pointer;background:#f5f5f5;border-radius:6px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:32px;padding:0 8px;display:grid;position:relative;overflow:hidden}.color-control:focus-within{box-shadow:0 0 0 2px #276ef12e}.color-swatch{border-radius:4px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000001f}.color-value{font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.hidden-input{display:none}.material-swatch{vertical-align:-2px;border:1px solid #00000038;border-radius:3px;width:12px;height:12px;display:inline-block}.empty-state{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.app-shell:not(.loading-shell){--bg:#e7e7e7;--panel:#fff;--panel-soft:#f7f7f7;--line:#e5e5e5;--line-strong:#d1d1d1;--text:#1e1e1e;--muted:#7a7a7a;--accent:#1e1e1e;--accent-strong:#000;background:#e7e7e7;grid-template-rows:48px minmax(0,1fr);min-height:560px}.app-shell:not(.loading-shell) .topbar{z-index:200;-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#fffffff5;border-bottom-color:#dedede;padding:0 10px 0 8px;position:relative;box-shadow:0 1px #00000008}.app-shell:not(.loading-shell) .topbar-left{gap:5px}.app-shell:not(.loading-shell) .home-button,.app-shell:not(.loading-shell) .icon-button{color:#4a4a4a;background:0 0;border:1px solid #0000;border-radius:7px;width:30px;height:30px;min-height:30px}.app-shell:not(.loading-shell) .home-button:hover,.app-shell:not(.loading-shell) .icon-button:hover{color:#1e1e1e;background:#f3f3f3;border-color:#e7e7e7}.app-shell:not(.loading-shell) .work-title-button,.app-shell:not(.loading-shell) .work-title-input{color:#252525;border-radius:6px;height:30px;min-height:30px;font-size:12px;font-weight:600}.app-shell:not(.loading-shell) .work-title-button{padding-inline:7px}.app-shell:not(.loading-shell) .work-title-button:hover{background:#f3f3f3;border-color:#0000}.app-shell:not(.loading-shell) .work-title-input{border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent);background:#fff}.app-shell:not(.loading-shell) .topbar-actions{gap:4px}.app-shell:not(.loading-shell) .presentation-trigger.active,.app-shell:not(.loading-shell) .export-queue-trigger.active{color:#111;background:#e8e8e8;border-color:#00000029}.app-shell:not(.loading-shell) .save-action{border-radius:7px;min-width:76px;min-height:30px;font-size:12px;font-weight:600}.app-shell:not(.loading-shell) .text-button.save-action.outline,.app-shell:not(.loading-shell) .text-button.save-action.saving{background:#f3f3f3;border-color:#0000}.app-shell:not(.loading-shell) .workspace{background:#e7e7e7;grid-template-columns:240px minmax(0,1fr) 300px;gap:0}.app-shell:not(.loading-shell) .layers-sidebar,.app-shell:not(.loading-shell) .settings-panel{z-index:10;box-shadow:none;background:#fff;border-color:#dedede;position:relative}.sidebar-header{color:#333;border-bottom:1px solid #ededed;flex:0 0 40px;justify-content:space-between;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.sidebar-header-title{letter-spacing:.01em;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.sidebar-header-title svg{color:#5b5b5b}.sidebar-header-meta{color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;overflow:hidden}.app-shell:not(.loading-shell) .panel-scroll{scrollbar-color:#d3d3d3 transparent;scrollbar-width:thin;padding:0}.app-shell:not(.loading-shell) .panel-section{padding:14px 12px 18px}.app-shell:not(.loading-shell) .panel-section:first-child{padding-top:14px}.app-shell:not(.loading-shell) .panel-section+.panel-section{margin-top:0}.app-shell:not(.loading-shell) .panel-section:not(:last-child):after{background:#ededed;left:12px;right:12px}.app-shell:not(.loading-shell) .section-title{color:#4a4a4a;letter-spacing:.055em;text-transform:uppercase;gap:6px;margin-bottom:11px;font-size:10px;font-weight:650}.app-shell:not(.loading-shell) .section-title svg{display:none}.app-shell:not(.loading-shell) .control-stack{gap:8px}.app-shell:not(.loading-shell) .control-row,.app-shell:not(.loading-shell) .control-row.inline{grid-template-columns:minmax(0,1fr) minmax(112px,46%);gap:8px;min-height:28px}.app-shell:not(.loading-shell) .label-line{color:#4b4b4b;font-size:11px}.app-shell:not(.loading-shell) .numeric-field,.app-shell:not(.loading-shell) .select-input,.app-shell:not(.loading-shell) .color-control{background:#f3f3f3;border:1px solid #0000;border-radius:5px;height:28px;transition:border-color .12s,background .12s,box-shadow .12s}.app-shell:not(.loading-shell) .numeric-field:hover,.app-shell:not(.loading-shell) .select-input:hover,.app-shell:not(.loading-shell) .color-control:hover{background:#f7f7f7;border-color:#dedede}.app-shell:not(.loading-shell) .numeric-field:focus-within,.app-shell:not(.loading-shell) .color-control:focus-within,.app-shell:not(.loading-shell) .select-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#fff}.app-shell:not(.loading-shell) .numeric-input,.app-shell:not(.loading-shell) .color-value,.app-shell:not(.loading-shell) .select-input{color:#333;font-size:11px;font-weight:500}.app-shell:not(.loading-shell) .numeric-drag-zone:hover{background:#e9e9e9}.app-shell:not(.loading-shell) .segmented{background:#ededed;border:0;border-radius:6px;gap:1px;padding:2px}.app-shell:not(.loading-shell) .segment{color:#626262;border-radius:4px;min-height:25px;font-size:10px;font-weight:550}.app-shell:not(.loading-shell) .segment:hover{background:#ffffff85}.app-shell:not(.loading-shell) .segment.active{color:#222;background:#fff;box-shadow:0 1px 2px #0000001a,0 0 0 1px #00000008}.app-shell:not(.loading-shell) .material-select-trigger{background:#f3f3f3;border:1px solid #0000;border-radius:5px;height:30px;padding-right:7px}.app-shell:not(.loading-shell) .material-select-trigger:hover{border-color:#dedede}.app-shell:not(.loading-shell) .material-select-trigger[aria-expanded=true],.app-shell:not(.loading-shell) .material-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#fff}.app-shell:not(.loading-shell) .material-preview{width:24px;height:24px}.app-shell:not(.loading-shell) .material-select-name{font-size:11px}.app-shell:not(.loading-shell) .material-select-menu,.app-shell:not(.loading-shell) .export-queue-panel.export-queue-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000001a;border-radius:9px;box-shadow:0 12px 32px #00000029,0 2px 8px #00000014}.app-shell:not(.loading-shell) .material-select-option{min-height:38px}.app-shell:not(.loading-shell) .material-select-option:hover,.app-shell:not(.loading-shell) .material-select-option.selected{background:#ededed}.app-shell:not(.loading-shell) .upload-dropzone{color:#4b4b4b;background:#fafafa;border-color:#d0d0d0;border-radius:8px;gap:3px;min-height:88px;transition:border-color .14s,background .14s,color .14s}.app-shell:not(.loading-shell) .upload-dropzone:hover{color:#222;background:#f5f5f5;border-color:#999}.app-shell:not(.loading-shell) .upload-dropzone.drag-active{border-color:var(--accent);color:#111;background:#ededed}.app-shell:not(.loading-shell) .upload-dropzone span{font-size:11px;font-weight:600}.app-shell:not(.loading-shell) .upload-dropzone small{font-size:10px}.app-shell:not(.loading-shell) .layer-list{gap:1px}.app-shell:not(.loading-shell) .layer-item{color:#424242;border-radius:5px;grid-template-columns:12px minmax(0,1fr) 26px;gap:7px;min-height:30px;margin-inline:-6px;padding-left:7px}.app-shell:not(.loading-shell) .layer-item:hover,.app-shell:not(.loading-shell) .layer-item.hovered,.app-shell:not(.loading-shell) .layer-item:focus-visible,.app-shell:not(.loading-shell) .layer-item:focus-within{background:#f2f2f2}.app-shell:not(.loading-shell) .layer-item.selected{color:#111;background:#e4e4e4}.app-shell:not(.loading-shell) .layer-name-button,.app-shell:not(.loading-shell) .layer-name-input{font-size:11px;font-weight:500}.app-shell:not(.loading-shell) .material-swatch{border-color:#00000029;border-radius:2px;width:10px;height:10px}.app-shell:not(.loading-shell) .switch-track{background:#b7b7b7;width:28px;height:16px}.app-shell:not(.loading-shell) .switch-track:after{width:12px;height:12px;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.app-shell:not(.loading-shell) .switch input:checked+.switch-track:after,.app-shell:not(.loading-shell) .title-switch input:checked+.switch-track:after,.app-shell:not(.loading-shell) .compact-switch.active .switch-track:after{transform:translate(12px)}.app-shell:not(.loading-shell) .mini-action{color:#555;background:#f3f3f3;border-radius:5px;font-size:10px;font-weight:550}.app-shell:not(.loading-shell) .mini-action:hover{color:#222;background:#e7e7e7}.app-shell:not(.loading-shell) .text-button,.app-shell:not(.loading-shell) .file-button{color:#333;background:#fff;border-color:#d8d8d8;border-radius:6px;min-height:30px;font-size:11px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms}.app-shell:not(.loading-shell) .text-button:hover,.app-shell:not(.loading-shell) .file-button:hover{background:#f7f7f7;border-color:#bcbcbc}.app-shell:not(.loading-shell) .text-button:active,.app-shell:not(.loading-shell) .file-button:active{transform:translateY(1px)}.app-shell:not(.loading-shell) .text-button.primary,.app-shell:not(.loading-shell) .file-button.primary{color:#fff;background:#1e1e1e;border-color:#1e1e1e}.app-shell:not(.loading-shell) .text-button.primary:hover,.app-shell:not(.loading-shell) .file-button.primary:hover{background:#000;border-color:#000}.app-shell:not(.loading-shell) .export-button{min-height:36px}.app-shell:not(.loading-shell) .viewport-panel{background:#d9d9d9;margin:0;box-shadow:inset 0 0 0 1px #00000005}.viewport-chrome{z-index:20;color:#333;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#ffffffe6;border:1px solid #0000001f;border-radius:8px;align-items:center;max-width:min(420px,100% - 32px);min-height:28px;display:inline-flex;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.viewport-mode{white-space:nowrap;border-right:1px solid #00000014;flex:none;padding:0 9px;font-size:10px;font-weight:650}.viewport-status{color:#777;text-overflow:ellipsis;white-space:nowrap;padding:0 9px;font-size:10px;overflow:hidden}.app-shell:not(.loading-shell) .canvas-settings{color:#f5f5f5;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#232323eb;border:1px solid #00000029;border-radius:10px;gap:4px;padding:5px 6px;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000038}.app-shell:not(.loading-shell) .canvas-color{border-radius:6px;width:28px;height:28px;min-height:0;padding:0}.app-shell:not(.loading-shell) .canvas-color input{border-radius:inherit;width:100%;height:100%}.app-shell:not(.loading-shell) .empty-panel{color:#888;background:#fafafa;border-color:#d0d0d0;border-radius:7px;font-size:11px}.app-shell[data-theme=light] .presentation-dialog-header{color:#1e1e1e;background:#fffffff5;border-bottom-color:#dedede}.app-shell[data-theme=light] .presentation-close{color:#333;background:#fff;border-color:#d5d5d5}.app-shell[data-theme=light] .presentation-close:hover,.app-shell[data-theme=light] .presentation-close:focus-visible{color:#111;background:#f2f2f2;border-color:#bdbdbd}.app-shell[data-theme=light] .presentation-close:active{color:#000;background:#e8e8e8;border-color:#aaa}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e1e;--panel:#252525;--panel-soft:#303030;--line:#383838;--line-strong:#4a4a4a;--text:#f0f0f0;--muted:#9b9b9b;--accent:#fff;--accent-strong:#fff;background:#1e1e1e}.app-shell[data-theme=dark] .topbar{background:#242424f5;border-bottom-color:#3a3a3a;box-shadow:0 1px #0000004d}.app-shell[data-theme=dark] .home-button,.app-shell[data-theme=dark] .icon-button,.app-shell[data-theme=dark] .work-title-button{color:#d6d6d6}.app-shell[data-theme=dark] .home-button:hover,.app-shell[data-theme=dark] .icon-button:hover,.app-shell[data-theme=dark] .work-title-button:hover{color:#fff;background:#383838;border-color:#464646}.app-shell[data-theme=dark] .work-title-input{color:#fff;background:#2c2c2c;border-color:#fff;box-shadow:0 0 0 1px #fff}.app-shell[data-theme=dark] .presentation-trigger.active,.app-shell[data-theme=dark] .export-queue-trigger.active{color:#fff;background:#444;border-color:#575757}.app-shell[data-theme=dark] .text-button.save-action.outline,.app-shell[data-theme=dark] .text-button.save-action.saving{color:#e8e8e8;background:#363636;border-color:#0000}.app-shell[data-theme=dark] .workspace{background:#1e1e1e}.app-shell[data-theme=dark] .layers-sidebar,.app-shell[data-theme=dark] .settings-panel{background:#252525;border-color:#3a3a3a}.app-shell[data-theme=dark] .sidebar-header{color:#eee;border-bottom-color:#383838}.app-shell[data-theme=dark] .sidebar-header-title svg{color:#aaa}.app-shell[data-theme=dark] .sidebar-header-meta,.app-shell[data-theme=dark] .section-title,.app-shell[data-theme=dark] .label-line{color:#a7a7a7}.app-shell[data-theme=dark] .panel-section:not(:last-child):after{background:#383838}.app-shell[data-theme=dark] .numeric-field,.app-shell[data-theme=dark] .select-input,.app-shell[data-theme=dark] .color-control,.app-shell[data-theme=dark] .material-select-trigger,.app-shell[data-theme=dark] .mini-action{color:#e4e4e4;background:#333;border-color:#0000}.app-shell[data-theme=dark] .numeric-field:hover,.app-shell[data-theme=dark] .select-input:hover,.app-shell[data-theme=dark] .color-control:hover,.app-shell[data-theme=dark] .material-select-trigger:hover{background:#393939;border-color:#505050}.app-shell[data-theme=dark] .numeric-field:focus-within,.app-shell[data-theme=dark] .color-control:focus-within,.app-shell[data-theme=dark] .select-input:focus-visible,.app-shell[data-theme=dark] .material-select-trigger[aria-expanded=true],.app-shell[data-theme=dark] .material-select-trigger:focus-visible{background:#292929;border-color:#fff;box-shadow:0 0 0 1px #fff}.app-shell[data-theme=dark] .numeric-input,.app-shell[data-theme=dark] .color-value,.app-shell[data-theme=dark] .select-input,.app-shell[data-theme=dark] .material-select-trigger,.app-shell[data-theme=dark] .switch{color:#e4e4e4}.app-shell[data-theme=dark] .numeric-unit,.app-shell[data-theme=dark] .material-select-chevron{color:#999}.app-shell[data-theme=dark] .segmented{background:#1d1d1d}.app-shell[data-theme=dark] .segment{color:#aaa}.app-shell[data-theme=dark] .segment:hover{background:#333}.app-shell[data-theme=dark] .segment.active{color:#fff;background:#444;box-shadow:0 1px 2px #0006}.app-shell[data-theme=dark] .material-select-menu,.app-shell[data-theme=dark] .export-queue-panel.export-queue-menu{color:#eee;background:#2b2b2bfa;border-color:#4a4a4a;box-shadow:0 14px 36px #0000006b}.app-shell[data-theme=dark] .material-select-option{color:#eee;background:0 0}.app-shell[data-theme=dark] .material-select-option:hover,.app-shell[data-theme=dark] .material-select-option.selected{background:#444}.app-shell[data-theme=dark] .upload-dropzone,.app-shell[data-theme=dark] .empty-panel{color:#bbb;background:#2b2b2b;border-color:#4b4b4b}.app-shell[data-theme=dark] .upload-dropzone:hover{color:#fff;background:#303030;border-color:#777}.app-shell[data-theme=dark] .upload-dropzone.drag-active{color:#fff;background:#3b3b3b;border-color:#fff}.app-shell[data-theme=dark] .layer-item{color:#cfcfcf}.app-shell[data-theme=dark] .layer-item:hover,.app-shell[data-theme=dark] .layer-item.hovered,.app-shell[data-theme=dark] .layer-item:focus-visible,.app-shell[data-theme=dark] .layer-item:focus-within{background:#333}.app-shell[data-theme=dark] .layer-item.selected{color:#fff;background:#484848}.app-shell[data-theme=dark] .layer-eye{color:#aaa}.app-shell[data-theme=dark] .layer-name-input{color:#fff;background:#333;box-shadow:0 0 0 1px #fff}.app-shell[data-theme=dark] .switch-track{background:#555}.app-shell[data-theme=dark] .switch input:checked+.switch-track,.app-shell[data-theme=dark] .title-switch input:checked+.switch-track,.app-shell[data-theme=dark] .compact-switch.active .switch-track{background:#f2f2f2}.app-shell[data-theme=dark] .switch input:checked+.switch-track:after,.app-shell[data-theme=dark] .title-switch input:checked+.switch-track:after,.app-shell[data-theme=dark] .compact-switch.active .switch-track:after{background:#202020}.app-shell[data-theme=dark] .text-button,.app-shell[data-theme=dark] .file-button{color:#e8e8e8;background:#303030;border-color:#4a4a4a}.app-shell[data-theme=dark] .text-button:hover,.app-shell[data-theme=dark] .file-button:hover{background:#3b3b3b;border-color:#686868}.app-shell[data-theme=dark] .text-button.primary,.app-shell[data-theme=dark] .file-button.primary{color:#171717;background:#fff;border-color:#fff}.app-shell[data-theme=dark] .text-button.primary:hover,.app-shell[data-theme=dark] .file-button.primary:hover{background:#ddd;border-color:#ddd}.app-shell[data-theme=dark] .viewport-panel{background:#171717;box-shadow:inset 0 0 0 1px #ffffff08}.app-shell[data-theme=dark] .viewport-chrome{color:#eee;background:#272727e6;border-color:#ffffff24;box-shadow:0 3px 10px #00000057}.app-shell[data-theme=dark] .viewport-mode{border-right-color:#ffffff1a}.app-shell[data-theme=dark] .viewport-status{color:#aaa}.app-shell[data-theme=dark] .presentation-controls-panel{color:#eee;background:#252525;border-left-color:#3a3a3a}@media (max-width:1050px){.app-shell:not(.loading-shell) .workspace{grid-template-columns:210px minmax(0,1fr) 270px}}.home-shell{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.home-loading-shell{place-items:center;display:grid}.home-canvas{z-index:5;position:absolute;inset:0;overflow:visible}.home-live-preview-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.home-live-preview-layer.zooming{z-index:30}.home-live-preview-layer canvas{width:100%;height:100%;display:block}.home-world{transform-origin:0 0;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(0,0)scale(1)}.home-backdrop{z-index:0;pointer-events:none;background:#000;position:absolute;inset:0}.work-card{color:#f2f4f8;gap:12px;width:260px;display:grid;position:absolute;transform:translate(-50%,-50%)}.work-card-open{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;gap:12px;padding:0;display:grid}.work-preview-frame{background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;width:260px;height:260px;transition:border-color .16s;display:grid;position:relative}.work-card:hover .work-preview-frame{border-color:#ffffff6b}.work-preview-frame img{object-fit:contain;width:240px;height:240px}.work-preview-frame img.live-preview-cover{z-index:0;opacity:.3;position:relative}.work-preview-frame.live-preview{cursor:grab;overflow:hidden}.work-preview-frame.live-preview:active{cursor:grabbing}.live-preview-loading{z-index:2;pointer-events:none;background:#0000002e;place-items:center;display:grid;position:absolute;inset:0}.live-preview-loading.transparent{background:0 0}.work-card-title{color:#ffffff4d;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;transition:color .16s;display:block;overflow:hidden}.work-card:hover .work-card-title{color:#fff}.showcase-import-button{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;gap:12px;padding:0;display:grid}.showcase-import-button:disabled{cursor:wait}.showcase-import-frame{color:#ffffffc2;background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#ffffff0d;border:1px dashed #ffffff47;border-radius:8px;place-items:center;width:260px;height:260px;transition:background .16s,border-color .16s,color .16s;display:grid;position:relative}.showcase-import-frame:after{content:"";background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;width:54px;height:54px;position:absolute;bottom:18px;right:18px}.showcase-import-button:hover .showcase-import-frame,.showcase-import-button:focus-visible .showcase-import-frame{color:#fff;background:linear-gradient(135deg,#ffffff2e,#ffffff0f),#ffffff14;border-color:#ffffff8a}.work-menu-trigger{color:#ffffffd1;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;transition:background .16s,opacity .16s;display:grid;position:absolute;top:8px;right:8px}.work-preview-zoom-trigger{z-index:2;color:#ffffffd1;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;transition:background .16s,opacity .16s;display:grid;position:absolute;top:8px;left:8px}.work-edit-trigger{z-index:2;color:#ffffffd1;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;transition:background .16s,opacity .16s;display:grid;position:absolute;top:8px;left:46px}.work-card:hover .work-preview-zoom-trigger,.work-card:hover .work-edit-trigger{opacity:1;pointer-events:auto}.work-preview-zoom-trigger:hover,.work-edit-trigger:hover{opacity:1;background:#ffffff24}.work-card:hover .work-menu-trigger,.work-card.menu-open .work-menu-trigger{opacity:1;pointer-events:auto}@media (hover:none){.work-menu-trigger,.work-preview-zoom-trigger,.work-edit-trigger{opacity:1;pointer-events:auto;background:#0003}}.work-menu-trigger:hover,.work-card.menu-open .work-menu-trigger{background:#ffffff24}.work-card-menu{z-index:80;-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);background:#121212eb;border:1px solid #ffffff24;border-radius:7px;min-width:118px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 40px #0000007a}.work-card-menu button{color:#ffffffdb;cursor:pointer;text-align:left;background:0 0;border:0;min-height:34px;padding:0 12px;font-size:12px;font-weight:650}.work-card-menu button:hover{background:0 0}.work-card-menu button.danger{color:#ff7b7b}.live-preview-zoom-scrim{z-index:20;cursor:zoom-out;opacity:1;background:#000000bd;border:0;padding:0;animation:.22s ease-out both live-preview-scrim-in;position:fixed;inset:0}.live-preview-zoom-scrim.closing{animation:.32s ease-in both live-preview-scrim-out}.live-preview-zoom-hitbox{z-index:40;cursor:grab;width:min(80vw,80vh);height:min(80vw,80vh);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.live-preview-zoom-hitbox:active{cursor:grabbing}.live-preview-zoom-hitbox.closing{pointer-events:none}.home-spinner{border:2px solid #ffffff29;border-top-color:#ffffffb8;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes live-preview-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes live-preview-scrim-out{0%{opacity:1}to{opacity:0}}.home-spinner.small{width:22px;height:22px}.snapshot-loading-dot{background:#ffffffbd;border-radius:50%;width:6px;height:6px;position:absolute;bottom:10px;right:10px}.home-action{z-index:10;isolation:isolate;position:fixed;bottom:26px;overflow:visible}.home-action-export{left:calc(50% - 117px)}.home-action-import{left:calc(50% - 63px)}.home-action-new{left:calc(50% - 5px)}.home-action-live{left:calc(50% + 132px)}.home-action-button,.new-work-button{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;font-weight:750;transition:background .16s,border-color .16s;display:inline-flex;box-shadow:0 18px 44px #0000006b}.home-action>svg,.home-action>span{z-index:1;pointer-events:none;position:relative}.home-action-button{width:46px;height:46px;min-height:46px;padding:0}.cube-toggle-icon{place-items:center;width:22px;height:22px;display:grid;position:relative}.cube-toggle-icon svg{transition:opacity .18s,transform .22s}.home-action-live:not(.active) .cube-toggle-icon svg{-webkit-mask-image:linear-gradient(-45deg,#000 0 calc(50% - 1.5px),#0000 calc(50% - 1.5px) calc(50% + 1.5px),#000 calc(50% + 1.5px) 100%);mask-image:linear-gradient(-45deg,#000 0 calc(50% - 1.5px),#0000 calc(50% - 1.5px) calc(50% + 1.5px),#000 calc(50% + 1.5px) 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cube-toggle-slash{transform-origin:50%;background:currentColor;border-radius:999px;width:26px;height:2px;transition:opacity .22s,transform .26s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}.home-action-live.active .cube-toggle-slash{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleX(0)}.new-work-button{width:122px}.home-action-button:hover,.new-work-button:hover{background:#ffffff24;border-color:#ffffff42}.loading-shell{place-items:center}.loading-state{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes presentation-dialog-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes presentation-dialog-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes presentation-backdrop-in{0%{background:#090c1000}to{background:#090c1070}}@keyframes presentation-backdrop-out{0%{background:#090c1070}to{background:#090c1000}}@media (max-width:980px){.app-shell{min-height:1040px}.workspace{grid-template-rows:minmax(190px,auto) minmax(480px,54vh) minmax(0,1fr);grid-template-columns:1fr}.layers-sidebar{border-right:0;border-bottom:1px solid var(--line)}.layer-list{max-height:170px}.settings-panel{border-left:0;border-top:1px solid var(--line)}.canvas-settings{grid-template-columns:auto auto}.presentation-dialog-body{grid-template-rows:minmax(320px,52vh) minmax(0,1fr);grid-template-columns:1fr}.presentation-controls-panel{border-top:1px solid #ffffff1a;border-left:0}}.language-switcher{display:inline-flex;position:relative}.app-shell:not(.loading-shell) .language-trigger.active{color:#111;background:#e8e8e8;border-color:#00000029}.language-menu{color:var(--text);z-index:120;background:#fffffffa;border:1px solid #0000001a;border-radius:9px;min-width:176px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000029,0 2px 8px #00000014}.language-option{color:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:32px;padding:0 9px;font-size:12px;font-weight:500;display:flex}.language-option:hover,.language-option.selected{background:#ededed}.app-shell[data-theme=dark] .language-menu{color:#eee;background:#2b2b2bfa;border-color:#4a4a4a;box-shadow:0 14px 36px #0000006b}.app-shell[data-theme=dark] .language-option:hover,.app-shell[data-theme=dark] .language-option.selected{background:#444}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}