:root{--plat-info-bg:var(--lav);--plat-info-ink:var(--ink);--plat-info-edge:#7774bf;--plat-success-bg:#eaf7f1;--plat-success-ink:#1f5a39;--plat-success-edge:#378767;--plat-warn-bg:#fff6df;--plat-warn-ink:#5c4413;--plat-warn-edge:#bc8a47;--plat-error-bg:#fff0f0;--plat-error-ink:#8a2f3b;--plat-error-edge:#b04b59;--plat-scrim:#11162d80}[data-theme=dark]{--plat-info-bg:#292840;--plat-info-edge:#b9b6ff;--plat-success-bg:#1f3b2b;--plat-success-ink:#b9ecc8;--plat-success-edge:#6fc79a;--plat-warn-bg:#3d3218;--plat-warn-ink:#f2d999;--plat-warn-edge:#d9a85a;--plat-error-bg:#3b2227;--plat-error-ink:#ffd9de;--plat-error-edge:#e28a96;--plat-scrim:#050814bc}.plat-feedback{z-index:110;pointer-events:none;flex-direction:column;gap:10px;width:min(400px,100vw - 28px);display:flex;position:fixed;bottom:clamp(14px,2vw,34px);right:clamp(14px,2vw,34px)}.plat-toast,.plat-snackbar{pointer-events:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line2);border-radius:var(--radius);box-shadow:var(--shadow);animation:.2s cubic-bezier(.2,.8,.2,1) plat-rise}.plat-toast{border-inline-start:4px solid var(--plat-edge,var(--plat-info-edge));grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:14px 12px 14px 16px;display:grid}.plat-toast svg.plat-tone-icon{width:18px;height:18px;color:var(--plat-edge,var(--plat-info-edge));margin-top:1px}.plat-toast-title{letter-spacing:-.1px;font-size:13px;font-weight:700}.plat-toast-body{color:var(--muted);grid-column:2;margin:0;font-size:12px;line-height:1.55}.plat-toast[data-kind=success]{--plat-edge:var(--plat-success-edge)}.plat-toast[data-kind=error]{--plat-edge:var(--plat-error-edge)}.plat-toast[data-kind=info]{--plat-edge:var(--plat-info-edge)}.plat-snackbar{background:var(--ink);color:var(--surface);border-color:#0000;justify-content:space-between;align-items:center;gap:14px;padding:10px 10px 10px 18px;font-size:13px;display:flex}.plat-snackbar .btn{color:var(--accent);border-color:color-mix(in srgb, var(--surface) 28%, transparent);background:0 0}[data-theme=dark] .plat-snackbar .btn{color:var(--accent-ink);background:var(--accent);border-color:#0000}@media (max-width:780px){.plat-feedback{width:auto;left:14px;right:14px;bottom:calc(94px + env(safe-area-inset-bottom,0px))}}@keyframes plat-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.plat-dialog-scrim{z-index:100;background:var(--plat-scrim);justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.plat-dialog{background:var(--surface);width:min(520px,100%);max-height:min(86dvh,900px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-modal,0 30px 80px -24px #11162d59);border-radius:24px;flex-direction:column;animation:.2s cubic-bezier(.2,.8,.2,1) plat-rise;display:flex;overflow:hidden}.plat-dialog[data-size=lg]{width:min(760px,100%)}.plat-dialog:focus{outline:none}.plat-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 26px 8px;display:flex}.plat-dialog-title{font:normal 28px/1.15 var(--serif);letter-spacing:-.4px;margin:0}.plat-dialog-desc{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.plat-dialog-body{padding:8px 26px 20px;font-size:13px;line-height:1.65;overflow-y:auto}.plat-dialog-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 26px;display:flex}.plat-dialog[data-tone=danger] .plat-dialog-title{color:var(--plat-error-ink)}body.plat-locked{overflow:hidden}@media (max-width:480px){.plat-dialog-scrim{align-items:flex-end;padding:0}.plat-dialog{border-radius:24px 24px 0 0;width:100%;max-height:92dvh}.plat-dialog-foot .btn{flex:1}}.plat-banner{border:1px solid color-mix(in srgb, var(--plat-edge) 45%, var(--line));background:var(--plat-bg);color:var(--plat-ink);--plat-edge:var(--plat-info-edge);--plat-bg:var(--plat-info-bg);--plat-ink:var(--plat-info-ink);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:13px 14px;font-size:13px;line-height:1.55;display:grid}.plat-banner[data-kind=success]{--plat-edge:var(--plat-success-edge);--plat-bg:var(--plat-success-bg);--plat-ink:var(--plat-success-ink)}.plat-banner[data-kind=warning]{--plat-edge:var(--plat-warn-edge);--plat-bg:var(--plat-warn-bg);--plat-ink:var(--plat-warn-ink)}.plat-banner[data-kind=error]{--plat-edge:var(--plat-error-edge);--plat-bg:var(--plat-error-bg);--plat-ink:var(--plat-error-ink)}.plat-banner svg{width:18px;height:18px;color:var(--plat-edge);margin-top:2px}.plat-banner-title{font-weight:700;display:block}.plat-banner-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (max-width:480px){.plat-banner{grid-template-columns:auto minmax(0,1fr)}.plat-banner-actions{grid-column:2}}.plat-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:clamp(28px,5vw,56px) clamp(18px,3vw,40px);display:flex}.plat-state-icon{background:var(--lav);width:54px;height:54px;color:var(--ink);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.plat-state-icon svg{stroke-width:1.6px;width:24px;height:24px}.plat-state[data-tone=error] .plat-state-icon{background:var(--plat-error-bg);color:var(--plat-error-ink)}.plat-state-title{font:normal 28px/1.15 var(--serif);letter-spacing:-.3px;color:var(--ink);margin:0}.plat-state-body{max-width:460px;margin:0;font-size:13px;line-height:1.65}.plat-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.plat-support{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:11px;display:inline-flex}.plat-support code{color:var(--ink);background:var(--lav);border-radius:7px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stat .plat-stat-label{color:var(--muted);margin:0;font-size:12px;display:block}.stat .plat-stat-value{font-variant-numeric:tabular-nums}.stat .plat-stat-trend{align-items:center;gap:4px;font-weight:650;display:inline-flex}.stat .plat-stat-trend svg{width:12px;height:12px}.stat .plat-stat-trend[data-direction=up]{color:var(--success-ink)}.stat .plat-stat-trend[data-direction=down]{color:var(--plat-error-ink)}a.stat{color:inherit;transition:transform .16s,box-shadow .16s;display:block}a.stat:hover{transform:translateY(-1px);box-shadow:0 5px 12px #18182d12}.kit-section{margin-top:30px}.kit-section>h2{letter-spacing:-.25px;margin:0 0 14px;font-size:15px;font-weight:700}.kit-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kit-stack{gap:12px;display:grid}.kit-surface-badge{letter-spacing:1px;background:var(--lav);border-radius:100px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}
