.playToolShell{display:grid;gap:28px;width:min(100%,820px);margin:0 auto}.playToolShell.playToolWide{width:100%}.playToolBack{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:44px;color:var(--text-faint);font-size:.88rem;transition:color .18s ease}.playToolBack:hover{color:var(--text)}.playToolHeader{display:grid;gap:12px;max-width:780px}.playToolHeader h1{max-width:760px;margin:0;font-family:Manrope,Inter,sans-serif;font-size:clamp(2.25rem,7vw,4.4rem);line-height:.98;letter-spacing:-.055em}.playToolHeader p{max-width:680px;color:var(--text-soft);font-size:clamp(1rem,2.4vw,1.12rem)}.playToolPanel,.playToolCard{position:relative;border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}.playToolPanel{padding:clamp(20px,4vw,36px);border-radius:var(--radius-2xl)}.playToolCard{padding:20px;border-radius:var(--radius-lg)}.playToolGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.playToolField{display:grid;gap:8px;min-width:0;color:var(--text-faint);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.playToolInput,.playToolSelect,.playToolTextarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font:inherit;font-size:.98rem;letter-spacing:normal;text-transform:none;transition:border-color .18s ease,box-shadow .18s ease}.playToolInput,.playToolSelect{min-height:48px;padding:0 15px}.playToolTextarea{min-height:120px;padding:14px 15px;resize:vertical}.playToolInput:focus,.playToolSelect:focus,.playToolTextarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-wash)}.playToolActions,.playToolTabs,.playToolPills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.playToolButton,.playToolTab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--accent-wash);color:var(--text);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.playToolButton:hover,.playToolTab:hover,.playToolTab[aria-selected=true],.playToolButton.is-active{border-color:var(--accent);background:#b9c8dc33;color:var(--accent-bright)}.playToolButton:hover{transform:translateY(-2px)}.playToolButtonPrimary{border-color:var(--accent-bright);background:var(--accent-bright);color:var(--bg)}.playToolButtonPrimary:hover{background:var(--text);color:var(--bg)}.playToolButtonGhost{background:transparent;color:var(--text-soft)}.playToolResult{display:grid;gap:10px;padding:24px;border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--accent-wash);text-align:center}.playToolResultValue{display:block;color:var(--accent-bright);font-family:Manrope,Inter,sans-serif;font-size:clamp(2.2rem,8vw,4.4rem);font-weight:800;line-height:1;letter-spacing:-.055em}.playToolLabel{color:var(--text-faint);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.playToolMuted{color:var(--text-faint)}.playToolCode{max-width:100%;margin:0;padding:18px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.65;white-space:pre-wrap}.playToolPill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--accent-wash);color:var(--text-soft);font-size:.78rem}.playToolCanvasWrap{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg)}.playToolCanvas{display:block;width:100%;height:100%;min-height:320px;touch-action:pan-y}.playToolDivider{width:100%;height:1px;background:var(--line)}.playToolNotice{padding:14px 18px;border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--accent-wash);color:var(--text-soft)}.playToolHidden{display:none!important}.playToolModal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0a1420d1;backdrop-filter:blur(14px)}.playToolModal[hidden]{display:none}.playToolModalCard{display:grid;gap:18px;width:min(100%,520px);padding:clamp(24px,5vw,38px);border:1px solid var(--line-strong);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-premium);text-align:center}@media(max-width:600px){.playToolShell{gap:22px}.playToolPanel{padding:18px;border-radius:var(--radius-xl)}.playToolGrid{grid-template-columns:1fr}.playToolActions .playToolButton{flex:1 1 auto}.playToolCanvasWrap,.playToolCanvas{min-height:280px}}@media(prefers-reduced-motion:reduce){.playToolButton,.playToolTab,.playToolInput,.playToolSelect,.playToolTextarea{transition:none}}