@font-face{font-family:Geist;src:url('./fonts/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('./fonts/geist-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--background:#000;--panel:#141518;--paper:#eae9e5;--muted:#a1a3aa;--line:#ffffff0c;--orange:#cbb99c;--accent:#cbb99c;--field:#0d0e11;--font:Geist,'PingFang SC','Microsoft YaHei UI',sans-serif;--mono:'Geist Mono',ui-monospace,monospace;--library-width:210px;--inspector-width:344px;--ease:cubic-bezier(.22,1,.36,1)}
html,body{height:100%;margin:0;background:#000;color:var(--paper);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font)}
button{transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}
button:active:not(:disabled){transform:scale(.98)}
button:disabled{opacity:.38;cursor:default}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
::selection{background:#cbb99c3b;color:#fff}
.ui-icon{stroke-width:1.5;width:17px;height:17px}
.topbar{display:flex;height:60px;min-height:60px;margin:10px 16px 0;padding:0 18px;gap:16px;background:linear-gradient(180deg,#191a1d,#121316);border:0;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0c}
.topbar::after{display:none}
.wordmark{font:600 18px/1 var(--font);letter-spacing:-.65px;gap:9px;min-width:172px;color:var(--paper)}
.wordmark::before{display:none}
.wordmark span{font:400 18px/1 var(--font);letter-spacing:-.5px;padding:0;color:#868990;border:0}
.wordmark .brand-mark{display:grid;place-items:center;width:28px;height:28px;background:#ffffff08;border-radius:8px;color:#d8d4cb;margin-right:1px}
.brand-mark .ui-icon{width:18px;height:18px}
#project-toolbar{margin-inline:auto;min-width:0}
.project-controls{display:flex;align-items:center;gap:5px;padding:0;background:none;border:0;box-shadow:none}
.project-buttons{gap:2px}
.project-buttons button{min-height:34px;padding:8px 11px;background:transparent;border:0;border-radius:7px;color:#b6b8be;font-size:12px;white-space:nowrap;gap:7px}
.project-buttons button:hover:not(:disabled),.history-button:hover:not(:disabled){background:#ffffff07;color:#fff}
.history-controls{gap:1px;margin:0 0 0 5px;padding-left:8px;border-left:1px solid #ffffff0b}
.history-button{width:32px;height:32px;border-radius:7px;color:#a1a4ab;padding:7px}
.top-actions{gap:6px;margin-left:0}
.top-actions .quiet-button{min-height:34px;padding:0 10px;font-size:12px;color:#a8abb2;border-radius:7px}
.top-actions .quiet-button:hover:not(:disabled){background:#ffffff07;color:#eee}
.primary-button,.secondary-button{min-height:36px;padding:9px 13px;border-radius:8px;font-size:12px;gap:9px;white-space:nowrap}
.primary-button{background:#e8e5dd;border:0;color:#1b1c20;box-shadow:inset 0 1px 0 #ffffffb0;font-weight:600}
.primary-button:hover:not(:disabled){background:#faf7ef;color:#16171a;box-shadow:inset 0 1px 0 #fff,0 3px 14px #0002}
.primary-button::before,.primary-button::after{display:none}
.primary-button .ui-icon{color:inherit}
.primary-button .action-icon{display:grid;place-items:center;width:24px;height:24px;margin:-3px -5px -3px 0;border-radius:6px;background:#15161a09}
.primary-button .action-icon .ui-icon{transition:transform .22s var(--ease);width:15px;height:15px}
.primary-button:hover .action-icon .ui-icon{transform:translate(1px,-1px)}
.secondary-button{background:#ffffff04;border-color:#ffffff0d;color:#d2d4d9;box-shadow:inset 0 1px 0 #ffffff06}
.secondary-button:hover:not(:disabled){background:#ffffff08;border-color:#ffffff1c;color:#fff}
.text-button{font-size:11px;color:#bab5a9}
.text-button:hover:not(:disabled){color:#fff}
.workspace{display:grid;grid-template-columns:var(--library-width) minmax(0,1fr) var(--inspector-width);grid-template-areas:'library preview inspector';height:calc(100dvh - 82px);min-height:0;gap:12px;padding:12px 16px 0;background:#000;isolation:isolate}
.workspace::before,.workspace::after{display:none}
.workspace-library{grid-area:library;display:flex;flex-direction:column;min-height:0;padding:12px 7px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff18 transparent}
.library-title{margin:0 12px 10px;color:#858991;font-size:11px;font-weight:500}
.workspace-library .studio-nav{position:static;top:auto;left:auto;transform:none;display:flex;flex-direction:column;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;gap:5px}
.workspace-library .studio-nav button{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:42px;padding:10px 13px;border:0;border-radius:8px;color:#959aa4;font-size:13px;background:transparent;box-shadow:none}
.workspace-library .studio-nav button::before{display:none}
.workspace-library .studio-nav button:hover{color:#e2e3e6;background:#ffffff04}
.workspace-library .studio-nav button[aria-pressed=true]{background:#ffffff07;color:#e9e8e3}
.workspace-library .studio-nav button[aria-pressed=true]::after{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--accent)}
.workspace-library .studio-nav .ui-icon{width:18px;height:18px;color:inherit}
.library-samples{margin:27px 0 0;padding:19px 0 0;border-top:1px solid #ffffff07}
.sample-list{display:grid;gap:4px}
.sample-card{display:flex;align-items:center;gap:12px;width:100%;padding:9px 11px;text-align:left;min-height:74px;background:none;border:0;border-radius:9px;color:#c2c5cb}
.sample-card:hover:not(:disabled){background:#ffffff04;color:#fff}
.sample-card[aria-pressed=true]{background:#ffffff05;color:#eceae4}
.sample-thumb{width:37px;height:55px;flex-shrink:0;display:block;overflow:hidden;border-radius:5px;background:#080808;box-shadow:inset 0 0 0 1px #ffffff08}
.sample-thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.29)}
.sample-card[aria-pressed=true] .sample-thumb{box-shadow:0 0 0 1px #cbb99c40}
.sample-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.sample-copy strong{font-size:12px;font-weight:500;white-space:nowrap}
.sample-copy small{color:#7f8590;font-size:10px}
.sample-card[aria-pressed=true] .sample-copy small{color:#ada699}
.library-footer{margin-top:auto;padding:27px 12px 0}
.library-footer .preview-feedback{position:static;inset:auto;display:block;max-width:none;margin:0;text-align:left;pointer-events:none}
.library-footer #autosave-status{display:block;margin:0;color:#979d9b;font-size:10px;text-align:left}
.library-footer #autosave-status::before{display:none}
.library-footer .interaction-hint{margin:8px 0 0;color:#727984;font-size:10px;line-height:1.7;text-align:left}
.library-live{font-size:10px;color:#a8adae;min-height:15px;margin:10px 0 0}
.workspace .sidebar{grid-area:inspector;position:relative;inset:auto;width:auto;min-width:0;min-height:0;margin:0 0 12px;padding:0 22px 20px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:14px;background:#131417;backdrop-filter:none;box-shadow:inset 0 1px 0 #ffffff08,inset 1px 0 0 #ffffff03;scrollbar-width:thin;scrollbar-color:#ffffff1b transparent;z-index:2}
.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1b;border-radius:4px}
.sidebar .inspector-bar{position:sticky;top:0;margin:0 -22px;padding:22px 22px 14px;background:#131417f5;backdrop-filter:blur(12px);box-shadow:none;border-bottom:1px solid #ffffff08;z-index:3}
.inspector-heading{margin:0 0 13px;gap:12px}
.inspector-heading h1{font-size:18px;line-height:1.5;letter-spacing:-.4px;font-weight:550;margin:0}
.inspector-heading p{font-size:11px;line-height:1.65;margin:6px 0 0;color:#9298a3}
.section-nav{display:flex;gap:3px;overflow-x:auto;background:none;border:0;border-radius:0;scrollbar-width:none}
.section-nav button{min-height:31px;padding:7px 9px;border:0;border-radius:6px;background:none;font-size:11px;color:#8d949f;white-space:nowrap;box-shadow:none}
.section-nav button:hover{background:#ffffff05;color:#cfd1d5}
.section-nav button[aria-current=true]{color:#e1ddd4;background:#ffffff07;box-shadow:none}
.sidebar [data-page]:not([hidden]),.sidebar [data-page]:not([hidden])~[data-page]:not([hidden]){margin:0;padding:22px 0;border:0;border-bottom:1px solid #ffffff06;background:none;border-radius:0;animation:panel-enter .24s var(--ease)}
.section-heading{gap:8px;margin-bottom:0}
.section-heading h2{font-size:13px;font-weight:550;letter-spacing:0;line-height:1.6;color:#d4d6db}
.optional-label,#model-count{color:#818a98;font:10px/1.4 var(--font);border:0;background:none;padding:0}
.section-intro,.helper{font-size:11px;line-height:1.8;color:#8d95a2}
.section-intro{margin-top:8px}.helper{margin-top:9px}
.field-label{display:block;font-size:11px;color:#a2a8b3;margin-top:19px;margin-bottom:8px}
.text-input,.effect-select,.layout-section .effect-select{height:37px;border:1px solid #ffffff08;border-radius:7px;background:#0b0c0f;color:#dfe0e3;font-size:12px;padding:9px 11px;line-height:1.4;box-shadow:none;min-width:0}
.text-input::placeholder{color:#808896}
.text-input:focus,.effect-select:focus{border-color:#cbb99c4d}
.slider-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin-top:20px}
.slider-field label{font-size:11px;color:#aeb3bf;line-height:1.6;grid-column:1}
.slider-field output{font:10px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:#c1c3ca;grid-column:2;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.slider-field>input[type=range]{grid-column:1/-1;grid-row:2;height:17px;margin:0;padding:0;border:0;border-radius:0;background:transparent;appearance:none;cursor:ew-resize;box-shadow:none}
input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,#cbb99cb3 0 var(--range-fill,50%),#ffffff18 var(--range-fill,50%) 100%)}
input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4.5px;border:0;border-radius:50%;background:#d9d5cc;box-shadow:0 0 0 3px #131417}
input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:#ffffff18}
input[type=range]::-moz-range-progress{height:2px;background:#cbb99cb3}
input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;background:#d9d5cc;box-shadow:0 0 0 3px #131417}
.range-ends{font-size:9px;color:#7d8796}
.effect-options{gap:12px;margin-top:18px}
.effect-options label,.model-switches label{font-size:11px;color:#a4aab6;gap:8px;line-height:1.7}
.effect-color{width:31px;height:24px;border:1px solid #ffffff16;border-radius:5px;padding:2px;background:#0b0c0f}
.model-switches{gap:12px;margin-top:18px}
.model-switches label{min-height:27px}
.model-switches input[type=checkbox]{appearance:none;position:relative;width:28px;height:16px;flex-shrink:0;margin:0;border:1px solid #ffffff14;border-radius:12px;background:#2b2e35;accent-color:var(--accent);transition:background .18s var(--ease)}
.model-switches input[type=checkbox]::before{content:'';position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:#9ca3ae;transition:transform .18s var(--ease),background .18s var(--ease)}
.model-switches input[type=checkbox]:checked{background:#cbb99c;border-color:transparent}
.model-switches input[type=checkbox]:checked::before{background:#25272b;transform:translateX(12px)}
.upload-zone,.model-drop-zone{min-height:108px;margin-top:17px;background:#ffffff02;border:1px dashed #ffffff17;border-radius:9px;gap:8px;padding:16px}
.upload-zone:hover,.upload-zone.drag-over,.model-drop-zone.drag-over{border-color:#cbb99c6e;background:#cbb99c06}
.upload-symbol{background:none;border:0;color:#b5b0a7;width:auto;height:auto;box-shadow:none}
.upload-zone strong,.model-drop-zone strong{font-size:12px;font-weight:500;color:#c3c8d1}
.upload-zone>span:last-child{font-size:10px;color:#89919f}
.asset-meta,.layer-name{font-size:10px;line-height:1.7;color:#9098a6;margin-top:11px}
.file-control .helper{font-size:10px;overflow-wrap:anywhere}
.file-control .secondary-button,.layer-upload-row .secondary-button{font-size:11px;min-height:34px}
.frame-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px}
.frame-option{min-height:91px;padding:11px 4px 9px;border:1px solid #ffffff08;border-radius:7px;gap:8px;background:#ffffff02;font-size:10px;color:#9199a8}
.frame-option:hover{background:#ffffff05;transform:none;translate:none}
.frame-option:has(input:checked){background:#cbb99c07;border-color:#cbb99c4d;color:#e0dacb}
.frame-thumb{width:29px;height:42px}
.frame-custom-option{grid-column:1/-1;min-height:35px;flex-direction:row;border-radius:7px}
.frame-custom-option .frame-thumb{width:13px;height:18px}
#custom-frame-controls{margin-top:6px;padding:0;background:none;border:0}
#frame-art-preview{max-width:58px;max-height:87px;border-radius:4px;margin-top:12px}
.position-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}
.position-fields label{font-size:10px;color:#919bab;line-height:1.8}
.position-fields input{width:100%;min-width:0;height:35px;margin-top:5px;padding:8px;border:1px solid #ffffff07;border-radius:6px;background:#0c0d10;color:#d3d7df;font:11px var(--mono)}
.studio-layer-row{min-height:43px;border:0;border-radius:7px;background:none;margin:4px 0;box-shadow:none}
.studio-layer-row:hover{background:#ffffff03}
.studio-layer-row.selected{background:#ffffff06;border:0;box-shadow:inset 2px 0 0 #cbb99c80}
.layer-select{font-size:11px;color:#b8c0ce;line-height:1.7}
.studio-layer-row.selected .layer-select{color:#e6e2d8}
.layer-lock{font-size:10px;color:#8b94a4}
.studio-layer-row>input{accent-color:var(--accent)}
.scene-details{margin-top:17px;border:0;border-top:1px solid #ffffff08;padding:13px 0 0;border-radius:0;background:none}
.scene-details summary{font-size:12px;color:#b1b9c7}
.model-info,.helper.model-info{font-size:10px;line-height:1.8}
.wide-button{width:100%;min-height:39px;margin-top:16px}
.effect-layer{border:0;border-top:1px solid #ffffff09;border-radius:0;background:none;padding:17px 0;margin-top:18px;box-shadow:none}
.effect-layer:first-child{border-top:0}
.view-presets,.layout-actions,.layer-upload-row{gap:7px;flex-wrap:wrap}
.cutout-button{width:100%;min-height:37px}
.privacy-note{font-size:10px;margin-top:22px;gap:8px;color:#7b8797}
.privacy-note p{font-size:10px;line-height:1.8}
.workspace .preview,.workspace .has-models .preview{grid-area:preview;position:relative;inset:auto;display:grid;grid-template-rows:70px minmax(0,1fr) 72px;min-width:0;min-height:0;height:100%;margin:0;background:#000;overflow:hidden}
.workspace .preview-topbar,.has-models .workspace .preview-topbar{position:relative;inset:auto;left:auto;right:auto;top:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 16px 0;width:100%;min-width:0;grid-row:1}
.preview-identity{min-width:0}
.preview-eyebrow{font-size:10px;letter-spacing:0;color:#737c8c;line-height:1.7;margin-bottom:5px}
.preview-eyebrow::before{display:none}
.preview-identity strong{display:block;max-width:400px;font-size:19px;font-weight:500;line-height:1.5;letter-spacing:-.4px;color:#dfe0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-tools{gap:5px;padding-top:4px;flex-shrink:0}
.viewer-button{min-height:31px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#929ba9;font-size:10px;box-shadow:none;gap:6px;white-space:nowrap}
.viewer-button:hover:not(:disabled){background:#ffffff07;color:#e2e5e8;border:0}
.viewer-button[aria-pressed=true]{background:#ffffff0e;color:#eae6dc;box-shadow:none}
.preview-tools .viewer-button{border:1px solid #ffffff08;border-radius:7px;background:#ffffff02}
.preview-tools .viewer-button .ui-icon{width:14px;height:14px}
.workspace .viewer-stage,.has-models .workspace .viewer-stage{grid-row:2;position:relative;inset:auto;width:100%;height:100%;min-height:0;min-width:0;margin:0;isolation:isolate;touch-action:pan-y;background:#000}
.viewer-stage::before,.viewer-stage::after{display:none}
.card{position:absolute;inset:0;width:100%;height:100%;outline-offset:-5px}
#holo-canvas{width:100%;height:100%;display:block;mix-blend-mode:normal}
.workspace .preview-bottom,.has-models .workspace .preview-bottom{grid-row:3;position:relative;inset:auto;left:auto;right:auto;bottom:auto;transform:none;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;gap:0;width:max-content;max-width:100%;padding:6px 8px;margin:0 0 8px;border:0;border-radius:11px;background:linear-gradient(180deg,#202228a8,#141519c9);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff18,inset 0 0 0 1px #ffffff08,0 12px 36px #0003}
.viewer-actions{display:flex;align-items:center;gap:2px;width:auto}
.preview-views{display:flex;gap:2px;padding:0 7px 0 0;margin-right:4px;border-right:1px solid #ffffff0c;background:none;border-radius:0}
.preview-views .viewer-button{min-height:32px;padding:7px 11px}
.viewer-actions>.viewer-button .ui-icon{width:14px;height:14px}
.viewer-actions .button-label{display:flex;align-items:center;gap:5px}
.viewer-actions kbd{font:9px var(--mono);border:0;color:#747f90;background:none;padding:0;box-shadow:none}
.workspace .status-message{position:absolute;left:50%;bottom:77px;transform:translateX(-50%);max-width:calc(100% - 32px);font-size:10px;color:#b5bbc6;pointer-events:none;z-index:2;line-height:1.7}
.status-message:not(:empty){padding:7px 12px;background:#1b1d23de;border:0;border-radius:7px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff0c}
.status-message.error{color:#edb8a4}
.empty-state{gap:17px;padding:24px}
.empty-card{border-radius:14px;padding:32px;width:190px;background:#121416;box-shadow:inset 0 1px 0 #ffffff10}
.empty-card>span{font:500 22px/1.7 var(--font);letter-spacing:-.5px;color:#b6c0cd}
.empty-card>small{font:9px var(--mono);letter-spacing:1px;color:#68768a}
.empty-state>p{font-size:12px;color:#8f9aad}
.focus-preview .workspace{grid-template-columns:var(--library-width) minmax(0,1fr);grid-template-areas:'library preview'}
.focus-preview .sidebar{display:none}
.focus-preview .workspace .preview-topbar,.focus-preview .workspace .viewer-stage,.focus-preview .workspace .preview-bottom{left:auto;right:auto}
.layout-editing .workspace .sidebar{padding:0 22px 20px}
.layout-editing .workspace .sidebar>:not(.layout-section){display:block}
.layout-editing .workspace .sidebar .layout-section{position:static;inset:auto;margin:0;padding:22px 0;background:none;border:0}
.workspace .preview:fullscreen{display:grid;height:100dvh;grid-template-rows:68px minmax(0,1fr) 78px;padding:0 12px}
.workspace .preview:fullscreen .viewer-stage,.workspace .preview:fullscreen .preview-topbar,.workspace .preview:fullscreen .preview-bottom{inset:auto;position:relative}
.mask-dialog{background:#141518;color:var(--paper);border-color:#ffffff0b;border-radius:14px}
.effects-menu{background:#17191fe8;border-color:#ffffff12;border-radius:11px;backdrop-filter:blur(14px)}
@keyframes panel-enter{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){:root{--library-width:230px;--inspector-width:370px}.workspace{max-width:1920px;margin:auto}.topbar{max-width:1888px;margin-inline:auto}}
@media(max-width:1200px) and (min-width:901px){:root{--library-width:174px;--inspector-width:310px}.workspace{gap:8px;padding-inline:12px}.workspace-library{padding-inline:2px}.wordmark{min-width:145px}.topbar{padding-inline:14px;margin-inline:12px}.sample-card{gap:9px;padding-inline:10px}.workspace .sidebar{padding-inline:18px}.sidebar .inspector-bar{margin-inline:-18px;padding-inline:18px}.preview-identity strong{font-size:17px;max-width:250px}.preview-tools .button-label{display:none}}
@media(max-width:900px){
  html,body{height:auto;min-height:100dvh;overflow:auto}
  .topbar{height:55px;min-height:55px;margin:8px 10px 0;padding:0 13px;gap:10px;border-radius:10px}
  .wordmark{min-width:0;font-size:17px;gap:7px}.wordmark span{font-size:16px}.wordmark .brand-mark{width:24px;height:24px}
  #project-toolbar{display:none}.top-actions{margin-left:auto;gap:2px}.top-actions .quiet-button{font-size:10px;padding:0 7px}
  .top-actions .primary-button{min-height:33px;padding:8px 10px;font-size:11px;gap:7px}.primary-button .action-icon{width:21px;height:21px}
  .workspace,.focus-preview .workspace{display:flex;flex-direction:column;gap:0;padding:0 12px 84px;height:auto;min-height:calc(100dvh - 63px);background:#000}
  .workspace .preview{order:0;position:relative;inset:auto;display:grid;grid-template-rows:65px minmax(0,1fr) 61px;height:66svh;min-height:470px;max-height:670px;flex-shrink:0}
  .workspace .preview-topbar{padding:13px 5px 0;gap:9px;align-items:flex-start}
  .preview-eyebrow{font-size:9px;margin-bottom:4px}.preview-identity strong{font-size:16px;max-width:210px;letter-spacing:-.4px}
  .preview-tools{padding-top:4px;gap:4px}.preview-tools .button-label{display:none}.preview-tools .viewer-button{min-height:30px;padding:7px}
  .workspace .viewer-stage{left:auto;right:auto;top:auto;bottom:auto;position:relative;inset:auto;width:100%;height:100%}
  .workspace .preview-bottom{position:relative;inset:auto;max-width:100%;padding:5px 6px;border-radius:10px;margin-bottom:5px}
  .viewer-actions{gap:0}.preview-views{margin-right:3px;padding-right:5px}.preview-views .viewer-button{padding:7px 9px;font-size:10px}
  .viewer-actions>.viewer-button{padding:7px 8px}.viewer-actions>.viewer-button .button-label{display:none}.viewer-actions .ui-icon{width:15px;height:15px}
  .workspace-library{order:1;display:block;padding:0;margin:0 0 17px;overflow:visible}
  .workspace-library>.library-title{display:none}
  .workspace-library .studio-nav{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));top:auto;transform:none;width:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:5px;border:0;border-radius:12px;background:#191b22f0;box-shadow:inset 0 1px 0 #ffffff16,0 12px 30px #0005;backdrop-filter:blur(20px);z-index:5}
  .workspace-library .studio-nav button{flex-direction:column;justify-content:center;gap:4px;min-height:49px;padding:6px 2px;font-size:10px;border-radius:8px}
  .workspace-library .studio-nav button[aria-pressed=true]::after{left:39%;right:39%;width:auto;top:auto;bottom:4px;height:2px}
  .workspace-library .studio-nav .ui-icon{width:17px;height:17px}
  .library-samples{margin:0;padding:12px 2px 0;border-top:1px solid #ffffff08}.library-samples .library-title{margin:0 4px 7px;font-size:10px}
  .sample-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
  .sample-card{min-height:61px;gap:8px;padding:7px 5px;border-radius:7px}.sample-thumb{width:26px;height:39px;border-radius:4px}
  .sample-copy strong{font-size:10px}.sample-copy small{font-size:8px}.sample-copy{gap:2px}
  .library-footer{display:none}
  .workspace .sidebar{order:2;position:relative;inset:auto;width:100%;margin:0;padding:0 18px 22px;min-height:350px;height:auto;overflow:visible;box-shadow:inset 0 1px 0 #ffffff08;border-radius:12px}
  .sidebar .inspector-bar{position:relative;top:auto;z-index:2;padding:19px 18px 12px;margin:0 -18px;background:#131417;border-radius:12px 12px 0 0;backdrop-filter:none}
  .inspector-bar .project-controls{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #ffffff09;justify-content:space-between}
  .project-buttons button{font-size:11px;padding-inline:10px}.history-controls{margin-left:auto;border:0;padding:0}.history-button{width:30px}
  .inspector-heading h1{font-size:19px}.inspector-heading p{font-size:11px}.section-nav button{min-height:34px;font-size:11px;padding:8px 11px}
  .sidebar [data-page]:not([hidden]),.sidebar [data-page]:not([hidden])~[data-page]:not([hidden]){padding:21px 0}
  .section-heading h2{font-size:14px}.field-label,.slider-field label,.effect-options label,.model-switches label{font-size:12px}
  .text-input,.effect-select,.layout-section .effect-select,.position-fields input{height:40px;font-size:12px}.position-fields label{font-size:11px}
  .slider-field>input[type=range]{height:23px}input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6px}
  .model-switches label{min-height:33px}.file-control .secondary-button,.layer-upload-row .secondary-button{min-height:37px;font-size:12px}
  .helper,.section-intro{font-size:11px}.workspace .status-message{bottom:64px;font-size:10px}
  .focus-preview .workspace-library,.focus-preview .sidebar{display:none}.focus-preview .workspace .preview{height:calc(100svh - 63px);max-height:none;min-height:400px}
  .layout-editing .workspace .preview{position:relative;inset:auto;min-height:460px;height:66svh;z-index:0}
  .layout-editing .workspace .preview-bottom{display:flex}.layout-editing .workspace .sidebar{padding:0 18px 22px;border:0}
  .layout-editing .workspace .sidebar .layout-section{position:static;inset:auto;margin:0;padding:21px 0;background:none;border:0}
  .layout-editing .inspector-heading,.layout-editing .section-nav{display:flex}.layout-editing .sidebar .inspector-bar{height:auto;padding:19px 18px 12px;margin:0 -18px;box-shadow:none}
}
@media(max-width:420px){.wordmark span{display:none}.top-actions .quiet-button{padding-inline:6px}.preview-identity strong{max-width:180px}.preview-tools{gap:3px}.preview-tools .viewer-button{padding-inline:6px}.sample-card{gap:6px;padding-inline:3px}.sample-copy small{font-size:7px}.sample-thumb{width:25px}}
@media(max-width:900px) and (orientation:landscape){.workspace .preview{height:80svh;min-height:350px}.workspace-library .studio-nav{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:repeat(5,minmax(0,1fr));margin:12px 0}.workspace-library .studio-nav button{flex-direction:row;gap:8px;min-height:40px}.sidebar .inspector-bar{position:relative}.workspace{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){button,.action-icon .ui-icon,.model-switches input::before{transition:none!important}.sidebar [data-page]{animation:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.workspace .preview-bottom,.workspace-library .studio-nav,.status-message:not(:empty),.effects-menu{background:#20232b;backdrop-filter:none}.inspector-bar{backdrop-filter:none}}