:root{color-scheme:light;font-family:var(--font-sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;font-weight:400;--paper:#f6f1ea;--paper-2:#efe6d8;--ink:#1c1f24;--ink-soft:#4b515a;--ink-muted:#6f7681;--coral:#e07a5f;--sage:#7a8f7c;--sun:#f2c14e;--teal:#3a6f6b;--navy:#293241;--shadow:rgba(28,31,36,.12);--radius-lg:24px;--radius-md:16px;--radius-sm:10px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fff4e6 0,#f6efe3 40%,#efe3d2 100%);color:var(--ink);min-height:100vh;position:relative;overflow-x:hidden}body:after,body:before{content:"";position:fixed;inset:auto;width:420px;height:420px;border-radius:50%;filter:blur(0);opacity:.35;z-index:-1;animation:drift 18s ease-in-out infinite}body:before{top:-120px;right:-140px;background:radial-gradient(circle,rgba(242,193,78,.8),rgba(242,193,78,0))}body:after{bottom:-140px;left:-120px;background:radial-gradient(circle,rgba(58,111,107,.65),rgba(58,111,107,0));animation-delay:2s}@keyframes drift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(12px) scale(1.04)}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{width:min(1200px,100%);margin:0 auto;padding:2.75rem 1.5rem 5rem;display:flex;flex-direction:column;gap:2.5rem}h1,h2,h3,h4{font-family:var(--font-display),"Times New Roman",serif;margin:0 0 .6rem;line-height:1.2}h1{font-size:clamp(2.6rem,4vw,3.4rem)}h2{font-size:clamp(1.8rem,3vw,2.4rem)}p{margin:0 0 1rem;color:var(--ink-soft)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(35,40%,94%,.86);border-bottom:1px solid rgba(28,31,36,.08)}.site-header__inner{width:min(1200px,100%);margin:0 auto;padding:1.2rem 1.5rem;display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:1.5rem;gap:1.5rem;align-items:center}.logo{display:inline-flex;gap:.7rem;font-weight:700;align-items:center;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.logo__mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--sun),var(--coral));color:var(--navy);display:grid;place-items:center;font-weight:700}.site-nav{display:flex;gap:1rem;font-size:.95rem;color:var(--ink-muted)}.site-nav a:hover{color:var(--ink)}.nav-search input{border:1px solid rgba(28,31,36,.18);background:#fff9f1;padding:.55rem .9rem;border-radius:999px;min-width:220px}.site-header__actions{display:flex;align-items:center;gap:.75rem}.btn{border:none;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn--primary{background:linear-gradient(135deg,var(--coral),var(--sun));color:var(--navy);box-shadow:0 12px 24px rgba(224,122,95,.2)}.btn--secondary{background:var(--navy);color:#fff}.btn--ghost{background:transparent;border:1px solid rgba(28,31,36,.2);color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(28,31,36,.12)}.section{background:hsla(0,0%,100%,.7);border:1px solid rgba(28,31,36,.08);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:0 28px 80px rgba(28,31,36,.08)}.section--tight{padding:1.8rem}.section-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-end;margin-bottom:1.6rem}.section-header p{max-width:520px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2.5rem;gap:2.5rem;align-items:center;background:linear-gradient(140deg,rgba(58,111,107,.12),rgba(242,193,78,.18));border-radius:var(--radius-lg);padding:3rem;border:1px solid rgba(28,31,36,.1)}.eyebrow{display:inline-flex;background:rgba(58,111,107,.18);color:var(--teal);padding:.35rem .8rem;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.hero-actions{gap:.9rem;margin:1.6rem 0}.hero-actions,.hero-search{display:flex;flex-wrap:wrap}.hero-search{gap:.75rem;margin-bottom:1.5rem}.hero-search input{flex:1 1 240px;border-radius:999px;border:1px solid rgba(28,31,36,.2);padding:.75rem 1rem;background:#fff7ed}.hero-panel{display:grid;grid-gap:1.5rem;gap:1.5rem}.hero-card{background:#fffaf3;border-radius:var(--radius-md);padding:1.6rem;border:1px solid rgba(28,31,36,.1);box-shadow:0 18px 40px rgba(28,31,36,.1);animation:riseIn .4s ease forwards}.hero-card ul{padding-left:1.1rem;color:var(--ink-soft);margin:.8rem 0 0}.hero-card--accent{background:linear-gradient(135deg,rgba(242,193,78,.25),rgba(224,122,95,.2))}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1.2rem}.hero-metrics strong{font-size:1.4rem;display:block}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tag-row{display:flex;gap:.6rem;flex-wrap:wrap}.tag-row--wide{gap:.9rem}.tag-pill{background:#fff6eb;border:1px solid rgba(28,31,36,.12);border-radius:999px;padding:.35rem .8rem;font-size:.85rem;color:var(--ink-soft)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.4rem;gap:1.4rem}.card{position:relative;background:#fffdf8;border-radius:var(--radius-md);padding:1.4rem;border:1px solid rgba(28,31,36,.08);overflow:hidden;box-shadow:0 18px 40px rgba(28,31,36,.08)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(0,0,0,.02));pointer-events:none}.card[data-tone=sun]{border-color:rgba(242,193,78,.3)}.card[data-tone=coral]{border-color:rgba(224,122,95,.3)}.card[data-tone=sage]{border-color:hsla(126,9%,52%,.3)}.card[data-tone=ink]{border-color:rgba(41,50,65,.25)}.card-link{display:grid;grid-gap:.8rem;gap:.8rem;color:inherit}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--ink-muted)}.badge{display:inline-flex;padding:.3rem .7rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;background:rgba(58,111,107,.14);color:var(--teal)}.card-bottom{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-muted)}.card-author{font-weight:600;color:var(--ink)}.card-stats{font-size:.8rem;color:var(--ink-muted)}.card-author__handle{font-size:.75rem;color:var(--ink-muted)}.card-link__hint{font-size:.8rem;color:var(--teal);font-weight:600}.pill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.2rem;gap:1.2rem}.pill-card{background:#fffaf4;border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(28,31,36,.08);box-shadow:0 14px 32px rgba(28,31,36,.08)}.pill-card__status{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.4rem;gap:1.4rem}.event-card{background:#fffaf6;border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(28,31,36,.08)}.event-card__date{font-size:.8rem;color:var(--ink-muted)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.3rem;gap:1.3rem}.demo-card{background:#fffaf1;border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(28,31,36,.08)}.demo-card__adapter{font-size:.8rem;color:var(--ink-muted)}.cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(58,111,107,.2),rgba(224,122,95,.2));border:1px solid rgba(28,31,36,.08)}.tabs{display:inline-flex;gap:.5rem;padding:.4rem;background:#fff3e5;border-radius:999px;border:1px solid rgba(28,31,36,.08);margin-bottom:1.5rem}.tab{border:none;background:transparent;padding:.5rem 1.2rem;border-radius:999px;cursor:pointer;font-weight:600;color:var(--ink-muted)}.tab--active{background:var(--navy);color:#fff}.browse-layout{display:grid;grid-template-columns:minmax(220px,260px) 1fr;grid-gap:2rem;gap:2rem}.filter-panel{background:#fffaf3;border-radius:var(--radius-md);padding:1.2rem;border:1px solid rgba(28,31,36,.08);display:grid;grid-gap:1.2rem;gap:1.2rem;height:-moz-fit-content;height:fit-content}.filter-group h4{margin-bottom:.6rem}.filter-item{display:flex;gap:.5rem;align-items:center;font-size:.9rem;color:var(--ink-soft)}.browse-results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.browse-results__header span{display:block;color:var(--ink-muted);font-size:.85rem}.sort-select{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--ink-muted)}.sort-select select{border-radius:999px;padding:.4rem .9rem;border:1px solid rgba(28,31,36,.2);background:#fffaf3}.adapter-hero{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,360px);grid-gap:2rem;gap:2rem;background:hsla(0,0%,100%,.7);border-radius:var(--radius-lg);border:1px solid rgba(28,31,36,.08);padding:2.4rem}.adapter-hero__copy{display:grid;grid-gap:.9rem;gap:.9rem}.author-row{display:flex;gap:.5rem;align-items:center;font-size:.9rem;color:var(--ink-muted)}.author-row__handle{color:var(--teal);font-weight:600}.adapter-description{margin-top:.4rem}.adapter-hero__panel{display:grid;grid-gap:1.5rem;gap:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;text-align:center;background:#fffaf3;border-radius:var(--radius-md);padding:1rem}.stat-grid strong{font-size:1.4rem}.cta-panel{background:#fff8ef;border-radius:var(--radius-md);padding:1.4rem;border:1px solid rgba(28,31,36,.1)}.cta-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.detail-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,320px);grid-gap:2rem;gap:2rem}.code-panel{background:#fffdf7;border-radius:var(--radius-md);padding:1.4rem;border:1px solid rgba(28,31,36,.08)}.code-panel__header{display:flex;justify-content:space-between;align-items:center}.code-panel__body{display:grid;grid-gap:1.2rem;gap:1.2rem;margin-top:1rem}.file-tree{display:grid;grid-gap:.5rem;gap:.5rem}.file-item{border:1px solid rgba(28,31,36,.12);border-radius:.7rem;padding:.45rem .7rem;text-align:left;background:#fff8ef;cursor:pointer}.file-item.active{background:rgba(58,111,107,.15);border-color:rgba(58,111,107,.4)}.code-block{background:#191919;color:#f9f5ef;border-radius:var(--radius-sm);padding:1rem;overflow-x:auto;font-size:.85rem}.side-panel{display:grid;grid-gap:1.2rem;gap:1.2rem}.panel-card{background:#fffaf1;border-radius:var(--radius-md);padding:1.2rem;border:1px solid rgba(28,31,36,.08)}.usage-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-gap:.6rem;gap:.6rem}.usage-list li{display:flex;justify-content:space-between;font-size:.9rem}.version-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:.8rem;gap:.8rem}.version-list li{display:grid;grid-gap:.2rem;gap:.2rem;font-size:.9rem}.comment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.2rem;gap:1.2rem}.comment-card{background:#fffaf3;border-radius:var(--radius-md);padding:1.2rem;border:1px solid rgba(28,31,36,.08)}.comment-card__author{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-muted)}.creator-hero{display:grid;grid-template-columns:auto 1fr auto;grid-gap:2rem;gap:2rem;align-items:center;background:hsla(0,0%,100%,.7);border-radius:var(--radius-lg);border:1px solid rgba(28,31,36,.08);padding:2.4rem}.creator-avatar{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,var(--teal),var(--sun));display:grid;place-items:center;font-size:2rem;font-weight:700;color:#fff}.creator-card .creator-avatar{width:56px;height:56px;border-radius:18px;font-size:1.4rem}.creator-info p{margin:.2rem 0}.creator-meta{display:flex;gap:1rem;color:var(--ink-muted);font-size:.9rem}.creator-links{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--teal)}.creator-actions{display:grid;grid-gap:.6rem;gap:.6rem}.section-actions{margin-top:1.5rem;text-align:center}.notice-card{background:#fffaf1;border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(28,31,36,.08)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}label{display:grid;grid-gap:.4rem;gap:.4rem;font-size:.9rem;color:var(--ink-muted);margin-bottom:1rem}input,select,textarea{border-radius:.75rem;border:1px solid rgba(28,31,36,.18);padding:.7rem .9rem;font-size:.95rem;font-family:inherit;background:#fffdf7}textarea{min-height:120px;resize:vertical}.code-input{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.form-hint{font-size:.8rem;color:var(--ink-muted)}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.breadcrumb{gap:.4rem;font-size:.85rem;color:var(--ink-muted)}.breadcrumb,.version-header{display:flex;margin-bottom:1.5rem}.version-header{justify-content:space-between;align-items:center}.site-footer{margin-top:auto;background:hsla(0,0%,100%,.82);border-top:1px solid rgba(28,31,36,.08)}.site-footer__inner{width:min(1200px,100%);margin:0 auto;padding:2.5rem 1.5rem;display:grid;grid-gap:2rem;gap:2rem}.site-footer__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1.5rem;gap:1.5rem}.site-footer__links h4{margin-bottom:.6rem}.site-footer__links a{display:block;color:var(--ink-muted);margin-bottom:.4rem}.site-footer__meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-muted)}.playground{background:hsla(0,0%,100%,.7)}body.playground-mode{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:#f6f2ff;--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)}body.playground-mode:after,body.playground-mode:before{display:none}body.playground-mode main{width:100%;padding:0;margin:0;flex:1 1}body.playground-mode .site-footer,body.playground-mode .site-header{display:none}body.playground-mode .app-shell{background:transparent}.pixel-button,.pixel-icon-button,body.playground-mode .playground-app,body.playground-mode .playground-app *{font-family:var(--font-sans),system-ui,sans-serif}.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-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-file-input:not(:disabled):hover,.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,.playground-control-sheet label.connection-checkbox input: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-file-input:disabled,.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,.playground-control-sheet label.connection-checkbox input: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=file]: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:min(18rem,calc(100vw - 1.6rem))}.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}.connection-profile-row,.persona-apply-row{grid-template-columns:1fr}.persona-apply-row{display:grid}.control-btn{width:44px;height:44px}.playground-controls{gap:.7rem}.playground-chatlog{max-height:min(22dvh,10rem);padding:.75rem}.playground-input{grid-template-columns:1fr;padding:.55rem}.playground-input input{font-size:.9rem}.stop-btn{width:100%}.playground-chat-body,.playground-chat-edit{flex-direction:column;align-items:stretch}.playground-chat-actions{justify-content:flex-start}.connection-profile-row input,.connection-profile-row select,.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-input input{font-size:1rem}}.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:min(18rem,calc(100vw - 2rem));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__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}.persona-header{display:flex;align-items:center;justify-content:space-between;gap:.9rem;text-transform:uppercase;color:var(--pixel-accent)}.section-toggle{width:100%;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:inherit;padding:.8rem;margin:0;cursor:pointer;text-align:left}.section-toggle[aria-expanded=false]{background:linear-gradient(180deg,rgba(46,42,70,.82),rgba(28,26,44,.92))}.section-content{display:grid;grid-gap:.7rem;gap:.7rem;padding:.1rem 0 .2rem}.section-arrow{width:1rem;height:1rem;color:var(--pixel-accent);flex:0 0 auto}.playground-control-sheet label,.playground-persona 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,.playground-input input,.playground-persona input,.playground-persona select,.playground-persona 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,.playground-persona textarea{resize:vertical;min-height:108px}.pixel-input::placeholder,.pixel-textarea::placeholder,.playground-control-sheet input::placeholder,.playground-control-sheet textarea::placeholder,.playground-input input::placeholder,.playground-persona input::placeholder,.playground-persona textarea::placeholder{color:rgba(246,242,255,.44)}.character-select option,.connection-grid select option,.connection-profile-row select option,.playground-control-sheet select option,.playground-persona 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;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-size:.68rem;letter-spacing:.04em}.character-slider-label,.local-asset-badge{align-items:center;font-family:var(--font-sans),system-ui,sans-serif;text-transform:uppercase}.character-slider-label{display:flex;justify-content:space-between;gap:.8rem;font-size:.76rem;color:var(--pixel-muted)}.character-slider-value{font-family:var(--font-sans),system-ui,sans-serif;font-size:.72rem;color:var(--pixel-accent)}.character-slider{width:100%;accent-color:var(--pixel-accent)}.character-select{min-height:44px}.control-file-input,.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}.control-file-input{cursor:pointer}.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) auto;align-items:center;grid-gap:.8rem;gap:.8rem;width:100%;min-height:84px;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:.18rem;gap:.18rem;min-width:0}.pixel-file-upload__title{font-family:var(--font-sans),system-ui,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--pixel-ink)}.pixel-file-upload__description{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}.pixel-file-upload__cta{display:inline-flex;align-items:center;align-self:stretch;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);background:linear-gradient(180deg,var(--pixel-accent) 0,#a5d63a 100%);color:#16131f;box-shadow:var(--pixel-shadow-soft);padding:.42rem .68rem;pointer-events:none}.pixel-file-upload__cta-content{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-sans),system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;white-space:nowrap}.pixel-file-upload[data-busy=true] .pixel-file-upload__cta{background:linear-gradient(180deg,#ffe27a,#f6b84b);color:#2b1f06}.pixel-file-upload[data-disabled=true] .pixel-file-upload__cta{background:linear-gradient(180deg,rgba(77,77,77,.8),rgba(46,46,46,.95));color:rgba(246,242,255,.72)}.control-file-input::-webkit-file-upload-button{margin-right:.75rem;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);padding:.45rem .7rem;background:linear-gradient(180deg,var(--pixel-surface-3) 0,var(--pixel-surface-2) 100%);color:var(--pixel-ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;cursor:pointer}.control-file-input::file-selector-button{margin-right:.75rem;border:4px solid var(--pixel-border);border-radius:var(--pixel-radius-sm);padding:.45rem .7rem;background:linear-gradient(180deg,var(--pixel-surface-3) 0,var(--pixel-surface-2) 100%);color:var(--pixel-ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;cursor:pointer}.control-file-input:disabled::-webkit-file-upload-button{cursor:not-allowed}.control-file-input:disabled::file-selector-button{cursor:not-allowed}@media (max-width:720px){.pixel-file-upload{grid-template-columns:auto minmax(0,1fr)}.pixel-file-upload__cta{grid-column:1/-1;justify-self:start}}.connection-grid{display:grid;grid-gap:.75rem;gap:.75rem}.connection-profile-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:.55rem;gap:.55rem;align-items:center}.playground-control-sheet label.connection-checkbox,.playground-persona label.connection-checkbox{margin:0;display:inline-flex;align-items:center;gap:.55rem;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--pixel-muted)}.playground-control-sheet label.connection-checkbox input,.playground-persona label.connection-checkbox input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:0;border:none;background:transparent;width:14px;height:14px;margin:0;box-shadow:none}.playground-control-sheet label.connection-checkbox input:focus-visible{outline:3px solid #fff3b2;outline-offset:3px}.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}.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-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-composer-meta{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;color:var(--pixel-muted);font-size:.82rem;line-height:1.4}.playground-composer-meta,.playground-error,.playground-status{font-family:var(--font-sans),system-ui,sans-serif;letter-spacing:normal;text-transform:none}.playground-error,.playground-status{margin:0;font-size:.84rem;text-align:center;line-height:1.5}.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-main,.playground-composer-shell{grid-template-columns:1fr}.playground-composer-actions{justify-content:space-between}.playground-composer-toggle{flex:1 1}}.playground-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.playground-badge{background:rgba(58,111,107,.18);padding:.4rem .8rem;border-radius:999px;font-size:.8rem;color:var(--teal)}.playground-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,360px);grid-gap:1.5rem;gap:1.5rem}.chat-shell{display:grid;grid-gap:1rem;gap:1rem}.chat-window{display:flex;flex-direction:column;gap:.8rem;max-height:320px;overflow-y:auto;padding-right:.5rem}.message{padding:.8rem 1rem;border-radius:1rem;max-width:85%;font-size:.9rem}.message.user{align-self:flex-end;background:rgba(224,122,95,.18);border:1px solid rgba(224,122,95,.4)}.message.assistant{align-self:flex-start;background:rgba(58,111,107,.16);border:1px solid rgba(58,111,107,.35)}.message small{display:block;opacity:.7;margin-bottom:.25rem;font-size:.7rem}.chat-form textarea{min-height:120px}@media (max-width:980px){.site-header__inner{grid-template-columns:auto 1fr}.nav-search,.site-nav{display:none}.adapter-hero,.browse-layout,.creator-hero,.detail-grid,.playground-grid{grid-template-columns:1fr}.creator-hero{text-align:center}.creator-actions{justify-content:center}.cta{flex-direction:column;align-items:flex-start}.site-footer__meta{flex-direction:column;gap:.4rem}}@media (max-width:640px){.site-header__inner{grid-template-columns:1fr;gap:1rem}.site-header__actions{justify-content:space-between}.hero{padding:2rem}.section{padding:1.6rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}