:root{--bg: #030314;--surface: #0d0d1a;--card: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--text: #f5f5ff;--muted: rgba(245, 245, 255, .75);--accent: #7c5dff;--accent-strong: #b892ff;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(124,93,255,.35),transparent 55%),var(--bg);color:var(--text);min-height:100vh}.playground-shell{max-width:1200px;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem;display:flex;flex-direction:column;gap:2rem}.playground-hero{background:linear-gradient(135deg,#7c5dff59,#222444f2);padding:2.5rem;border-radius:24px;border:1px solid var(--border);box-shadow:0 30px 80px #00000059}.playground-hero h1{margin-top:.5rem;font-size:clamp(2rem,4vw,3rem)}.playground-hero p{color:var(--muted);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;color:var(--accent-strong)}.hero-meta{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.meta-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6}.meta-value{font-size:1rem;font-weight:600}.playground-section{background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:1.75rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.section-header p{color:var(--muted)}.label{align-self:center;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.8rem}.label.secondary{border-color:var(--accent);color:var(--accent-strong)}.demo-text-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.demo-text-card{background:var(--card);border-radius:18px;padding:1.25rem;border:1px solid transparent;cursor:pointer;text-align:left;color:inherit;transition:border .2s ease,transform .2s ease}.demo-text-card.active{border-color:var(--accent);transform:translateY(-4px)}.demo-text-card h4{margin:.25rem 0}.demo-text-card p{color:var(--muted)}.demo-text-card .tag-row{font-size:.8rem;color:var(--accent-strong);letter-spacing:.05em}.demo-text-card .preview{font-size:.9rem;margin-top:.75rem}.task-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.task-chip{border:1px solid var(--border);border-radius:16px;background:transparent;color:inherit;padding:1rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;transition:border .2s ease,background .2s ease}.task-chip small{color:var(--muted)}.task-chip.active{border-color:var(--accent);background:#7c5dff14}.results{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1.25rem}.result-pane{display:grid;gap:1rem}.result-card{border-radius:18px;border:1px solid var(--border);padding:1.25rem;background:var(--card)}.result-card header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted)}.result-card.gold header button{background:none;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .9rem;color:inherit;cursor:pointer}.placeholder-output{margin-top:1rem;padding:1rem;border-radius:12px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);font-size:.95rem;color:var(--muted)}.task-body{margin-top:1rem}.rewrite-panel{display:flex;flex-direction:column;gap:.75rem}.rewrite-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rewrite-actions button{flex:1 1 180px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff05;color:inherit;padding:.65rem 1rem;cursor:pointer}.rewrite-actions button:hover:not(:disabled){border-color:var(--accent)}.rewrite-actions button:disabled{opacity:.6;cursor:progress}.rewrite-progress__bar{width:100%;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-bottom:.25rem}.rewrite-progress__bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.rewrite-output{border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:.9rem;background:#ffffff08}.rewrite-output header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.9rem;color:var(--muted)}.tone-chip{border-radius:999px;padding:.2rem .8rem;font-size:.8rem;color:#050505}.tone-chip.positive{background:#7bf2b9}.tone-chip.negative{background:#ff8a9b}.tone-chip.neutral{background:#dcd7ff}.loading-indicator{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.loading-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:spin 1s linear infinite}.loading-dots:after{content:"…";animation:dots 1.2s steps(4,end) infinite;display:inline-block;width:1ch;margin-left:.1rem}.improvement-tester{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tester-card{border:1px solid var(--border);border-radius:18px;padding:1rem;background:#ffffff05;display:flex;flex-direction:column;gap:.6rem}.tester-card header{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.tester-input{font-size:.95rem;color:var(--muted);border-left:2px solid var(--accent);padding-left:.6rem}.tester-actions{display:flex;flex-direction:column;gap:.5rem}.tester-actions button{border-radius:999px;padding:.65rem 1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff08;color:inherit;cursor:pointer}.tester-actions button:hover:not(:disabled){border-color:var(--accent)}.tester-actions button:disabled{opacity:.6;cursor:progress}.tester-output{border-radius:14px;border:1px solid rgba(255,255,255,.12);padding:.75rem;background:#ffffff08}.tester-output p{margin:0}.health-panel{border-radius:18px;border:1px solid var(--border);background:#0b0e23d9;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.metric-grid{display:flex;flex-direction:column;gap:1rem}.metric-card{border-radius:14px;padding:1rem;border:1px solid rgba(255,255,255,.08)}.metric-card h5{margin:0;font-size:.95rem}.metric-value{font-size:2rem;margin:.35rem 0}.metric-sub{color:var(--muted);margin:0;font-size:.9rem}.metric-card.good{border-color:#00ffcc80}.metric-card.warn{border-color:#ffc13b99}.metric-card.alert{border-color:#ff5766b3}.complex-block{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.complex-block ul{padding-left:1rem;margin:.5rem 0 0;color:var(--muted)}.model-ladder-card{border-radius:20px;border:1px solid var(--border);padding:2rem;background:linear-gradient(135deg,#0a0e1ee6,#0b0619e6)}.model-ladder-card ul{margin:1rem 0;padding-left:1rem;color:var(--muted)}.coming-soon{font-size:.9rem;color:var(--accent-strong)}.cta-footer{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;align-items:center}.cta-row{display:flex;flex-wrap:wrap;gap:1rem}.cta{padding:.85rem 1.8rem;border-radius:999px;font-weight:600;border:1px solid transparent}.cta.primary{background:var(--accent);color:#0b0b12}.cta.secondary{border-color:#ffffff40;color:var(--text)}.summarization-ladder{display:flex;flex-direction:column;gap:1.5rem}.ladder-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,3fr) minmax(260px,2fr)}.ladder-section{margin-bottom:1.25rem}.ladder-doc-picker,.ladder-model-picker{display:flex;flex-direction:column;gap:.75rem}.ladder-doc-card,.ladder-model-card{border:1px solid var(--border);border-radius:18px;padding:1.1rem;background:#ffffff08;color:inherit;text-align:left;cursor:pointer;display:flex;gap:.9rem;transition:border .2s ease,transform .2s ease}.ladder-doc-card.active,.ladder-model-card.active{border-color:var(--accent);transform:translateY(-3px)}.ladder-doc-card__heading h4,.ladder-model-card__body h4{margin:.2rem 0}.ladder-model-card__icon{font-size:1.4rem}.ladder-model-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--muted)}.ladder-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.ladder-actions__meta{display:flex;flex-direction:column;gap:.2rem;color:var(--muted);font-size:.85rem}.ladder-loading{margin-top:1.25rem;padding:1rem;border-radius:12px;border:1px solid var(--border);background:#ffffff0d}.ladder-loading__bar{width:100%;height:8px;border-radius:999px;background:#ffffff1a;margin-bottom:.5rem;overflow:hidden}.ladder-loading__bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .2s ease}.ladder-summary-comparison{display:flex;flex-direction:column;gap:1rem}.ladder-summary-card{border:1px solid var(--border);border-radius:18px;padding:1.25rem;background:#ffffff08}.ladder-summary-card.secondary{background:#ffffff0d}.ladder-summary-card header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.chip{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.2rem .7rem;font-size:.8rem}.ladder-progress{border:1px solid var(--border);border-radius:18px;padding:1rem 1.25rem;background:#ffffff05}.ladder-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ladder-progress__bar{width:100%;height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-bottom:.25rem}.ladder-progress__bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.error-text{color:#ff6c7a;font-size:.9rem;margin-top:.5rem}@media(max-width:900px){.results{grid-template-columns:1fr}.cta-row{width:100%}.cta-row .cta{flex:1;text-align:center}.ladder-grid{grid-template-columns:1fr}.ladder-actions{flex-direction:column;align-items:stretch}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}