:root{color:#f5f7fb;font-synthesis:none;background:#0d1016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}#app{max-width:1440px;margin:0 auto;padding:28px}.hero{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#9b8cff;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(28px,4vw,46px)}h2{margin-bottom:16px;font-size:16px}.muted,.hint,.next-card p{color:#9ba4b8;font-size:13px}.status,.stage-footer{color:#b9c1d4;font-size:13px}.status{background:#171c28;border:1px solid #2b3242;border-radius:999px;padding:8px 12px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px;display:grid}.panel{background:#141923;border:1px solid #252c3a;border-radius:18px;box-shadow:0 12px 40px #0003}.stage-panel{overflow:hidden}.stage-wrap{background:radial-gradient(circle at 50% 30%,#2b3350,#121620 65%);height:calc(100vh - 180px);min-height:680px;max-height:900px;position:relative}#avatar-canvas{width:100%;height:100%;display:block}#webcam{z-index:2;opacity:.8;border:1px solid #fff3;border-radius:12px;width:150px;position:absolute;bottom:16px;right:16px;transform:scaleX(-1)}.stage-empty{color:#e7eaff;text-align:center;pointer-events:none;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.stage-empty span{color:#a5adc0;font-size:13px}.stage-empty[hidden]{display:none}.stage-footer{background:#10141d;justify-content:space-between;padding:12px 16px;display:flex}.controls{align-content:start;gap:16px;display:grid}.control-card,.next-card{padding:18px}.file-label{color:#dbe0ee;margin-bottom:8px;font-size:13px;display:block}input[type=file]{color:#aab2c4;width:100%;margin-bottom:12px;font-size:12px}.camera-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.voice-toggle{color:#cbd2e2;align-items:center;gap:8px;font-size:13px;display:flex}button.primary{color:#fff;background:linear-gradient(135deg,#725cff,#9a69ff);border:0;border-radius:10px;width:100%;padding:11px 14px;font-weight:700}button.secondary{color:#dbe0ee;background:#202735;border:1px solid #3b455a;border-radius:10px;width:100%;padding:11px 14px;font-weight:700}.chat-log{gap:8px;max-height:280px;margin:16px 0;display:grid;overflow:auto}.message{white-space:pre-wrap;border-radius:12px;max-width:90%;padding:10px 12px;font-size:13px;line-height:1.45}.message.user{background:#5140a9;justify-self:end}.message.model{background:#242b39;justify-self:start}.chat-form{gap:8px;display:grid}textarea{resize:vertical;color:#f5f7fb;background:#0f131b;border:1px solid #343d4f;border-radius:10px;outline:none;width:100%;padding:10px}textarea:focus{border-color:#8d79ff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=920px){#app{padding:16px}.hero{flex-direction:column;align-items:start}.workspace{grid-template-columns:1fr}.stage-wrap{height:70vh;min-height:560px}}