:root{font-family:Inter,Segoe UI,sans-serif;color:#eeeae0;background:#101619;color-scheme:dark;--muted:#a1b1b5;--accent:#ead3a3;--line:#2a383d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid #415057;border-radius:8px;background:#202c31;color:inherit;padding:10px 13px;font-size:13px;cursor:pointer}button:hover:not(:disabled){background:#34444b;border-color:#9cafa9}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.primary{background:var(--accent);color:#172227;border-color:var(--accent);font-weight:650}.primary:hover:not(:disabled){background:#f7e4bd;color:#172227}.quiet{background:transparent;color:var(--muted)}header{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:650;letter-spacing:-1px}.brand span{font-weight:350;color:var(--muted)}nav{display:flex;align-items:center;gap:18px;font-size:13px}#environment{font-size:12px;color:#e8cc8b;border:1px solid #836d44;padding:5px 9px;border-radius:5px}.gate{max-width:600px;margin:12vh auto;padding:28px;text-align:center}.gate h1{font-size:clamp(32px,5vw,58px);font-weight:450;letter-spacing:-2px;line-height:1.1}.gate p{color:var(--muted);line-height:1.7;max-width:440px;margin:24px auto}.gate button{margin:6px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:calc(100dvh - 72px)}.stage{position:relative;min-width:0;display:flex;flex-direction:column;background:#12191c}.stage-top{padding:26px 30px 8px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.stage h1{font-size:28px;font-weight:500;letter-spacing:-.6px;margin:9px 0 6px;overflow-wrap:anywhere}.stage-top p{font-size:12px;color:var(--muted);margin:0}.segmented{display:flex;gap:3px;background:#121b20;padding:4px;border:1px solid var(--line);border-radius:10px}.segmented button{border-color:transparent;background:transparent;white-space:nowrap;padding:8px 11px}.segmented button[aria-pressed=true]{background:#35454b;color:#f9e4b8;border-color:#55635f}.viewport{position:relative;min-height:200px;flex:1}.viewport canvas{display:block;position:absolute;width:100%;height:100%;touch-action:none}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 30px;color:var(--muted);font-size:12px}.toolbar{display:flex;gap:10px;justify-content:center;padding:6px 20px 18px}.variants{display:flex;gap:10px;padding:14px 24px;border-top:1px solid var(--line);overflow-x:auto;min-height:90px}.variant-card{display:flex;align-items:center;gap:10px;min-width:150px;text-align:left}.variant-card[aria-pressed=true]{border-color:var(--accent)}.variant-card img{width:54px;height:52px;object-fit:cover;border-radius:6px}.variant-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.variant-placeholder{font-size:28px;color:var(--accent)}aside{background:#172126;overflow-y:auto;border-left:1px solid var(--line);padding:6px 22px 24px}aside section{padding:19px 0;border-bottom:1px solid var(--line)}h2{font-size:15px;font-weight:550;margin:0 0 14px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tag{font-size:10px;color:var(--accent);background:#2b393b;border-radius:5px;padding:4px 7px}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}label{display:block;color:#c0cdd0;font-size:11px;line-height:1.4;margin:10px 0}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;background:#10191e;color:#edf0ed;border:1px solid #3a4b53;border-radius:6px;padding:9px;margin-top:6px;font-size:13px}input[type=color]{height:36px;padding:3px}input[type=range]{accent-color:var(--accent);padding:0;border:0}.note{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0}.check{display:flex;align-items:center;gap:8px;font-size:12px}.counts{font-size:12px;color:var(--accent);line-height:1.6}.wide{width:100%;margin-top:8px}.publication{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.publication p{overflow-wrap:anywhere}.publication .row button{font-size:11px;padding:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:min(600px,90vw);background:#e9d8b4;color:#172126;padding:14px 22px;border-radius:10px;box-shadow:0 10px 40px #0007;z-index:20;font-size:13px}.toast.error{background:#f4c5b5}#render-error{position:absolute;top:20%;right:20%;bottom:20%;left:20%;background:#172126;padding:24px;z-index:2}.account-publications{max-width:600px;margin:20px auto;padding:24px}.public main{display:block}.public .stage{height:100%}.public .stage-top{padding-top:34px}.public .stage-bottom{padding-bottom:25px}dialog{max-width:450px;background:#1c2a30;color:#eeeae0;border:1px solid #69776e;border-radius:15px;padding:26px}dialog p{line-height:1.6;color:var(--muted);font-size:13px}dialog::backdrop{background:#0009}.save-error{color:#ffc0a8!important}@media(max-width:850px){header{padding:0 18px;height:60px}main{height:auto;grid-template-columns:1fr}.stage{height:70dvh;min-height:500px}aside{border-left:0;border-top:1px solid var(--line)}.stage-top{padding:20px 18px 8px}.stage h1{font-size:22px}.stage-bottom{padding:8px 18px}.toolbar{gap:5px;padding:8px}.toolbar button{font-size:11px}.variants{padding:12px}.public main{height:calc(100dvh - 60px)}.public .stage{height:100%}.brand{font-size:20px}nav{font-size:11px;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#confirm-preview{display:block;width:100%;height:210px;object-fit:contain;background:#12191c;border-radius:8px}#model-credits{margin:0 24px 10px;color:var(--muted);font-size:11px}#model-credits summary{cursor:pointer}#model-credits p{margin:5px 0}#model-credits a{text-decoration:underline}.empty-library .stage>:not(#empty-project){display:none!important}.empty-library #settings>section:not(:first-child):not(:last-child){display:none}#empty-project{margin:auto;text-align:center;padding:28px;color:var(--muted)}#empty-project h1{color:#eeeae0}#empty-project p{line-height:1.6}#library-dialog{width:660px;max-width:calc(100vw - 24px);max-height:85dvh;overflow:auto}#project-list{display:grid;gap:10px;margin-top:18px}.project-row{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:10px;min-width:0}.project-open{display:flex;align-items:center;gap:14px;flex:1;min-width:0;background:transparent;border-color:transparent;text-align:left;padding:6px}.project-open>span{min-width:0}.project-open strong{display:block;overflow-wrap:anywhere;font-weight:550}.project-open small{display:block;color:var(--muted);margin-top:7px;font-size:11px;line-height:1.5}.project-preview{width:72px;height:60px;border-radius:6px;flex-shrink:0}.project-menu{position:relative;flex-shrink:0}.project-menu summary{cursor:pointer;list-style:none;border:1px solid #415057;border-radius:7px;font-size:22px;padding:2px 12px}.project-menu summary:focus-visible{outline:2px solid var(--accent)}.project-menu summary::-webkit-details-marker{display:none}.project-actions{position:absolute;right:0;bottom:100%;width:175px;background:#1c2a30;padding:5px;border:1px solid #69776e;border-radius:8px;z-index:1;box-shadow:0 6px 20px #0008}.project-actions button{display:block;width:100%;text-align:left;border:0;background:transparent}.project-actions [data-project-action=delete]{color:#ffc0a8}#restore-notice{background:#24393d;border:1px solid #657e76;border-radius:10px;padding:12px;display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.5}#restore-notice span{overflow-wrap:anywhere}body>#restore-notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:21;max-width:calc(100vw - 24px);width:500px}#restore-notice button{flex-shrink:0}@media(max-width:500px){#library-dialog{padding:16px}.project-open{gap:8px}.project-preview{width:48px;height:40px}#restore-notice{align-items:stretch;flex-direction:column}.project-actions{width:160px}}.public .brand span,.public .stage-top>.segmented{display:none}.public .brand{cursor:default}.public #public-author{font-size:14px;color:#c0cdd0;margin:8px 0;overflow-wrap:anywhere}.public .stage-top>div:first-child{min-width:0}.publication-consent{margin:18px 0;align-items:flex-start;line-height:1.6}.publication-consent input{margin-top:4px;flex-shrink:0}.publication-consent a{text-decoration:underline;color:var(--accent)}.drawing-card{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;text-align:left}.drawing-card span{overflow-wrap:anywhere;min-width:0}.drawing-card[aria-pressed=true]{border-color:var(--accent);background:#35454b}#drawing-dialog{width:500px;max-width:calc(100vw - 24px);max-height:85dvh;overflow:auto}.stage-top>.segmented{flex-wrap:wrap;justify-content:flex-end;max-width:380px}@media(max-width:850px){.stage-top{flex-wrap:wrap}.stage-top>.segmented{max-width:100%}.stage-top>.segmented button{padding:6px;font-size:11px}}#selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 24px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;min-width:0}#stage-selection{overflow-wrap:anywhere}#selection-bar.placing{border-color:var(--accent);color:var(--accent);background:#273432}#selection-bar button{flex-shrink:0}.public #selection-bar{display:none}#drawing-settings>.row{margin-top:10px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}#position-heading{overflow-wrap:anywhere}.drawing-card:focus-visible{outline:2px solid var(--accent)}@media(max-width:850px){#selection-bar{margin:4px 12px}.stage{min-height:600px}#selection-bar button{font-size:11px;padding:8px}}#selection-bar{min-height:58px}#drawing-dialog-title{margin-bottom:0}#drawing-back{margin-top:14px}.view-controls{display:flex;flex-direction:column;gap:8px;flex-shrink:0;max-width:100%}.view-controls .segmented{display:grid;width:100%}.view-directions{grid-template-columns:repeat(4,minmax(0,1fr))}.view-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.public .view-controls{display:none}#stage-selection{flex:1}@media(max-width:850px){.view-controls{width:100%}.view-controls button{padding:8px 6px;font-size:12px}#selection-bar{flex-wrap:wrap}#stage-selection{flex-basis:100%}}.stage>:not(.viewport){flex-shrink:0}@media(max-width:850px){.stage{height:auto;min-height:70dvh}.stage .viewport{flex:none;height:40dvh;min-height:280px}.public .stage .viewport{flex:1;height:auto}.public .stage{min-height:calc(100dvh - 60px)}}.public #model-credits{order:10;margin:0;padding:0 30px 14px;font-size:12px;line-height:1.6;text-align:right;color:var(--muted)}.public #model-credits summary{display:list-item;width:fit-content;margin-left:auto;padding:6px 0;cursor:pointer}#model-credits summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.public #model-credits[open] p{margin:4px 0;overflow-wrap:anywhere}.public .stage-bottom{padding-bottom:8px}@media(max-width:850px){.public #model-credits{padding:0 18px 12px}}#model-credits summary,.public #model-credits summary{display:flex;align-items:center;justify-content:center;list-style:none;width:32px;height:32px;padding:0;border-radius:50%;font-size:19px;line-height:1;color:var(--muted)}#model-credits summary::-webkit-details-marker{display:none}#model-credits summary::marker{content:""}#model-credits summary:hover{color:#eeeae0;background:#202c31}.view-directions.two-sides{grid-template-columns:repeat(2,minmax(0,1fr))}#shirt-drawing-side .segmented button{flex:1}#motion-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;padding:0 24px 12px;font-size:12px;color:var(--muted)}#motion-controls label{margin:0;font-size:12px}#motion-controls select{width:auto;margin:0;font-size:12px;padding:7px 10px}#motion-controls button{padding:7px 12px}#motion-speed-label{display:flex;align-items:center;gap:8px}#motion-speed{width:85px;margin:0}#motion-note{flex-basis:100%;text-align:center;font-size:11px}aside output{float:right;color:var(--muted)}:root{--surface-canvas:#12191c;--surface-panel:#172126;--surface-control:#10191e;--surface-active:#35454b;--text-primary:#eeeae0;--text-secondary:#a1b1b5;--border-default:#3a4b53;--focus-ring:#ead3a3;--radius-control:8px;--radius-card:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px}button,input:not([type=range]),select{border-radius:var(--radius-control)}button{min-height:36px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}main{grid-template-columns:minmax(0,1fr) 380px}#settings{padding:0 20px 20px}#settings>section{padding:20px 0 16px}#settings .section-heading h2{margin:0}#settings>section>.section-heading{margin-bottom:12px}#workflow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px 0;position:sticky;top:0;background:var(--surface-panel);z-index:2;border-bottom:1px solid var(--line)}#workflow-tabs button{border-color:transparent;background:transparent;font-size:12px;padding:9px 5px;color:var(--text-secondary)}#workflow-tabs button[aria-selected=true]{background:var(--surface-active);border-color:#55635f;color:var(--accent)}[role=tabpanel]>section{padding:18px 0;border-bottom:1px solid var(--line)}[role=tabpanel]>section:last-child{border-bottom:0}.asset-card,.project-open.asset-card,.drawing-card.asset-card,.variant-card.asset-card{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:76px;margin:0;padding:10px;text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-control);color:var(--text-primary);font-size:13px;white-space:normal}.asset-card:hover:not(:disabled){background:#202e33;border-color:#83958f}.asset-card[aria-pressed=true],.asset-card[aria-current=true]{border-color:var(--accent);background:#29383d}.asset-card .project-preview,.asset-card>img{display:block;width:64px;height:54px;object-fit:contain;border-radius:6px;flex-shrink:0;background:#101619}.asset-card-copy,.asset-card>span{min-width:0;flex:1;overflow-wrap:anywhere}.asset-card strong{display:block;font-weight:550;line-height:1.4}.asset-card small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:var(--text-secondary);margin-top:5px}#current-project{margin:0 0 12px}#drawing-list,#drawing-sources{display:grid;gap:8px;margin-top:12px}#project-list{gap:10px}.project-row{border:0;padding:0;align-items:center}.project-open.asset-card{flex:1}.project-menu summary{padding:6px 10px;min-height:36px}#variants.variants{display:grid;gap:8px;padding:0;margin:16px 0 8px;border:0;min-height:0;max-height:260px;overflow:auto}.variant-card.asset-card{min-width:0}.variant-card small{font-size:11px}#drawing-settings{margin-top:18px}#drawings-section>.segmented{margin-top:12px}#drawings-section>.segmented button{padding:8px;flex:1;font-size:12px}#drawing-dialog{width:600px}#library-dialog{width:660px}.search-field{margin:16px 0 8px}.search-field input{font-size:13px}#panel-presentation #motion-controls{justify-content:flex-start;padding:0;gap:10px}#panel-presentation #motion-controls>label[for=motion-mode]{display:none}#panel-presentation #motion-note{text-align:left}#edit-tools{padding:6px 24px 12px;justify-content:flex-end}#counts{font-size:11px;color:var(--text-secondary);margin:8px 0 0}.empty-library #workflow-tabs,.empty-library #settings>[role=tabpanel]{display:none!important}@media(max-width:850px){main{grid-template-columns:1fr}#settings{padding:0 16px 20px}#workflow-tabs{top:0}.asset-card .project-preview,.asset-card>img{width:64px;height:54px}#edit-tools{padding:4px 18px 10px}#variants.variants{max-height:none}#drawing-dialog,#library-dialog{padding:18px}.view-controls .segmented button{font-size:11px;padding:8px 4px}}.publication>.row{margin-top:8px}.project-open.asset-card[aria-current=true]{border-color:var(--accent)}