.hero.svelte-j6hxly{text-align:center;padding:var(--space-xl) 0}.hero.svelte-j6hxly h1:where(.svelte-j6hxly){font-size:2rem;margin-bottom:var(--space-sm)}.hero-subtitle.svelte-j6hxly{color:var(--color-text-muted);font-size:1rem;max-width:500px;margin:0 auto}.playground-grid.svelte-j6hxly{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.panel.svelte-j6hxly{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);overflow:hidden}.panel-header.svelte-j6hxly{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header.svelte-j6hxly h2:where(.svelte-j6hxly){font-size:1rem;margin:0}.controls-panel.svelte-j6hxly{max-height:80vh;overflow-y:auto}.control-section.svelte-j6hxly{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05)}.control-section.svelte-j6hxly:last-child{border-bottom:none}.control-section.svelte-j6hxly h3:where(.svelte-j6hxly){font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.control-group.svelte-j6hxly{margin-bottom:var(--space-md)}.control-group.svelte-j6hxly:last-child{margin-bottom:0}.control-row.svelte-j6hxly{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}fieldset.control-group.svelte-j6hxly{border:none;padding:0;margin:0 0 var(--space-md) 0}fieldset.control-group.svelte-j6hxly legend:where(.svelte-j6hxly){padding:0;margin-bottom:var(--space-xs)}.persona-grid.svelte-j6hxly{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.persona-btn.svelte-j6hxly{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.persona-btn.svelte-j6hxly:hover{border-color:#fff3}.persona-btn.active.svelte-j6hxly{border-color:var(--color-primary);background:var(--color-primary-muted)}.persona-icon.svelte-j6hxly{font-size:1.25rem}.persona-name.svelte-j6hxly{font-size:.6875rem;color:var(--color-text-muted)}.slider.svelte-j6hxly{width:100%;accent-color:var(--color-primary)}.checkbox-grid.svelte-j6hxly{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.checkbox-label.svelte-j6hxly{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;cursor:pointer}.token-panel.svelte-j6hxly{position:sticky;top:80px;max-height:80vh;overflow-y:auto}.token-display.svelte-j6hxly{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05)}.token-display.svelte-j6hxly pre:where(.svelte-j6hxly){background:var(--color-bg);padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;overflow-x:auto;margin:0}.legend-section.svelte-j6hxly,.summary-section.svelte-j6hxly{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05)}.legend-section.svelte-j6hxly h3:where(.svelte-j6hxly),.summary-section.svelte-j6hxly h3:where(.svelte-j6hxly){font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.legend-grid.svelte-j6hxly{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.legend-item.svelte-j6hxly{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem}.legend-emoji.svelte-j6hxly{font-size:1rem}.legend-meaning.svelte-j6hxly{color:var(--color-text-muted)}.summary-grid.svelte-j6hxly{display:flex;flex-direction:column;gap:var(--space-md)}.summary-label.svelte-j6hxly{font-size:.75rem;font-weight:500;margin-bottom:var(--space-xs)}.summary-transmitted.svelte-j6hxly{color:var(--color-success)}.summary-influencing.svelte-j6hxly{color:var(--color-warning)}.summary-withheld.svelte-j6hxly{color:var(--color-danger)}.field-tag-influence.svelte-j6hxly{background:var(--color-warning-muted);color:var(--color-warning)}@media(max-width:900px){.playground-grid.svelte-j6hxly{grid-template-columns:1fr}.token-panel.svelte-j6hxly{position:static}}@media(max-width:640px){.control-row.svelte-j6hxly{grid-template-columns:1fr}.persona-grid.svelte-j6hxly{grid-template-columns:repeat(2,1fr)}.checkbox-grid.svelte-j6hxly{grid-template-columns:1fr}}