:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5f2;--panel:#fff;--ink:#171717;--muted:#6b6f76;--line:#dadde1;--blue:#2d6cdf}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app-shell{min-height:100vh;padding:24px}.auth-shell{justify-content:center;align-items:center;display:flex}.signin-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.signin-panel h1{margin:0;font-size:28px;line-height:1.1}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 18px;display:flex}.topbar h1{margin:0;font-size:24px;line-height:1.1}.account{align-items:center;gap:12px;display:flex}.account span{color:var(--muted);font-size:13px}.primary,.secondary,.icon,.play{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;display:inline-flex}.primary,.play{background:var(--ink);color:#fff}.secondary,.icon{background:var(--panel);color:var(--ink)}.workspace{grid-template-columns:minmax(320px,1fr) 360px;gap:18px;max-width:1180px;margin:0 auto;display:grid}.viewer-panel,.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.viewer-panel{padding:20px}.avatar-stage{border:1px solid var(--line);background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;min-height:calc(100vh - 196px);padding:16px;display:flex;overflow:hidden}.player{width:100%}.frame{aspect-ratio:2/3;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;background-color:#fff;background-repeat:no-repeat;background-size:800% 100%;place-items:center;width:min(100%,426.667px,43.333vh);margin:auto;display:grid}.frame:active{cursor:grabbing}.controls{justify-content:center;gap:8px;margin-top:12px;display:flex}.icon{width:42px;padding:0}.play{min-width:88px}.angle{color:var(--muted);justify-content:center;gap:16px;margin-top:12px;font-size:13px;display:flex}.hint{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12px}.pending-view{text-align:center;width:100%}.front-avatar{object-fit:contain;max-width:100%;max-height:min(65vh,640px);margin:auto;display:block}.empty-stage{aspect-ratio:2/3;width:min(100%,360px);color:var(--muted);border:1px dashed #c8ccd2;border-radius:8px;place-items:center;margin:auto;font-size:14px;display:grid}.job-status{margin-top:16px;font-size:14px}.job-status p{color:var(--muted)}.viewer-status{color:var(--muted);margin-top:12px;font-size:13px}.side-panel{padding:16px}.side-panel h2{margin:0 0 12px;font-size:14px}.dropzone{background:#fafafa;border:1px dashed #c8ccd2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:130px;padding:16px;font-size:14px;display:flex}.dropzone span{color:var(--muted);font-size:12px}.dropzone.over{border-color:var(--blue);background:#f1f6ff}.file-hint,.muted{color:var(--muted);font-size:12px}.history{margin-top:28px}.history-title{justify-content:space-between;align-items:baseline;display:flex}.history-title span{color:var(--muted);font-size:12px}.history-list{flex-direction:column;gap:10px;display:flex}.history-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:42px 1fr 10px;align-items:center;gap:12px;width:100%;padding:8px 12px;display:grid}.history-card img{object-fit:contain;width:42px;height:56px}.history-caption{flex-direction:column;gap:5px;font-size:12px;display:flex}.history-caption strong{font-weight:500}.history-caption>span{color:var(--muted)}.status-dot{background:var(--blue);border-radius:50%;width:10px;height:10px}.status-dot.queued{background:#bc7a16}.status-dot.complete{background:#15995f}.status-dot.error{background:#bd2f2f}.error{color:#bd2f2f;background:#fff3f1;border:1px solid #e5b8b0;border-radius:8px;padding:12px 14px;font-size:14px}.banner{max-width:1180px;margin:0 auto 18px}@media (max-width:840px){.app-shell{padding:14px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px}.workspace{grid-template-columns:1fr}.side-panel{grid-row:1}.avatar-stage{min-height:55vh}.frame{width:min(100%,340px,41.333vh)}.front-avatar{max-height:62vh}.history-list{max-height:190px;overflow-y:auto}.history{margin-top:20px}}:root{--bg:#fafafa;--muted:#666;--line:#eaeaea;--blue:#0070f3;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace}body{font-family:Geist,Inter,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.app-shell:not(.auth-shell){padding:0 32px 64px}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafafaf0;max-width:none;height:56px;margin:0 -32px 32px;padding:0 32px;position:sticky;top:0}.topbar h1{letter-spacing:-.01em;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.brand-dot{background:var(--ink);border-radius:50%;width:18px;height:18px}.workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;max-width:1500px}.viewer-panel,.side-panel{border-radius:10px;padding:24px}.side-panel{position:sticky;top:88px}.primary,.secondary,.icon,.play{border-radius:6px;min-height:38px;font-size:13px}.avatar-stage{border-color:var(--line);background:#fff;min-height:500px}.frame{width:min(100%,360px,40vh)}.viewer-status{font:12px var(--mono)}.history-card.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.cell-head{align-items:center;gap:12px;margin:0 0 20px;display:flex}.cell-head h2,.cell-head h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.n{font:11px var(--mono);color:var(--muted);border:1px solid var(--line);background:#fafafa;border-radius:6px;padding:2px 7px}.pill{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:2px 10px 2px 8px;font-size:12px;display:inline-flex}.pill:before{content:"";background:#d4d4d4;border-radius:50%;width:7px;height:7px}.pill.running{color:#0070f3;border-color:#cfe1ff}.pill.running:before{background:#0070f3}.pill.done{color:#0a7a3d;border-color:#bfe3cf}.pill.done:before{background:#0a7a3d}.pill.failed{color:#d32029;border-color:#f3c3c6}.pill.failed:before{background:#d32029}.mono{font:12px/1.6 var(--mono);color:var(--muted);overflow-wrap:anywhere}.pipeline-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.pipeline-toggle{justify-content:space-between;width:100%}.pipeline-board{min-width:0;margin-top:24px}.process-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.process-heading h2{margin:0;font-size:18px;font-weight:600}.process-card{border:1px solid var(--line);border-radius:10px;min-width:0;margin-bottom:16px;padding:20px}.step-meta{font:12px var(--mono);color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;display:flex}.step-note{color:var(--muted);margin:12px 0;font-size:12px}.image-row{align-items:flex-start;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.image-row figure{flex:none;margin:0}.input-artifact{object-fit:contain;border:1px solid var(--line);background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 0 0 / 16px 16px;border-radius:8px;max-width:360px;height:240px}figcaption{color:var(--muted);flex-direction:column;gap:4px;margin-top:6px;font-size:12px;display:flex}figcaption b{color:var(--ink);font-weight:500}.process-frame{background:#fff;height:240px;position:relative}.process-frame img{border:1px solid var(--line);border-radius:8px;width:100%;height:100%;display:block}.process-frame svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.strip-artifact{margin:0}.strip-artifact img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.strip-artifact figcaption{flex-flow:wrap;justify-content:space-between;gap:8px}.strip-artifact a{color:var(--muted)}.artifact-empty{border:1px dashed var(--line);color:#999;border-radius:8px;padding:24px;font-size:12px}details{margin-top:16px}summary{cursor:pointer;color:var(--muted);font-size:12px}summary:hover{color:var(--ink)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 var(--mono);border:1px solid var(--line);background:#fafafa;border-radius:8px;max-height:300px;margin:8px 0 0;padding:12px;overflow:auto}.table-scroll{margin-top:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px}th{color:var(--muted);font-size:11px;font-weight:600}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legend span:first-child{color:#0070f3}.legend span:last-child{color:#0a7a3d}.pipeline-total{font:12px var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 260px}.viewer-panel,.side-panel{padding:16px}}@media (max-width:840px){.app-shell:not(.auth-shell){padding:0 14px 32px}.topbar{height:auto;min-height:56px;margin:0 -14px 20px;padding:12px 14px}.workspace{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}.avatar-stage{min-height:360px}.process-card{padding:12px}.cell-head{gap:8px}.cell-head h3{font-size:13px}.pill{font-size:11px}.frame{width:min(100%,340px,41.333vh)}}