.pnl-root{--nav-h:56px;--pnl-row-h:44px;--pnl-pad:min(1.25rem, 20px);--pnl-gap:1.25rem}.pnl-root[data-density=compact]{--pnl-row-h:36px;--pnl-pad:min(.875rem, 14px);--pnl-gap:.75rem}.pnl-topbar{background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3)}.pnl-btn{min-height:40px;color:var(--accent-ink);background:var(--grad-accent);box-shadow:var(--glow-sm);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.8125rem;font-weight:700;transition:box-shadow .25s,translate .25s,opacity .25s;display:inline-flex}.pnl-btn:hover{box-shadow:var(--glow);translate:0 -1px}.pnl-btn[aria-disabled=true]{opacity:.55;cursor:default;box-shadow:none;translate:none}.pnl-ghost{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.8125rem;font-weight:600;transition:border-color .25s,color .25s;display:inline-flex}.pnl-ghost:hover{border-color:var(--accent-border)}.pnl-ghost[aria-disabled=true]{opacity:.55;cursor:default}.pnl-tap{margin-block:-4px;padding-block:4px}.pfld{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg-2);align-items:center;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.pfld:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-faint)}.pfld-err,.pfld-err:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.pfld-ico{color:var(--muted);pointer-events:none;transition:color .3s;position:absolute;left:13px}.pfld:focus-within .pfld-ico{color:var(--accent-text)}.pfld-in{width:100%;color:var(--fg);border-radius:inherit;background:0 0;border:0;padding:22px 14px 8px 40px;font-size:1rem}.pfld-in:focus-visible{outline:none}.pfld-in:-webkit-autofill{-webkit-text-fill-color:var(--fg);transition:background-color 9999s ease-in-out}.pfld-lab{color:var(--muted);pointer-events:none;font-size:1rem;transition:top .22s,font-size .22s,letter-spacing .22s,color .22s;position:absolute;top:50%;left:40px;translate:0 -50%}:-webkit-any(.pfld-in:focus~.pfld-lab,.pfld-in:not(:placeholder-shown)~.pfld-lab,.pfld-in:-webkit-autofill~.pfld-lab){letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);font-size:.66rem;font-weight:700;top:12px}:is(.pfld-in:focus~.pfld-lab,.pfld-in:not(:placeholder-shown)~.pfld-lab,.pfld-in:autofill~.pfld-lab){letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);font-size:.66rem;font-weight:700;top:12px}.pfld-err .pfld-in:focus~.pfld-lab,.pfld-err .pfld-in:not(:placeholder-shown)~.pfld-lab{color:var(--danger)}.pfld-eye{width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:color .25s,background .25s;display:inline-flex;position:absolute;right:6px}.pfld-eye:hover{color:var(--fg);background:var(--accent-faint)}.pfld-msg{color:var(--muted);align-items:center;gap:6px;margin-top:7px;font-size:12px;line-height:1.45;display:flex}.pfld-msg-err{color:var(--danger);font-weight:600}.pfld-msg-warn{color:var(--warn);font-weight:600}.pcode-row{gap:9px;display:flex}.pcode-cell{text-align:center;width:42px;height:50px;font-family:var(--font-display);color:var(--fg);background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-size:1.2rem;font-weight:700;transition:border-color .25s,box-shadow .25s}.pcode-cell:focus-visible{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-faint);outline:none}.pcode-err .pcode-cell{border-color:var(--danger)}.pnl-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px}.pnl-range::-webkit-slider-runnable-track{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;height:6px}.pnl-range::-moz-range-track{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;height:6px}.pnl-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--card);width:18px;height:18px;box-shadow:var(--glow-sm);border-radius:999px;margin-top:-7px}.pnl-range::-moz-range-thumb{background:var(--accent);border:3px solid var(--card);width:18px;height:18px;box-shadow:var(--glow-sm);border-radius:999px}.pnl-range:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.pnl-toast{animation:.25s ease-out pnlslide}@keyframes pnlslide{0%{opacity:.4;translate:0 8px}to{opacity:1;translate:0}}.pnl-card{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(180deg, color-mix(in oklab, var(--card-2) 62%, var(--card)) 0%, var(--card) 46%);transition:border-color .25s,box-shadow .25s,translate .25s;position:relative}.pnl-card:hover{border-color:var(--accent-border);box-shadow:var(--glow-sm)}.pnl-ambient-wrap{-webkit-mask-image:linear-gradient(#000 30%,#0000 96%);mask-image:linear-gradient(#000 30%,#0000 96%)}.pnl-ambient{opacity:.42}:root[data-theme=light] .pnl-ambient{opacity:.3}.pnl-ambient-fallback{background:radial-gradient(120% 90% at 78% 0%, var(--accent-faint), transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg))}.pnl-tint{background:linear-gradient(180deg, color-mix(in oklab, var(--bg) 24%, transparent) 0%, color-mix(in oklab, var(--bg) 62%, transparent) 55%, var(--bg) 100%)}.pnl-sim section.section,.pnl-embed section.section{padding-block:0}.pnl-sim .wrap,.pnl-embed .wrap{width:100%}.pnl-sim section.section>.wrap>div:first-child,.pnl-embed section.section>.wrap>div:first-child{display:none}.pnl-nav-item{transition:background-color .2s,color .2s}.pnl-tabbar{background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);padding-bottom:env(safe-area-inset-bottom)}.pnl-odd{border:1px solid var(--line);background:var(--bg-2);min-height:36px;color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);cursor:pointer;border-radius:10px;align-items:center;gap:5px;padding:4px 9px;font-size:.72rem;font-weight:700;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.pnl-odd:hover{border-color:var(--accent-border)}.pnl-odd:focus-visible{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-faint);outline:none}.pnl-odd-lbl{font-family:var(--font-sans,inherit);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:.58rem;font-weight:800}.pnl-odd-on,.pnl-odd-on:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.pnl-odd-on .pnl-odd-lbl{color:var(--accent)}.pnl-ico{width:min(2.25rem,44px);height:min(2.25rem,44px)}.pnl-card,.pnl-range,.pnl-root fieldset{min-width:0}.pnl-sim .flex:not(.flex-col),.pnl-embed .flex:not(.flex-col){flex-wrap:wrap}.pnl-sim .flex>*{min-width:0}.pnl-root .label-micro{overflow-wrap:anywhere}.pnl-root .tbl-link{align-items:center;min-height:24px;display:inline-flex}
