.ide.pl{display:flex;flex-direction:column;min-height:100dvh;color:var(--fg);background-color:var(--bg);background-image:radial-gradient(1200px 560px at 50% -120px,color-mix(in oklch,var(--acc-1) 18%,transparent),transparent 62%)}.ide .pl-top{display:flex;align-items:center;gap:14px;padding:15px 24px;border-block-end:1px solid var(--line);background:color-mix(in oklch,var(--panel) 60%,transparent)}.ide .pl-brand{font-weight:800;font-size:.98rem;line-height:1.2}.ide .pl-brand small{display:block;font-weight:600;color:var(--faint);font-size:.72rem;margin-top:3px}.ide .pl-top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:14px}.ide .pl-back{color:var(--mut);font-weight:700;font-size:.86rem;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;transition:background .2s,color .2s}.ide .pl-back:hover{background:var(--chip);color:var(--fg)}.ide .pl-bar{height:4px;background:color-mix(in oklch,var(--fg) 8%,transparent)}.ide .pl-bar i{display:block;height:100%;background:linear-gradient(115deg,var(--acc-1),var(--acc-2));border-start-end-radius:4px;border-end-end-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.ide .pl-scroll{flex:1;overflow-y:auto;padding:40px 22px 64px}.ide .pl-stage{max-width:600px;margin:0 auto;animation:plStep .34s cubic-bezier(.4,0,.2,1)}@keyframes plStep{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ide .pl-head{display:flex;align-items:center;margin-bottom:18px}.ide .pl-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;color:color-mix(in oklch,var(--acc-1) 55%,var(--fg));background:color-mix(in oklch,var(--acc-1) 15%,transparent);border:1px solid color-mix(in oklch,var(--acc-1) 32%,transparent);padding:6px 13px;border-radius:100px}.ide .pl-eyebrow.code{color:color-mix(in oklch,var(--acc-2) 60%,var(--fg));background:color-mix(in oklch,var(--acc-2) 13%,transparent);border-color:color-mix(in oklch,var(--acc-2) 32%,transparent)}.ide .pl-stepnum{margin-inline-start:auto;color:var(--faint);font-size:.8rem;font-weight:700}.ide .pl-q{font-size:1.42rem;font-weight:800;line-height:1.75;margin:0 0 20px}.ide .pl-q.pl-q-sm{font-size:1.24rem;margin-bottom:10px}.ide .pl-snippet{direction:ltr;text-align:left;font-family:var(--font-jetbrains);font-size:.9rem;line-height:1.7;background:color-mix(in oklch,var(--fg) 7%,transparent);border:1px solid color-mix(in oklch,var(--fg) 11%,transparent);border-radius:14px;padding:16px 18px;margin-bottom:22px;white-space:pre;overflow-x:auto;color:var(--fg)}.ide .pl-opts{display:flex;flex-direction:column;gap:11px}.ide .pl-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:start;padding:16px 18px;border-radius:16px;background:color-mix(in oklch,var(--fg) 4%,transparent);border:1.5px solid color-mix(in oklch,var(--fg) 11%,transparent);font-size:1.05rem;font-weight:600;color:var(--fg);transition:border-color .16s,background .16s,transform .08s}.ide .pl-opt:hover:not(:disabled){border-color:color-mix(in oklch,var(--acc-1) 55%,transparent);background:color-mix(in oklch,var(--acc-1) 8%,transparent)}.ide .pl-opt:active:not(:disabled){transform:scale(.994)}.ide .pl-opt:disabled{cursor:default;opacity:.5}.ide .pl-opt.sel{border-color:var(--acc-1);background:color-mix(in oklch,var(--acc-1) 16%,transparent);opacity:1}.ide .pl-opt .mk{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:color-mix(in oklch,var(--fg) 9%,transparent);color:var(--mut);transition:background .16s,color .16s}.ide .pl-opt.sel .mk{background:linear-gradient(115deg,var(--acc-1),var(--acc-2));color:#fff}.ide .pl-opt .tx{flex:1}.ide .pl-ins{color:var(--mut);font-size:1.02rem;line-height:2;margin-bottom:16px}.ide .pl-ins code{direction:ltr}.ide .pl-ed{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px}.ide .pl-ed-tab{display:flex;align-items:center;gap:8px;padding:9px 14px;border-block-end:1px solid var(--line);color:var(--mut);font-size:.78rem;font-weight:700;font-family:var(--font-jetbrains);direction:ltr;background:color-mix(in oklch,var(--fg) 4%,transparent)}.ide .pl-ed-dot{width:9px;height:9px;border-radius:50%;background:#ff5f57;box-shadow:15px 0 0 #febc2e,30px 0 0 #28c840;margin-inline-end:24px}.ide .pl-runrow{display:flex;align-items:center;gap:12px;margin-bottom:4px}.ide .pl-pass{color:var(--ok,#34d399);font-weight:800;font-size:.9rem}.ide .pl-tests{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ide .pl-test{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--mut)}.ide .pl-test .st{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900;flex:none}.ide .pl-test .st.p{background:var(--ok,#34d399);color:#04140d}.ide .pl-test .st.f{background:var(--err,#f87171);color:#2a0808}.ide .pl-nav{display:flex;gap:12px;margin-top:30px}.ide .pl-btn{border:0;cursor:pointer;font-family:inherit;font-weight:800;border-radius:14px;padding:15px 22px;font-size:1rem;text-align:center;transition:filter .2s,transform .1s,opacity .2s,background .2s,color .2s}.ide .pl-btn:disabled{opacity:.45;cursor:not-allowed}.ide .pl-btn-primary{flex:1;background:linear-gradient(115deg,var(--acc-1),var(--acc-2));color:#fff}.ide .pl-btn-primary:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.ide .pl-btn-ghost{background:var(--chip);color:var(--mut)}.ide .pl-btn-ghost:not(:disabled):hover{color:var(--fg)}.ide .pl-btn-run{background:color-mix(in oklch,var(--acc-2) 14%,transparent);color:color-mix(in oklch,var(--acc-2) 55%,var(--fg));border:1px solid color-mix(in oklch,var(--acc-2) 34%,transparent);border-radius:12px;padding:12px 20px}.ide .pl-btn-run:not(:disabled):hover{background:color-mix(in oklch,var(--acc-2) 20%,transparent)}.ide .pl-skip{display:block;width:100%;text-align:center;color:var(--faint);font-size:.86rem;font-weight:600;margin-top:16px;background:none;border:0;cursor:pointer}.ide .pl-skip:hover:not(:disabled){color:var(--mut);text-decoration:underline}.ide .pl-res{text-align:center;padding-top:10px}.ide .pl-res-ic{font-size:2.6rem}.ide .pl-res h2{font-size:1.7rem;font-weight:900;margin:6px 0 8px}.ide .pl-res p{color:var(--mut);font-size:1.05rem;line-height:2;max-width:440px;margin:0 auto 26px}.ide .pl-res .tag{background:linear-gradient(115deg,var(--acc-1),var(--acc-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ide .pl-res-actions{display:flex;flex-direction:column;gap:11px;max-width:340px;margin:0 auto}.ide .pl-ring{width:150px;height:150px;margin:8px auto 22px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--acc-1) 0,var(--acc-2) calc(var(--p, 100) * 1%),color-mix(in oklch,var(--fg) 8%,transparent) 0)}.ide .pl-ring .in{width:120px;height:120px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center}.ide .pl-ring .pct{font-size:2.2rem;font-weight:900;line-height:1}.ide .pl-ring .lbl{font-size:.72rem;color:var(--mut);font-weight:700;margin-top:3px}.ide .pl-spinner{text-align:center;color:var(--mut);padding:90px 0;font-weight:600}.ide .pl-toast{position:fixed;inset-block-end:26px;inset-inline:0;margin:0 auto;width:-moz-max-content;width:max-content;max-width:90vw;background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:12px 20px;border-radius:12px;box-shadow:var(--shadow);font-weight:600;font-size:.92rem;z-index:90}.ide.pl-scope{height:0;overflow:visible;background:none}.ide .pl-modal-ov{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);animation:plFade .18s ease}@keyframes plFade{0%{opacity:0}to{opacity:1}}.ide .pl-modal{position:relative;width:100%;max-width:460px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px 28px 26px;text-align:center;box-shadow:var(--shadow);animation:plPop .2s var(--ease,ease)}@keyframes plPop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.ide .pl-modal-x{position:absolute;inset-block-start:14px;inset-inline-end:14px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--mut);background:var(--chip);font-size:.9rem}.ide .pl-modal-x:hover{color:var(--fg)}.ide .pl-modal-ic{font-size:2.4rem;line-height:1}.ide .pl-modal-title{font-size:1.35rem;font-weight:900;margin:10px 0;color:var(--fg)}.ide .pl-modal-body{color:var(--mut);font-size:1rem;line-height:2;margin-bottom:22px}.ide .pl-modal-actions{display:flex;flex-direction:column;gap:11px}