:root{color-scheme:dark;font-family:var(--font-sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;font-weight:400;--pixel-surface:rgba(21,20,34,.9);--pixel-surface-2:rgba(34,31,53,.92);--pixel-surface-3:rgba(46,42,70,.96);--pixel-ink:#f6f2ff;--pixel-muted:#bdb6d9;--pixel-border:#100d1d;--pixel-border-soft:hsla(0,0%,100%,.12);--pixel-accent:#d3ff64;--pixel-accent-2:#8b5cf6;--pixel-danger:#ff7a90;--pixel-radius-sm:10px;--pixel-radius-md:14px;--pixel-radius-lg:18px;--pixel-shadow:-4px 0 0 0 var(--pixel-border),4px 0 0 0 var(--pixel-border),0 -4px 0 0 var(--pixel-border),0 4px 0 0 var(--pixel-border);--pixel-shadow-soft:-2px 0 0 0 hsla(0,0%,100%,.08),2px 0 0 0 hsla(0,0%,100%,.08),0 -2px 0 0 hsla(0,0%,100%,.08),0 2px 0 0 hsla(0,0%,100%,.08)}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow:hidden;position:relative;background:linear-gradient(180deg,#1f1735,#0b0d17 50%,#06070d),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0);background-size:auto,24px 24px,24px 24px;color:var(--pixel-ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pixel-button,.pixel-icon-button{border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);box-shadow:var(--pixel-shadow-soft);background:linear-gradient(180deg,var(--pixel-accent) 0,#a5d63a 100%);color:#16131f;font-family:var(--font-sans),system-ui,sans-serif;font-size:.56rem;line-height:1.4;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease,opacity .12s ease}.pixel-button{padding:.72rem .95rem}.pixel-button[data-size=dense]{padding:.55rem .72rem}.pixel-button[data-size=major]{padding:.9rem 1.05rem}.pixel-button[data-variant=surface],.pixel-icon-button[data-variant=surface]{background:linear-gradient(180deg,var(--pixel-surface-3) 0,var(--pixel-surface-2) 100%);color:var(--pixel-ink)}.pixel-button[data-variant=danger],.pixel-icon-button[data-variant=danger]{background:linear-gradient(180deg,#ff92a3,#ff6f86);color:#2a0710}.control-select:not(:disabled):hover,.pixel-button:not(:disabled):hover,.pixel-icon-button:not(:disabled):hover,.pixel-menu-item:not([data-disabled]):hover,.playground-control-sheet input[type=range]:not(:disabled):hover{filter:brightness(1.06)}.pixel-button:not(:disabled):active,.pixel-icon-button:not(:disabled):active,.pixel-menu-item:not([data-disabled]):active{transform:translate(2px,2px)}.pixel-button[data-pressed=true],.pixel-icon-button[aria-expanded=true],.pixel-icon-button[data-pressed=true],.pixel-menu-item[data-highlighted]{background:linear-gradient(180deg,#8fe9ff,#5fcdf5);color:#061922}.control-select:disabled,.pixel-button[disabled],.pixel-icon-button[disabled],.pixel-input:disabled,.pixel-menu-item[data-disabled],.pixel-textarea:disabled,.playground-control-sheet input[type=range]:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.7)}.pixel-button[data-busy=true],.pixel-icon-button[data-busy=true]{background:linear-gradient(180deg,#ffe27a,#f6b84b);color:#2b1f06}.pixel-icon-button{display:inline-grid;place-items:center;justify-content:center;align-items:center;padding:0}.pixel-icon-button__icon{display:inline-grid;place-items:center;justify-content:center;align-items:center;width:100%;height:100%;line-height:0}.pixel-icon-button__icon .pixel-icon{margin:0}.pixel-icon-button[data-size=dense]{width:40px;height:40px;min-width:40px}.pixel-icon-button[data-size=standard]{width:48px;height:48px;min-width:48px}.pixel-icon-button[data-size=major]{width:56px;height:56px;min-width:56px}.pixel-input,.pixel-textarea{width:100%;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);background:hsla(0,0%,100%,.06);color:var(--pixel-ink);font-family:inherit;font-size:.62rem;line-height:1.7;padding:.72rem .8rem;outline:none;box-shadow:var(--pixel-shadow-soft)}.pixel-textarea{resize:vertical;min-height:108px}.pixel-input::placeholder,.pixel-textarea::placeholder{color:rgba(246,242,255,.44)}.pixel-button:focus-visible,.pixel-dialog-close:focus-visible,.pixel-dialog-content:focus-visible,.pixel-icon-button:focus-visible,.pixel-input:focus-visible,.pixel-menu-item:focus-visible,.pixel-textarea:focus-visible,.playground-control-sheet input[type=range]:focus-visible,.playground-control-sheet select:focus-visible{outline:3px solid #fff3b2;outline-offset:4px;box-shadow:0 0 0 4px rgba(211,255,100,.6),var(--pixel-shadow),var(--pixel-shadow-soft)}.pixel-icon{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.5px;color:inherit}.pixel-icon[data-size=dense]{width:16px;height:16px}.pixel-icon[data-size=major]{width:24px;height:24px}.playground-app{min-height:100vh;min-height:100dvh;display:block;padding:0}.playground-shell{width:100%;height:100vh;height:100dvh;background:radial-gradient(circle at top,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(211,255,100,.12),transparent 22%),linear-gradient(180deg,rgba(12,11,22,.92),rgba(8,9,15,.97));border-radius:0;overflow:hidden;position:relative;box-shadow:none;border:none}@media (max-width:640px){.playground-shell{width:100%;height:100vh;height:100dvh;border-radius:0}.playground-overlay{padding:max(.8rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left))}.playground-toolbar{align-self:flex-end}.playground-control-menu{width:auto}.playground-control-modal{width:min(calc(100vw - 1rem),36rem);max-height:min(78dvh,44rem)}.playground-control-modal__title-row{flex-direction:column;align-items:flex-start}.persona-apply-row{grid-template-columns:1fr;display:grid}.control-btn{width:44px;height:44px}.playground-controls{gap:.7rem}.playground-chatlog{max-height:min(22dvh,10rem);padding:.75rem}.playground-chat-body,.playground-chat-edit{flex-direction:column;align-items:stretch}.playground-chat-actions{justify-content:flex-start}.persona-apply,.persona-apply--danger,.persona-apply--inline{width:100%}}@media (min-width:960px){.playground-shell{width:100%;height:100vh;height:100dvh;border-radius:0}.playground-overlay{padding:1.6rem 2rem 2.2rem}.control-btn{width:54px;height:54px}}.playground-stage{position:relative;width:100%;height:100%}.avatar-stage{position:absolute;inset:0;border-radius:0;overflow:hidden;background:radial-gradient(circle at top,#1c1c28 0,#0a0b12 60%,#05060a 100%)}.avatar-stage__canvas{width:100%;height:100%}.avatar-stage__canvas canvas{width:100%;height:100%;display:block}.playground-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));pointer-events:none}.playground-toolbar{align-self:flex-end;pointer-events:auto;position:relative;z-index:2}.playground-control-launcher{position:relative}.playground-toolbar-button{width:52px;height:52px;padding:0}.pixel-menu-content,.playground-control-menu{position:absolute;top:calc(100% + .6rem);right:0;display:grid;grid-gap:.55rem;gap:.55rem;min-width:auto;padding:.8rem;background:var(--pixel-surface);border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-md);box-shadow:var(--pixel-shadow),var(--pixel-shadow-soft)}.pixel-menu-item,.playground-control-menu__item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:.65rem;gap:.65rem;width:100%;padding:.8rem;text-align:left;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);box-shadow:var(--pixel-shadow-soft);background:linear-gradient(180deg,var(--pixel-surface-3) 0,var(--pixel-surface-2) 100%);color:var(--pixel-ink);cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease,color .12s ease,opacity .12s ease}.pixel-menu-item__icon{color:var(--pixel-accent);margin-top:.05rem}.pixel-menu-item--icon-only{position:relative;width:56px;height:56px;min-width:56px;grid-template-columns:1fr;place-items:center;padding:0}.pixel-menu-item--icon-only .pixel-menu-item__icon{margin:0}.pixel-menu-item__state{position:absolute;right:6px;top:6px;width:9px;height:9px;border:2px solid var(--pixel-border);border-radius:999px;background:var(--pixel-accent)}.pixel-menu-item[data-state-indicator=dirty] .pixel-menu-item__state{background:#ffd36c}.pixel-menu-item[data-state-indicator=loading] .pixel-menu-item__state{background:#8fe9ff}.pixel-menu-item__copy{display:grid;grid-gap:.28rem;gap:.28rem;min-width:0}.pixel-menu-item__label,.pixel-menu-item__status,.playground-control-menu__label,.playground-control-menu__status{display:block;text-transform:uppercase}.pixel-menu-item__label,.playground-control-menu__label{font-size:.58rem;color:var(--pixel-accent)}.pixel-menu-item__status,.playground-control-menu__status{font-size:.5rem;color:var(--pixel-muted)}.pixel-menu-item[data-highlighted] .pixel-menu-item__label,.pixel-menu-item[data-highlighted] .pixel-menu-item__status{color:inherit}.pixel-dialog-overlay,.playground-control-modal-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:rgba(5,6,10,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:4}.pixel-dialog-content,.playground-control-modal{width:min(40rem,calc(100vw - 2rem));max-height:min(calc(100dvh - 2rem),48rem);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--pixel-surface);border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-lg);box-shadow:var(--pixel-shadow),var(--pixel-shadow-soft);overflow:hidden}.pixel-dialog-header,.playground-control-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:4px solid hsla(0,0%,100%,.08);background:linear-gradient(180deg,var(--pixel-surface-3) 0,var(--pixel-surface-2) 100%)}.pixel-dialog-header__copy,.playground-control-modal__header-copy{display:grid;grid-gap:.45rem;gap:.45rem;min-width:0}.pixel-dialog-eyebrow,.playground-control-modal__eyebrow{color:var(--pixel-accent);text-transform:uppercase;font-size:.54rem;letter-spacing:.08em}.pixel-dialog-title-row,.playground-control-modal__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.pixel-dialog-title-group{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.pixel-dialog-title-icon{color:var(--pixel-accent);flex:0 0 auto}.pixel-dialog-title,.playground-control-modal__title{margin:0;color:var(--pixel-ink);font-size:.82rem;text-transform:uppercase;line-height:1.5}.pixel-dialog-hint,.playground-control-modal__hint{margin:0}.pixel-dialog-close,.playground-control-modal__close{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);box-shadow:var(--pixel-shadow-soft);background:linear-gradient(180deg,#ff92a3,#ff6f86);color:#2a0710;cursor:pointer}.pixel-dialog-body,.playground-control-modal__body{padding:1rem;overflow-y:auto;overscroll-behavior:contain}.playground-control-sheet{display:grid;grid-gap:1rem;gap:1rem}.control-surface-section{display:grid;grid-gap:.8rem;gap:.8rem;padding:.95rem;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-md);box-shadow:var(--pixel-shadow-soft);background:linear-gradient(180deg,rgba(46,42,70,.9),rgba(26,24,41,.96))}.control-surface-section__header{display:grid;grid-gap:.35rem;gap:.35rem}.control-surface-section__eyebrow{color:var(--pixel-accent);text-transform:uppercase;font-family:var(--font-sans),system-ui,sans-serif;font-size:.7rem;letter-spacing:.06em}.control-field{display:grid;grid-gap:.45rem;gap:.45rem}.control-field__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.control-field__label{display:inline-flex;align-items:center;gap:.4rem}.control-field__value{font-family:var(--font-sans),system-ui,sans-serif;font-size:.72rem;color:var(--pixel-accent);text-transform:uppercase}.control-field__value[data-state=loading]{color:#ffd36c}.character-form,.connection-form,.persona-form{display:grid;grid-gap:.7rem;gap:.7rem}.character-form,.connection-form{padding-top:0;border-top:none}.character-subdivision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.character-subdivision__tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;width:100%}.playground-control-sheet label{font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-sans),system-ui,sans-serif;font-size:.8rem;color:var(--pixel-muted)}.persona-status,.playground-chat-message-meta{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-sans),system-ui,sans-serif;font-size:.64rem;color:var(--pixel-accent);text-transform:uppercase}.persona-status{font-size:.7rem}.pixel-input,.pixel-textarea,.playground-chat-edit input,.playground-control-sheet input,.playground-control-sheet select,.playground-control-sheet textarea{border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);background:hsla(0,0%,100%,.06);color:var(--pixel-ink);font-size:.74rem;line-height:1.75;padding:.72rem .8rem;outline:none;box-shadow:var(--pixel-shadow-soft)}.pixel-textarea,.playground-control-sheet textarea{resize:vertical;min-height:108px}.pixel-input::placeholder,.pixel-textarea::placeholder,.playground-control-sheet input::placeholder,.playground-control-sheet textarea::placeholder{color:rgba(246,242,255,.44)}.character-select option,.connection-grid select option,.playground-control-sheet select option{color:#111217}.control-btn,.persona-apply,.pixel-button,.pixel-icon-button,.playground-chat-actions button{border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);box-shadow:var(--pixel-shadow-soft);padding:.72rem .95rem;background:linear-gradient(180deg,var(--pixel-accent) 0,#a5d63a 100%);color:#16131f;font-family:var(--font-sans),system-ui,sans-serif;font-size:.64rem;text-transform:uppercase;cursor:pointer}.persona-apply-row{display:inline-flex}.control-action-row,.persona-apply-row{align-items:center;gap:.65rem;flex-wrap:wrap}.control-action-row{display:flex}.persona-toast{display:inline-flex;align-items:center;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);padding:.28rem .58rem;font-family:var(--font-sans),system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;color:#0d1608;background:#a5ff7e;opacity:0;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease}.persona-toast.is-visible{opacity:1;transform:translateY(0)}.persona-toast[data-tone=success]{background:#a5ff7e;color:#0d1608}.persona-hint{margin:0;font-size:.8rem;color:var(--pixel-muted);line-height:1.8}.control-feedback{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);padding:.35rem .55rem;box-shadow:var(--pixel-shadow-soft)}.control-feedback--error{color:#ffd3de;background:rgba(90,20,36,.72)}.control-feedback--success{color:#dfffbe;background:rgba(35,73,26,.72)}.local-asset-library{display:grid;grid-gap:.7rem;gap:.7rem;padding:.85rem;border:4px solid rgba(208,255,111,.18);border-radius:var(--pixel-radius-sm);background:hsla(0,0%,100%,.04)}.local-asset-library__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.local-asset-library__list{display:grid;grid-gap:.65rem;gap:.65rem}.local-asset-library__empty{padding:.1rem 0}.local-asset-card{display:grid;grid-gap:.7rem;gap:.7rem;padding:.75rem;border:4px solid hsla(0,0%,100%,.1);border-radius:var(--pixel-radius-sm);background:rgba(15,18,27,.42)}.local-asset-card__body{display:grid;grid-gap:.3rem;gap:.3rem}.local-asset-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.local-asset-card__title-row strong{font-size:.84rem;color:var(--pixel-ink)}.local-asset-card__actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.local-asset-badge{display:inline-flex;align-items:center;padding:.18rem .42rem;border:3px solid rgba(208,255,111,.3);border-radius:var(--pixel-radius-sm);background:rgba(165,214,58,.14);color:var(--pixel-accent);font-family:var(--font-sans),system-ui,sans-serif;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.character-select{min-height:44px}.control-select{width:100%;min-height:48px;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);background:hsla(0,0%,100%,.06);color:var(--pixel-ink);font-family:inherit;font-size:.72rem;line-height:1.7;padding:.72rem .8rem;box-shadow:var(--pixel-shadow-soft);transition:filter .12s ease,box-shadow .12s ease,border-color .12s ease,opacity .12s ease}.pixel-file-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pixel-file-upload{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:.8rem;gap:.8rem;width:100%;min-height:64px;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-md);background:linear-gradient(180deg,rgba(56,51,86,.96),rgba(26,24,41,.98));color:var(--pixel-ink);box-shadow:var(--pixel-shadow-soft);padding:.8rem .9rem;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease}.pixel-file-upload:hover{filter:brightness(1.05)}.pixel-file-upload:active{transform:translate(2px,2px)}.pixel-file-upload:focus-visible{outline:3px solid #fff3b2;outline-offset:4px;box-shadow:0 0 0 4px rgba(211,255,100,.6),var(--pixel-shadow),var(--pixel-shadow-soft)}.pixel-file-upload[data-dragging=true]{border-color:#fff3b2;background:linear-gradient(180deg,rgba(46,89,104,.98),rgba(25,48,64,.98));box-shadow:0 0 0 4px rgba(143,233,255,.25),var(--pixel-shadow-soft)}.pixel-file-upload[data-busy=true]{background:linear-gradient(180deg,rgba(92,72,24,.96),rgba(54,37,12,.98))}.pixel-file-upload[data-disabled=true]{cursor:not-allowed;opacity:.54;filter:saturate(.72)}.pixel-file-upload__badge{display:inline-grid;place-items:center;width:48px;height:48px;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);background:linear-gradient(180deg,rgba(143,233,255,.28),rgba(95,205,245,.08));color:var(--pixel-accent);box-shadow:var(--pixel-shadow-soft)}.pixel-file-upload[data-busy=true] .pixel-file-upload__badge{color:#ffd36c;background:linear-gradient(180deg,rgba(255,211,108,.28),rgba(182,118,35,.08))}.pixel-file-upload[data-dragging=true] .pixel-file-upload__badge{color:#8fe9ff;background:linear-gradient(180deg,rgba(143,233,255,.36),rgba(95,205,245,.12))}.pixel-file-upload__copy{display:grid;grid-gap:0;gap:0;min-width:0}.pixel-file-upload__title{font-family:var(--font-sans),system-ui,sans-serif;font-size:.8rem;text-transform:none;letter-spacing:0;color:var(--pixel-ink)}.pixel-file-upload__description{display:none;font-size:.78rem;color:rgba(246,242,255,.8);line-height:1.6}.pixel-file-upload__supported{font-family:var(--font-sans),system-ui,sans-serif;font-size:.7rem;color:var(--pixel-accent);text-transform:uppercase;letter-spacing:.04em}.connection-grid{display:grid;grid-gap:.75rem;gap:.75rem}.persona-apply--inline{justify-self:stretch}.persona-apply--toolbar{padding-inline:.8rem;white-space:nowrap}.persona-apply--danger{background:linear-gradient(180deg,#ff92a3,#ff6f86);color:#2a0710}.control-action-icon,.local-asset-card__actions .pixel-icon-button,.playground-chat-actions .pixel-icon-button{flex:0 0 auto;width:42px;min-width:42px;height:42px;padding:0}.local-asset-card__actions{justify-content:flex-end}.playground-controls{display:grid;grid-gap:.85rem;gap:.85rem;margin-top:auto;pointer-events:auto;width:min(100%,58rem);min-width:0;align-self:center}.control-btn{width:64px;height:64px;display:grid;place-items:center;background:linear-gradient(180deg,#ffe36e,#d3ff64)}.control-btn svg{width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:1.5px}.control-btn--accent{background:linear-gradient(180deg,#f5ec79 0,var(--pixel-accent) 100%)}.control-btn--recording{background:linear-gradient(180deg,#ff9cb0,#ff6a87);color:#250b11}.control-btn--active{background:linear-gradient(180deg,#8fe9ff,#5fcdf5);color:#061922}.playground-composer{display:grid;grid-gap:.6rem;gap:.6rem;background:linear-gradient(180deg,rgba(35,31,53,.96),rgba(18,16,30,.98));border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-lg);padding:.65rem;box-shadow:var(--pixel-shadow),var(--pixel-shadow-soft);min-width:0}.playground-composer-chatbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.55rem;gap:.55rem;align-items:center;min-width:0}.playground-composer-chat-field{min-width:0}.playground-composer-chat-select{min-height:42px;font-size:.68rem;padding:.55rem .65rem}.playground-composer-chat-actions{display:inline-flex;align-items:center;gap:.45rem}.playground-composer-shell{grid-template-columns:minmax(0,1fr) auto;grid-gap:.65rem}.playground-composer-main,.playground-composer-shell{display:grid;gap:.65rem;align-items:center;min-width:0}.playground-composer-main{grid-template-columns:minmax(0,1fr);grid-gap:.65rem}.playground-composer-actions{display:inline-flex;align-items:center;gap:.55rem}.playground-composer-input{min-width:0;width:100%;background:hsla(0,0%,100%,.05);font-family:var(--font-sans),system-ui,sans-serif;font-size:.98rem;line-height:1.45;letter-spacing:.01em;text-transform:none}.playground-composer-input::placeholder{color:rgba(246,242,255,.52)}.playground-composer-toggle{box-shadow:var(--pixel-shadow-soft);display:inline-grid;place-items:center}.playground-composer-toggle .pixel-button__content,.playground-composer-toggle .pixel-icon,.playground-composer-toggle .pixel-icon-button__icon{display:grid;place-items:center;margin:0 auto}.playground-composer-toggle--active{background:linear-gradient(180deg,#f5ec79 0,var(--pixel-accent) 100%);color:#16131f}.playground-composer-toggle--recording{background:linear-gradient(180deg,#ff9cb0,#ff6a87);color:#250b11}.playground-error,.playground-status{margin:0;font-family:var(--font-sans),system-ui,sans-serif;font-size:.84rem;text-align:center;text-transform:none;line-height:1.5;letter-spacing:normal}.playground-error{color:#ff96aa}.playground-status{color:var(--pixel-accent)}.playground-status[data-tone=loading]{color:#ffd36c}.playground-status[data-tone=success]{color:#92f28d}.pixel-scroll-area,.playground-chatlog{width:100%;min-width:0;max-height:min(32dvh,22rem);overflow:hidden;margin-top:.1rem;padding:0;border-radius:var(--pixel-radius-lg);background:linear-gradient(180deg,rgba(31,28,47,.96),rgba(14,13,25,.98));border:4px solid var(--pixel-border);box-shadow:var(--pixel-shadow),var(--pixel-shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pixel-scroll-area__viewport,.playground-chatlog__viewport{max-height:inherit;overflow-y:auto;overscroll-behavior:contain;padding:1rem}.pixel-scroll-area__corner,.pixel-scroll-area__scrollbar,.pixel-scroll-area__thumb{display:none}.playground-chat-stack{display:grid;grid-gap:.85rem;gap:.85rem}.playground-chat-message{display:grid;grid-gap:.7rem;gap:.7rem;width:min(100%,44rem);padding:.9rem 1rem;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-md);background:linear-gradient(180deg,rgba(40,36,60,.98),rgba(20,19,33,.98));box-shadow:var(--pixel-shadow),var(--pixel-shadow-soft)}.playground-chat-message--assistant{justify-self:start}.playground-chat-message--user{justify-self:end;background:linear-gradient(180deg,rgba(72,42,38,.98),rgba(42,24,27,.98))}.playground-chat-body,.playground-chat-edit{display:grid;grid-gap:.7rem;gap:.7rem;min-width:0}.playground-chat-message-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.playground-chat-message-index,.playground-chat-message-role{display:inline-flex;align-items:center;font-size:.54rem;text-transform:uppercase}.playground-chat-message-role{color:var(--pixel-accent)}.playground-chat-message-index{color:var(--pixel-muted)}.playground-chat-content{margin:0;color:var(--pixel-ink);font-family:var(--font-sans),system-ui,sans-serif;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.65;font-size:.98rem;letter-spacing:.01em;text-transform:none}.playground-chat-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.playground-chat-message--assistant .playground-chat-actions{justify-content:flex-start}.playground-chat-edit-input{min-width:0;font-family:var(--font-sans),system-ui,sans-serif;font-size:.96rem;line-height:1.45;letter-spacing:.01em;text-transform:none}@media (max-width:640px){.playground-controls{width:100%}.pixel-scroll-area,.playground-chatlog{max-height:min(26dvh,13rem)}.playground-chat-message{width:100%;padding:.8rem}.playground-composer-chatbar,.playground-composer-main,.playground-composer-shell{grid-template-columns:1fr}.playground-composer-chat-actions{justify-content:flex-end}.playground-composer-actions{justify-content:space-between}.playground-composer-toggle{flex:1 1}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}