*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:linear-gradient(#ededed55 1px,transparent 1px),linear-gradient(90deg,#ededed55 1px,transparent 1px);background-size:24px 24px}button,input,select,textarea{font:inherit;color:inherit}button,a.primary{cursor:pointer}button{background:#fff;border:1px solid var(--line);border-radius:2px;min-height:34px;padding:6px 12px;font-size:13px}button:hover{background:var(--soft)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label[tabindex]:focus-visible{outline:2px solid #555;outline-offset:3px}.quiet{border-color:transparent;background:transparent}a{color:inherit;text-underline-offset:3px}p{line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#191919;color:white;border:1px solid #191919;min-height:40px;padding:9px 18px;text-decoration:none;border-radius:2px}.primary:hover{background:#383838}.primary .icon{width:16px}
header{height:56px;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:8px;color:#171717;text-decoration:none;white-space:nowrap}.brand svg{width:23px;height:23px;fill:#171717;stroke:#fff;stroke-width:1.2}.brand strong{font-size:18px;letter-spacing:-.6px}.brand strong span{font-weight:500}.header-end{margin-left:auto;display:flex;align-items:center;gap:8px}.header-divider,.local,.rail-actions{display:none}#workflow{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:14px;list-style:none;margin:0;padding:0;font-size:12px}#workflow li{padding:6px 12px;color:var(--muted);white-space:nowrap}#workflow small{font:10px ui-monospace,monospace;margin-right:6px}#workflow [aria-current]{color:#fff;background:#191919}#workflow .complete{color:#202020}
.workspace{min-height:calc(100vh - 56px)}aside{position:fixed;left:0;top:56px;bottom:0;width:250px;border-right:1px solid var(--line);background:#fff;z-index:2;display:flex;flex-direction:column}.nav-collapsed aside{display:none}.section-title{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}aside nav{flex:1;overflow:auto;padding:0 8px}aside nav button{display:block;width:100%;text-align:left;margin-bottom:4px;border:1px solid transparent;padding:10px}aside nav button.active{border-color:#999;background:#f4f4f4}aside nav strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}aside nav small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.aside-bottom{padding:16px;border-top:1px solid var(--line);font-size:12px;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:6px;height:6px;background:#999;border-radius:50%;flex-shrink:0}.dot.ready{background:var(--success)}.empty-list{padding:16px;font-size:12px;color:var(--muted)}
main{max-width:1320px;margin:0 auto;padding:36px 24px 24px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.heading h1{font-size:22px;font-weight:550;margin:6px 0 0}.eyebrow,.micro-label{font:11px ui-monospace,Consolas,monospace;color:var(--muted);letter-spacing:.06em}.home:not(.has-illustration) main{max-width:840px;padding-top:clamp(48px,10vh,110px)}.home:not(.has-illustration) .heading{text-align:center;justify-content:center;margin-bottom:28px}.home:not(.has-illustration) h1{font-size:26px}.home #subtitle{display:none}#subtitle{font-size:12px;color:var(--muted);margin:8px 0 0}.mode-tabs{display:flex;justify-content:center;gap:20px;margin:0 0 24px}.mode-tabs button{display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid transparent;background:transparent;border-radius:0;color:var(--muted);padding:8px 2px}.mode-tabs button.active{color:var(--text);border-bottom-color:var(--text)}.has-illustration .mode-tabs{display:none}
.draft-layout.has-draft{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:12px}.draft-stage{height:clamp(420px,66vh,760px);display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);overflow:hidden}.draft-stage img{max-width:100%;max-height:100%;object-fit:contain}#draft-placeholder{text-align:center;color:var(--muted);font-size:13px;padding:24px}.drawing-mark{font-size:26px}.draft-actions{display:flex;align-items:center;justify-content:space-between;min-height:38px;font-size:11px;color:var(--muted)}.quiet-link{display:inline-flex;align-items:center;text-decoration:none}.edit-panel{min-width:0;display:flex;flex-direction:column}.has-draft .edit-panel{border:1px solid var(--line);background:#fff;padding:20px;align-self:stretch}.composer{background:#fff;border:1px solid var(--line);padding:20px;min-width:0}.has-draft .composer{padding:0;border:0}.composer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.composer-head label{font-weight:500}.composer-head span{font:11px ui-monospace,monospace;color:var(--muted)}textarea{resize:vertical;width:100%;min-height:120px;max-height:260px;padding:14px 0;border:0;outline:none;background:transparent;font-size:14px;line-height:1.8}textarea::placeholder{color:#777}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px}.style-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}select,input{background:#fff;border:1px solid var(--line);padding:6px 8px;min-height:32px;border-radius:2px;font-size:12px;max-width:100%}.style-label select{max-width:130px;border:0;background:#f7f7f7}.composer-note{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:11px;color:var(--muted)}.prompt-examples{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.prompt-examples>span{display:none}.prompt-examples button{font-size:12px;background:#fff;color:#666}.privacy-note{font-size:11px;color:var(--muted);margin:14px 0;text-align:center}.has-illustration #illustration-panel>.privacy-note{display:none}#versions-panel{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.versions{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.versions button{display:flex;flex-direction:column;align-items:center;padding:0 0 6px;gap:7px;min-width:78px;max-width:100px;flex:1;color:var(--muted);font-size:11px}.versions button img{width:100%;height:95px;object-fit:contain;background:#fafafa}.versions button.active{border-color:#191919;color:#191919}.versions button.active span::after{content:' ✓'}#animate-art{width:100%;margin-top:auto;min-height:42px}#versions-panel+button{margin-top:24px}
#dropzone{height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px dashed #bdbdbd;background:#ffffffed;cursor:pointer}#dropzone:hover,#dropzone.drag{background:#f5f5f5;border-color:#222}.upload-portrait{width:64px;height:64px;stroke:#777;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#dropzone strong{font-size:16px;font-weight:500}#dropzone>span,#dropzone small{font-size:12px;color:var(--muted)}#dropzone em{font-size:11px;font-style:normal;color:var(--muted)}#selected{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--line);padding:20px;min-height:340px}#selected img{max-width:100%;max-height:440px;justify-self:center}#selected-name{overflow-wrap:anywhere}#selected-meta{font-size:12px;color:var(--muted)}.upload-controls{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px}details{font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:32px;padding:7px 0}details label{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px}details input{max-width:140px}
.result-status{font-size:12px;display:flex;gap:8px;align-items:center;color:var(--muted);margin-bottom:12px}.preview-tabs{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);border-bottom:0;padding:0 16px}.preview-tabs button{border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;min-height:46px;padding:8px 2px;font-size:12px;color:var(--muted)}.preview-tabs button.active{border-bottom-color:#111;color:#111}.preview-tabs a{margin-left:auto}.preview-stage{height:clamp(360px,64vh,740px);display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);overflow:hidden}.preview-stage>img{max-height:100%;max-width:100%;object-fit:contain}.preview-stage>p{padding:24px;color:var(--muted);font-size:13px}.preview-caption{display:flex;gap:12px;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted)}#model-viewer{height:100%;width:100%;min-height:300px;position:relative;overflow:hidden}#model-viewer canvas{display:block}.mouth-control{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);display:flex;align-items:center;gap:12px;background:#fffffff5;border:1px solid var(--line);padding:8px 12px;font-size:12px;white-space:nowrap}.mouth-control>input{width:100px}.mouth-control .audio-controls{display:none}.canvas-tools{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:12px;font-size:11px;color:var(--muted)}.canvas-tools button{min-height:26px;padding:3px 8px;font-size:11px}.canvas-tools [aria-pressed=true]{border-color:#333;color:#222}.home:not(.has-illustration) .canvas-tools{display:none}body[data-canvas-background=gray] .draft-stage,body[data-canvas-background=gray] .preview-stage{background:#bdbdbd}body[data-canvas-background=checker] .draft-stage,body[data-canvas-background=checker] .preview-stage{background-color:#fff;background-image:conic-gradient(#eee 25%,#fff 0 50%,#eee 0 75%,#fff 0);background-size:20px 20px}
#inspector{display:none;max-width:1272px;margin:0 auto 24px;background:#fff;border:1px solid var(--line);padding:0 20px 20px}.details-open:not(.home) #inspector{display:block}#stages{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:20px}#stages li{font-size:12px;color:#777}#stages li.current{font-weight:600;color:#111}#stages li.done::before{content:'✓ ';color:var(--success)}#status{font-size:12px;overflow-wrap:anywhere}#job-actions{display:flex;gap:8px;flex-wrap:wrap}#quality{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}#quality p,#quality li{line-height:1.7;font-size:12px}#warnings{padding-left:18px}pre{font:11px ui-monospace,monospace;background:#f6f6f6;padding:12px;max-height:250px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.mcp-help{margin-top:16px}#error{margin-top:16px;padding:12px;background:var(--danger-bg);color:var(--danger);font-size:13px;border-left:2px solid var(--danger)}#help{padding:16px;background:#fff;border:1px solid var(--line);margin-top:16px}dialog{width:400px;max-width:calc(100vw - 32px);padding:24px;background:white;border:1px solid var(--line);border-radius:2px;color:var(--text);box-shadow:0 16px 64px #00000020}dialog::backdrop{background:#00000038}dialog h2{font-size:18px;margin:0 0 16px}dialog p{font-size:12px;color:var(--muted)}dialog label{display:block;font-size:12px;margin:16px 0 6px}dialog input{width:100%;height:38px}#login-submit{width:100%;margin-top:12px}#login-error{color:var(--danger)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#lan-urls{overflow-wrap:anywhere;font-size:12px}
@media(max-width:1000px){#workflow{position:static;transform:none;margin-left:16px;gap:2px}#workflow li{padding:6px 8px}.draft-layout.has-draft{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}main{padding:24px 20px}.header-end{gap:2px}header{padding:0 16px;gap:8px}.brand svg{display:none}}
@media(max-width:700px){header{flex-wrap:wrap;height:auto;min-height:56px;padding:10px 12px}.brand strong{font-size:16px}#workflow{order:3;width:100%;margin:2px 0 0;justify-content:center}#workflow li{padding:4px 12px}.header-end{gap:0}#toggle-nav{margin-left:auto}.draft-layout.has-draft{grid-template-columns:1fr}.draft-stage{height:420px}.has-draft .edit-panel{padding:16px}.has-draft textarea{min-height:100px}.versions button{max-width:90px}.versions button img{height:80px}#versions-panel{margin-top:16px}.home:not(.has-illustration) main{padding-top:32px}main{padding:24px 16px}.heading h1{font-size:20px}.eyebrow{font-size:10px}aside{top:98px;width:240px}.preview-stage{height:480px}.mouth-control{gap:6px;padding:6px;font-size:11px}.mouth-control>input{width:70px}.mouth-control button{width:34px!important;height:34px!important}.preview-tabs{gap:18px}.preview-caption{flex-wrap:wrap}#selected{grid-template-columns:1fr;text-align:center}#selected img{max-height:340px}.prompt-examples{gap:4px}.prompt-examples button{font-size:11px;padding:5px 7px}#dropzone{height:320px}#dropzone strong{font-size:15px}.upload-controls .primary{font-size:12px;padding:8px 10px}.composer{padding:16px}.canvas-tools{justify-content:flex-start}}