.playground-page{background:radial-gradient(65% 30% at 72% 5%,#ff712012,#0000),#090a0d}.playground-page main{min-width:0}.playground-hero{justify-content:space-between;align-items:end;gap:32px;margin-bottom:54px;display:flex}.playground-eyebrow,.playground-panel-heading>span,.playground-panel-heading>div>span,.playground-result-copy>span{color:#ff985f;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600}.playground-eyebrow{align-items:center;gap:11px;display:flex}.playground-eyebrow span{background:#ff985f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #ff985f90}.playground-hero h1{color:#fff;max-width:900px;font-family:var(--font-display), sans-serif;letter-spacing:-.065em;margin-top:22px;font-size:clamp(3rem,6vw,6rem);font-weight:600;line-height:1.05}.playground-hero h1 em{color:#ff7b34;font-style:normal}.playground-intro{color:#c9ced8;max-width:660px;margin-top:24px;font-size:clamp(15px,1.5vw,18px);line-height:1.7}.playground-hero-note{border-left:1px solid #ff8d494f;flex:none;align-self:end;min-width:190px;padding:20px 24px}.playground-hero-note span{color:#ffad7c;font:11px var(--font-mono), monospace;display:block}.playground-hero-note strong{color:#c8ced9;margin-top:15px;font-size:17px;font-weight:500;line-height:1.6;display:block}.playground-layout{grid-template-columns:minmax(270px,.38fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.playground-panel{background:#111318;border:1px solid #30333b;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 24px 70px #0004}.playground-panel-heading{border-bottom:1px solid #ffffff14;min-height:110px;padding:25px 28px 21px}.playground-panel-heading h2{color:#f5f5f6;letter-spacing:-.025em;margin-top:8px;font-size:22px;font-weight:600}.playground-panel-heading p{color:#b3bac7;margin-top:6px;font-size:12px;line-height:1.5}.playground-fields{padding:4px 28px 18px}.playground-field{border-bottom:1px solid #ffffff10;padding:19px 0}.playground-field:last-child{border-bottom:0}.playground-field>div{flex-wrap:wrap;justify-content:space-between;gap:3px 10px;display:flex}.playground-field label{color:#f0f1f4;font-size:12px;font-weight:600}.playground-field>div>span{color:#9fa8b7;font-size:11px}.playground-field select{appearance:none;color:#f2f3f6;cursor:pointer;background:#1a1e27 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23cbd2dd' stroke-width='1.5'/%3E%3C/svg%3E") right 15px center no-repeat;border:1px solid #3a424e;border-radius:8px;width:100%;min-height:47px;margin-top:12px;padding:10px 40px 10px 14px;font-size:14px}.playground-field select:disabled{cursor:not-allowed;opacity:.55}.playground-field>p{color:#b5bdc9;margin-top:8px;font-size:11px}.playground-control-foot{color:#aeb7c4;border-top:1px solid #ffffff12;padding:18px 28px 22px;font-size:12px;line-height:1.7}.playground-preview-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.playground-preview-head p{text-align:right}.playground-preview-body{padding:22px}.playground-playback{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.playground-playback>span{color:#b7bfcc;font-size:12px}.playground-playback>div{flex-wrap:wrap;gap:7px;display:flex}.playground-playback button{color:#f3f4f6;background:#191c23;border:1px solid #454b55;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 13px;font-size:12px;transition:border-color .2s,background .2s;display:inline-flex}.playground-playback button:hover:not(:disabled){background:#ff995e16;border-color:#ff995e}.playground-playback button:disabled{opacity:.45;cursor:not-allowed}.playground-preview-body [data-routing-view]{margin-bottom:0}.playground-journey{border-top:1px solid #ffffff14;margin-top:17px;padding-top:14px}.playground-journey summary{color:#d1d7e0;cursor:pointer;width:fit-content;font-size:12px}.playground-journey ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.playground-journey li{background:#151820;border:1px solid #30343c;border-radius:8px;padding:14px 16px}.playground-journey li[aria-current=step]{background:#ff924f12;border-color:#ff924f99}.playground-journey li span{color:#ffae7f;font:10px var(--font-mono), monospace;display:block}.playground-journey li strong{color:#f0f2f6;margin-top:8px;font-size:13px;font-weight:500;display:block}.playground-journey li p{color:#bac3d0;margin-top:6px;font-size:11px;line-height:1.6}.playground-result{background:linear-gradient(125deg,#181b21,#0d0f13);border:1px solid #373d46;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:40px;margin:48px 0 0;padding:42px;display:grid}.playground-result-copy{flex-direction:column;align-items:start;display:flex}.playground-result-copy h2{color:#fff;max-width:520px;font-family:var(--font-display), sans-serif;letter-spacing:-.045em;margin-top:16px;font-size:clamp(30px,3.4vw,48px);font-weight:600;line-height:1.15}.playground-result-copy p{color:#c7ced8;max-width:580px;margin-top:20px;font-size:15px;line-height:1.8}.playground-result-card{background:#11151c;border:1px solid #424853;border-radius:12px;padding:24px}.playground-result-card>span{color:#ffae7c;font:11px var(--font-mono), monospace;letter-spacing:.12em}.playground-result-card h3{color:#fff;letter-spacing:-.03em;margin-top:12px;font-size:24px;font-weight:600}.playground-result-card ol{border-top:1px solid #ffffff13;max-height:280px;margin-top:20px;overflow:auto}.playground-result-card li{border-bottom:1px solid #ffffff10;justify-content:space-between;gap:15px;padding:9px 0;display:flex}.playground-result-card li span{color:#aeb9c9;font-size:10px}.playground-result-card li strong{color:#e0e6ef;text-align:right;font-size:11px;font-weight:500}.playground-result-card>p{color:#b5bfcd;margin-top:20px;font-size:12px;line-height:1.6}.playground-create{color:#101010;background:#f97316;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;min-height:54px;margin-top:20px;padding:13px 17px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:flex;box-shadow:0 12px 28px #f9731638}.playground-create:hover{background:#ff8b38;transform:translateY(-2px)}.playground-docs{color:#d6dce7;align-items:center;gap:8px;margin-top:17px;font-size:13px;display:inline-flex}.playground-docs:hover{color:#ffb181}.playground-status-error{border-top:1px solid #ffffff14;padding-top:12px}@media (max-width:1100px){.playground-layout{grid-template-columns:1fr}.playground-fields{-moz-column-gap:26px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;display:grid}.playground-hero-note{display:none}}@media (max-width:700px){.playground-hero{margin-bottom:36px}.playground-fields{display:block}.playground-panel-heading{min-height:0;padding:22px}.playground-fields{padding:4px 22px 18px}.playground-control-foot{padding:16px 22px}.playground-preview-body{padding:14px}.playground-preview-head{display:block}.playground-preview-head p{text-align:left}.playground-playback{flex-direction:column;align-items:start}.playground-journey ol{grid-template-columns:1fr}.playground-result{grid-template-columns:1fr;gap:26px;margin-top:24px;padding:24px 16px}.playground-result-card{padding:18px}}@media (prefers-reduced-motion:reduce){.playground-page *,.playground-page :before,.playground-page :after{transition:none!important}}