:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f2ea;font-synthesis:none;text-rendering:optimizelegibility;background:#101312;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{min-width:320px;margin:0;overflow:hidden}button,textarea{font:inherit}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}.app-shell{background:linear-gradient(120deg,#26465329,#0000 38%),linear-gradient(300deg,#8e443d1f,#0000 42%),#101312;height:100dvh;padding:10px;overflow:hidden}.stage-band{width:min(100%,1600px);height:100%;min-height:0;margin:0 auto}.workspace{grid-template-columns:minmax(0,1fr) clamp(300px,25vw,380px);gap:12px;height:100%;min-height:0;display:grid}.avatar-stage{background:radial-gradient(circle at 50% 24%,#b2dfcb1c,#0000 24%),linear-gradient(#171d1b,#0c0f0e);border:0;border-radius:8px;place-items:center;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f4f2ea17,inset 0 1px #ffffff0b}.avatar-stage:before{content:"";background:#f4f2ea24;height:1px;position:absolute;inset:auto 12% 10%}.avatar-subtitle{z-index:3;pointer-events:none;justify-content:center;width:min(620px,100% - 36px);display:flex;position:absolute;top:clamp(18px,6dvh,54px);left:50%;transform:translate(-50%)}.avatar-subtitle p{-webkit-line-clamp:3;color:#f8f1de;text-align:center;text-wrap:balance;text-shadow:0 1px 3px #000000e6,0 8px 24px #000000b8;-webkit-box-orient:vertical;max-width:100%;margin:0;padding:0;font-size:clamp(1rem,1.7vw,1.22rem);font-weight:560;line-height:1.38;display:-webkit-box;overflow:hidden}.vrm-stage{position:absolute;inset:0}.avatar-canvas{width:100%;height:100%;display:block}.asset-state{z-index:2;color:#f4f2ea;background:#0c0f0edb;border:1px solid #f4f2ea2e;border-radius:8px;gap:6px;width:min(360px,100% - 40px);padding:14px;display:grid;position:absolute}.asset-state strong{font-size:.92rem}.asset-state span{overflow-wrap:anywhere;color:#b8c4bd;font-size:.8rem;line-height:1.4}.control-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.voice-panel,.runtime-panel,.event-log{background:linear-gradient(#f4f2ea12,#f4f2ea0b),#0d1110b8;border:0;border-radius:8px;min-width:0;padding:12px;box-shadow:inset 0 0 0 1px #f4f2ea16,inset 0 1px #ffffff0a}.voice-panel{align-content:start;gap:10px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panel-heading h2{margin:0;font-size:1rem;line-height:1.2}.panel-heading span,.panel-heading strong{color:#95b7aa;font-size:.78rem;font-weight:500}.voice-panel .panel-heading{align-items:flex-start;margin-bottom:0}.voice-panel .controls{grid-template-columns:1fr}.session-switch{color:#f4f2ea;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;min-height:32px;padding:2px 0;display:flex}.session-switch:disabled{cursor:not-allowed;opacity:.56}.session-switch-label{min-width:0;font-size:.86rem;font-weight:650;line-height:1.15}.switch-track{background:#f4f2ea1f;border-radius:999px;flex:none;width:38px;height:22px;transition:background-color .14s,box-shadow .14s;position:relative;box-shadow:inset 0 0 0 1px #f4f2ea2e}.switch-thumb{background:#a9b8b1;border-radius:999px;width:16px;height:16px;transition:background-color .14s,transform .14s;position:absolute;top:3px;left:3px}.session-switch[aria-checked=true] .switch-track{background:#b2dfcb57;box-shadow:inset 0 0 0 1px #b2dfcb70}.session-switch[aria-checked=true] .switch-thumb{background:#f4f2ea;transform:translate(16px)}.session-switch:focus-visible{outline:0}.session-switch:focus-visible .switch-track{box-shadow:inset 0 0 0 1px #b2dfcb94,0 0 0 3px #b2dfcb2e}.latest-user-transcript{border-block:1px solid #f4f2ea13;gap:5px;min-width:0;padding:9px 0 11px;display:grid}.latest-user-transcript span{color:#95b7aa;font-size:.72rem;line-height:1.1}.latest-user-transcript p{-webkit-line-clamp:2;color:#f8f1de;-webkit-box-orient:vertical;margin:0;font-size:clamp(.95rem,2.4vw,1.05rem);line-height:1.34;display:-webkit-box;overflow:hidden}.voice-disabled-note{color:#e8b16a;margin:0;font-size:.82rem;line-height:1.35}.error-box{color:#ffd7c1;background:#552a1f47;border:1px solid #f0b28c61;border-radius:6px;gap:8px;margin:0;padding:9px;font-size:.82rem;line-height:1.35;display:flex}.error-box svg{flex:none;margin-top:1px}.controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.primary-action,.secondary-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:50px;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.primary-action{color:#0d1512;background:#b2dfcb;border:1px solid #b2dfcb}.primary-action:hover{background:#c7eadb}.secondary-action{color:#f4f2ea;background:#f4f2ea11;border:1px solid #f4f2ea38}.secondary-action:hover{border-color:#f4f2ea6b}.event-log{flex-direction:column;min-height:0;display:flex;overflow:hidden}.event-log .panel-heading{flex:none}.event-log-title{gap:2px;min-width:0;display:grid}.events{scrollbar-color:#f4f2ea57 transparent;scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:auto;gap:0;min-height:0;padding-bottom:10px;padding-right:8px;display:flex;overflow:auto}.events::-webkit-scrollbar{width:10px}.events::-webkit-scrollbar-track{background:0 0}.events::-webkit-scrollbar-thumb{background:#f4f2ea57 padding-box content-box;border:2px solid #0000;border-radius:999px}.event-row{border-bottom:1px solid #f4f2ea13;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 0 11px 12px;display:grid;position:relative}.event-row:before{content:"";background:#b2dfcb75;border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:0}.event-row:last-child{border-bottom:0}.event-row>div{gap:3px;min-width:0;display:grid}.event-row span{color:#f4f2ea;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;line-height:1.16;overflow:hidden}.event-row small{color:#95b7aa;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.22;overflow:hidden}.event-row code{color:#b2dfcb;white-space:nowrap;font-family:inherit;font-size:.74rem;line-height:1}.event-meta{justify-items:end}.event-meta time{color:#d3ddd7;white-space:nowrap;font-size:.72rem;line-height:1}.runtime-panel{min-height:0}.runtime-panel[data-expanded=true]{flex-direction:column;max-height:min(46dvh,520px);display:flex}.runtime-heading{margin-bottom:8px}.runtime-panel[data-expanded=false] .runtime-heading{margin-bottom:0}.runtime-title{gap:2px;min-width:0;display:grid}.runtime-actions{flex:none;gap:6px;display:flex}.runtime-details{min-height:0;padding-top:10px;overflow:auto}.icon-action{color:#f4f2ea;cursor:pointer;background:#f4f2ea0e;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex;box-shadow:inset 0 0 0 1px #f4f2ea24}.icon-action:hover{background:#f4f2ea17;box-shadow:inset 0 0 0 1px #f4f2ea47}.disclosure-action svg{transition:transform .14s}.disclosure-action[aria-expanded=true] svg{transform:rotate(180deg)}.check-list{border-top:1px solid #f4f2ea13;gap:0;display:grid}.check-row{border-bottom:1px solid #f4f2ea13;grid-template-columns:18px minmax(0,1fr);gap:2px 8px;min-height:38px;padding:8px 0;display:grid}.check-row:last-child{border-bottom:0}.check-row svg{grid-row:1/span 2;margin-top:1px}.check-row[data-ok=true] svg{color:#b2dfcb}.check-row[data-ok=false] svg{color:#f0b28c}.check-row span{color:#f4f2ea;min-width:0;font-size:.8rem}.check-row code{color:#a9b8b1;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:inherit;font-size:.72rem;overflow:hidden}.empty{color:#87938d;margin:0}@media (width<=1080px){.workspace{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=860px){.app-shell{padding:8px}.workspace{grid-template-rows:auto minmax(0,1fr) minmax(112px,24dvh) auto;grid-template-columns:1fr;gap:8px}.control-panel{display:contents}.voice-panel{order:1}.avatar-stage{order:2}.event-log{order:3}.runtime-panel{order:4}.runtime-panel[data-expanded=true]{max-height:34dvh}}@media (width<=640px){.app-shell{padding:6px}.workspace{grid-template-rows:auto minmax(0,1fr) minmax(104px,22dvh) auto;gap:6px}.voice-panel,.runtime-panel,.event-log{padding:10px}.panel-heading{margin-bottom:8px}.panel-heading h2{font-size:.95rem}.primary-action,.secondary-action{min-height:48px}.event-row{min-height:44px}.avatar-subtitle{width:min(520px,100% - 28px);top:clamp(14px,4dvh,30px)}.avatar-subtitle p{-webkit-line-clamp:3;font-size:1rem}}@media (width<=640px) and (height<=700px){.runtime-panel[data-expanded=true]{max-height:156px}}@media (height<=720px) and (width>=861px){.app-shell{padding:8px}.workspace,.control-panel{gap:8px}.voice-panel,.runtime-panel,.event-log{padding:10px}.primary-action,.secondary-action{min-height:44px}}