.pm{--pm-primary:#4f46e5;--pm-on-primary:#fff;--pm-secondary:#6366f1;--pm-accent:#ea580c;--pm-bg:#eef2ff;--pm-fg:#312e81;--pm-muted:#ebeef8;--pm-muted-fg:#4c4f6b;--pm-border:#c7d2fe;--pm-destructive:#dc2626;--pm-ring:#4f46e5;--pm-surface:#fff;--pm-success:#059669;--pm-warn:#d97706;--pm-radius:10px;--pm-radius-pill:999px;--pm-shadow:0 8px 24px color-mix(in srgb, var(--pm-fg) 8%, transparent);--pm-ease:cubic-bezier(.22, 1, .36, 1);--pm-dur:.18s;--pm-mix:var(--pm-surface);background:var(--pm-bg);min-height:100dvh;color:var(--pm-fg);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.pm *,.pm :before,.pm :after{box-sizing:border-box}.pm :focus-visible{outline:3px solid color-mix(in srgb, var(--pm-ring) 55%, var(--pm-mix));outline-offset:2px}.pm-top{z-index:40;border-bottom:1px solid var(--pm-border);background:var(--pm-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.85rem clamp(1rem,3vw,1.75rem);display:flex;position:sticky;top:0}.pm-brand{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;font-size:.9rem;display:flex}.pm-brand a{color:var(--pm-primary);cursor:pointer;font-weight:700;text-decoration:none}.pm-brand a:hover{text-decoration:underline}.pm-brand strong{letter-spacing:-.02em;font-weight:700}.pm-dot{background:var(--pm-muted-fg);opacity:.55;border-radius:50%;width:4px;height:4px}.pm-note{color:var(--pm-muted-fg);margin:0;font-size:.85rem}.pm-layout{grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);gap:0;min-height:calc(100dvh - 3.5rem);display:grid}@media (max-width:840px){.pm-layout{grid-template-columns:1fr}}.pm-nav{border-right:1px solid var(--pm-border);background:var(--pm-surface);flex-direction:column;gap:.25rem;max-height:calc(100dvh - 3.5rem);padding:1rem .75rem;display:flex;position:sticky;top:3.5rem;overflow:auto}@media (max-width:840px){.pm-nav{border-right:0;border-bottom:1px solid var(--pm-border);flex-flow:wrap;max-height:none;position:static}}.pm-nav-btn{appearance:none;color:var(--pm-muted-fg);text-align:left;font:inherit;cursor:pointer;min-height:44px;transition:background var(--pm-dur) var(--pm-ease), color var(--pm-dur) ease;background:0 0;border:0;border-radius:8px;padding:.55rem .75rem;font-size:.88rem;font-weight:600}.pm-nav-btn:hover{background:var(--pm-muted);color:var(--pm-fg)}.pm-nav-btn.is-on{background:var(--pm-primary);color:var(--pm-on-primary)}.pm-stage{max-width:56rem;padding:clamp(1.1rem,3vw,1.85rem)}.pm-stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.pm-stage-bar h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,2.5vw,1.7rem);line-height:1.15}.pm-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--pm-primary);margin:0 0 .25rem;font-size:.72rem;font-weight:700}.pm-desc{color:var(--pm-muted-fg);max-width:40rem;margin:0 0 1.1rem}.pm-canvas{gap:1rem;display:grid}.pm-panel{border:1px solid var(--pm-border);border-radius:var(--pm-radius);background:var(--pm-surface);box-shadow:var(--pm-shadow);padding:1.1rem 1.15rem}.pm-panel h2{letter-spacing:-.01em;margin:0 0 .75rem;font-size:.95rem}.pm-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.pm-col{gap:.65rem;display:grid}.pm-rule{border-top:1px dashed var(--pm-border);color:var(--pm-muted-fg);margin-top:.85rem;padding-top:.75rem;font-size:.85rem;line-height:1.45}.pm-rule strong{color:var(--pm-fg)}.pm-btn{appearance:none;border-radius:var(--pm-radius-pill);min-height:44px;font:inherit;letter-spacing:-.01em;cursor:pointer;transition:transform var(--pm-dur) var(--pm-ease), background var(--pm-dur) ease, border-color var(--pm-dur) ease, box-shadow var(--pm-dur) ease, opacity var(--pm-dur) ease;touch-action:manipulation;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:0 1.05rem;font-size:.92rem;font-weight:700;display:inline-flex}.pm-btn:active:not(:disabled){transform:scale(.97)}.pm-btn:disabled{opacity:.45;cursor:not-allowed}.pm-btn-primary{background:var(--pm-primary);color:var(--pm-on-primary)}.pm-btn-primary:hover:not(:disabled){filter:brightness(.94)}.pm-btn-secondary{background:var(--pm-muted);color:var(--pm-fg);border-color:var(--pm-border)}.pm-btn-secondary:hover:not(:disabled){filter:brightness(.97)}.pm-btn-ghost{color:var(--pm-primary);border-color:var(--pm-border);background:0 0}.pm-btn-ghost:hover:not(:disabled){background:var(--pm-muted)}.pm-btn-destructive{background:var(--pm-destructive);color:var(--pm-on-primary)}.pm-btn-destructive:hover:not(:disabled){filter:brightness(.94)}.pm-btn-accent{background:var(--pm-accent);color:var(--pm-on-primary)}.pm-btn-accent:hover:not(:disabled){filter:brightness(1.05)}.pm-btn-sm{min-height:36px;padding:0 .85rem;font-size:.85rem}.pm-btn-icon{border-radius:10px;width:44px;height:44px;padding:0}.pm-spin{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite pm-spin}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-badge{border-radius:var(--pm-radius-pill);letter-spacing:.02em;align-items:center;min-height:1.55rem;padding:0 .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.pm-badge-neutral{background:var(--pm-muted);color:var(--pm-fg)}.pm-badge-primary{background:color-mix(in srgb, var(--pm-primary) 16%, var(--pm-mix));color:var(--pm-primary)}.pm-badge-success{background:color-mix(in srgb, var(--pm-success) 16%, var(--pm-mix));color:var(--pm-success)}.pm-badge-warn{background:color-mix(in srgb, var(--pm-warn) 18%, var(--pm-mix));color:var(--pm-warn)}.pm-badge-danger{background:color-mix(in srgb, var(--pm-destructive) 14%, var(--pm-mix));color:var(--pm-destructive)}.pm-alert{border-radius:var(--pm-radius);border:1px solid var(--pm-border);grid-template-columns:auto 1fr auto;align-items:start;gap:.65rem;padding:.85rem 1rem;font-size:.92rem;display:grid}.pm-alert strong{margin-bottom:.15rem;display:block}.pm-alert p{color:var(--pm-muted-fg);margin:0}.pm-alert-info{background:color-mix(in srgb, var(--pm-primary) 10%, var(--pm-mix));border-color:color-mix(in srgb, var(--pm-primary) 30%, var(--pm-border))}.pm-alert-success{background:color-mix(in srgb, var(--pm-success) 12%, var(--pm-mix));border-color:color-mix(in srgb, var(--pm-success) 30%, var(--pm-border))}.pm-alert-warn{background:color-mix(in srgb, var(--pm-warn) 12%, var(--pm-mix));border-color:color-mix(in srgb, var(--pm-warn) 30%, var(--pm-border))}.pm-alert-error{background:color-mix(in srgb, var(--pm-destructive) 10%, var(--pm-mix));border-color:color-mix(in srgb, var(--pm-destructive) 30%, var(--pm-border))}.pm-alert-ico{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.1rem}.pm-field{gap:.35rem;display:grid}.pm-label{color:var(--pm-fg);font-size:.88rem;font-weight:700}.pm-req{color:var(--pm-destructive);margin-left:.15rem}.pm-input,.pm-select,.pm-textarea{border:1.5px solid var(--pm-border);background:var(--pm-surface);width:100%;min-height:44px;color:var(--pm-fg);font:inherit;transition:border-color var(--pm-dur) ease, box-shadow var(--pm-dur) ease;border-radius:8px;padding:.55rem .75rem;font-size:1rem}.pm-textarea{resize:vertical;min-height:6rem}.pm-input:hover,.pm-select:hover,.pm-textarea:hover{border-color:color-mix(in srgb, var(--pm-primary) 40%, var(--pm-border))}.pm-input:focus,.pm-select:focus,.pm-textarea:focus{border-color:var(--pm-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--pm-ring) 25%, transparent);outline:none}.pm-input.is-error,.pm-select.is-error,.pm-textarea.is-error{border-color:var(--pm-destructive)}.pm-input:disabled,.pm-select:disabled,.pm-textarea:disabled{opacity:.55;background:var(--pm-muted);cursor:not-allowed}.pm-help{color:var(--pm-muted-fg);margin:0;font-size:.82rem}.pm-error{color:var(--pm-destructive);margin:0;font-size:.82rem;font-weight:600}.pm-check{cursor:pointer;align-items:flex-start;gap:.55rem;min-height:44px;font-size:.92rem;display:flex}.pm-check input{width:1.15rem;height:1.15rem;accent-color:var(--pm-primary);cursor:pointer;margin-top:.2rem}.pm-card{border:1px solid var(--pm-border);border-radius:var(--pm-radius);background:var(--pm-surface);transition:transform var(--pm-dur) var(--pm-ease), box-shadow var(--pm-dur) ease;overflow:hidden}.pm-card:hover{box-shadow:var(--pm-shadow);transform:translateY(-2px)}.pm-card-media{background:linear-gradient(135deg, color-mix(in srgb, var(--pm-primary) 55%, var(--pm-mix)), color-mix(in srgb, var(--pm-secondary) 40%, var(--pm-bg)));height:7.5rem}.pm-card-body{gap:.4rem;padding:1rem 1.05rem 1.1rem;display:grid}.pm-card-body h3{letter-spacing:-.02em;margin:0;font-size:1.05rem}.pm-card-body p{color:var(--pm-muted-fg);margin:0;font-size:.9rem}.pm-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.85rem;display:grid}.pm-tabs{background:var(--pm-muted);border-radius:10px;flex-wrap:wrap;gap:.25rem;width:fit-content;max-width:100%;padding:.25rem;display:flex}.pm-tab{appearance:none;color:var(--pm-muted-fg);font:inherit;cursor:pointer;min-height:40px;transition:background var(--pm-dur) ease, color var(--pm-dur) ease;background:0 0;border:0;border-radius:8px;padding:.4rem .9rem;font-size:.88rem;font-weight:700}.pm-tab.is-on{background:var(--pm-surface);color:var(--pm-fg);box-shadow:0 1px 3px color-mix(in srgb, var(--pm-fg) 10%, transparent)}.pm-tab-panel{color:var(--pm-muted-fg);margin-top:.85rem;padding:.85rem 0 0;font-size:.92rem}.pm-table-wrap{border:1px solid var(--pm-border);border-radius:var(--pm-radius);overflow-x:auto}.pm-table{border-collapse:collapse;width:100%;min-width:28rem;font-size:.9rem}.pm-table th,.pm-table td{text-align:left;border-bottom:1px solid var(--pm-border);padding:.7rem .85rem}.pm-table th{background:var(--pm-muted);letter-spacing:.04em;text-transform:uppercase;color:var(--pm-muted-fg);font-size:.78rem;font-weight:700}.pm-table tbody tr:hover{background:color-mix(in srgb, var(--pm-primary) 8%, var(--pm-mix))}.pm-table tbody tr:last-child td{border-bottom:0}.pm-switch{cursor:pointer;align-items:center;gap:.65rem;min-height:44px;font-size:.92rem;font-weight:600;display:inline-flex}.pm-switch input{opacity:0;width:0;height:0;position:absolute}.pm-switch-track{background:var(--pm-border);width:2.75rem;height:1.55rem;transition:background var(--pm-dur) ease;border-radius:999px;flex-shrink:0;position:relative}.pm-switch-track:after{content:"";background:var(--pm-mix);width:1.25rem;height:1.25rem;transition:transform var(--pm-dur) var(--pm-ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.pm-switch input:checked+.pm-switch-track{background:var(--pm-primary)}.pm-switch input:checked+.pm-switch-track:after{transform:translate(1.2rem)}.pm-switch input:focus-visible+.pm-switch-track{outline:3px solid color-mix(in srgb, var(--pm-ring) 55%, var(--pm-mix));outline-offset:2px}.pm-modal-root[hidden]{display:none}.pm-modal-root{z-index:80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.pm-modal-scrim{background:color-mix(in srgb, var(--pm-fg) 45%, transparent);cursor:pointer;border:0;position:absolute;inset:0}.pm-modal{z-index:1;border-radius:var(--pm-radius);background:var(--pm-surface);border:1px solid var(--pm-border);width:min(100%,26rem);box-shadow:0 24px 48px color-mix(in srgb, var(--pm-fg) 18%, transparent);animation:pm-pop var(--pm-dur) var(--pm-ease);padding:1.25rem 1.2rem 1.15rem;position:relative}@keyframes pm-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.pm-modal h2{margin:0 0 .4rem;font-size:1.15rem}.pm-modal p{color:var(--pm-muted-fg);margin:0 0 1rem;font-size:.92rem}.pm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.pm-toast{z-index:90;background:var(--pm-fg);min-width:12rem;max-width:min(22rem,100vw - 2rem);color:var(--pm-mix);box-shadow:var(--pm-shadow);opacity:0;pointer-events:none;transition:opacity var(--pm-dur) ease, transform var(--pm-dur) var(--pm-ease);border-radius:10px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(8px)}.pm-toast.is-on{opacity:1;transform:none}.pm-skel{background:linear-gradient(90deg, var(--pm-muted) 0%, color-mix(in srgb, var(--pm-muted) 50%, var(--pm-mix)) 50%, var(--pm-muted) 100%);background-size:200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite pm-shimmer}@keyframes pm-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.pm-skel-line{height:.85rem;margin-bottom:.55rem}.pm-skel-title{width:45%;height:1.1rem;margin-bottom:.75rem}.pm-skel-block{height:5.5rem;margin-bottom:.75rem}.pm-empty{text-align:center;color:var(--pm-muted-fg);padding:2rem 1rem}.pm-empty strong{color:var(--pm-fg);margin-bottom:.35rem;font-size:1.05rem;display:block}.pm-nav-demo{border:1px solid var(--pm-border);border-radius:var(--pm-radius);background:var(--pm-surface);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.65rem .9rem;display:flex}.pm-nav-demo .logo{letter-spacing:-.03em;color:var(--pm-primary);font-weight:800}.pm-nav-demo a{color:var(--pm-muted-fg);cursor:pointer;align-items:center;min-height:44px;padding:0 .35rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.pm-nav-demo a:hover,.pm-nav-demo a.is-on{color:var(--pm-primary)}.pm-nav-demo .spacer{flex:1}.pm-progress{background:var(--pm-muted);border-radius:999px;height:.5rem;overflow:hidden}.pm-progress>span{border-radius:inherit;background:var(--pm-primary);height:100%;transition:width .25s var(--pm-ease);display:block}@media (prefers-reduced-motion:reduce){.pm-btn,.pm-card,.pm-toast,.pm-modal,.pm-spin,.pm-skel{transition:none!important;animation:none!important}.pm-card:hover,.pm-btn:active:not(:disabled){transform:none}}.pm-hub{color:#312e81;background:#eef2ff;min-height:100dvh;padding:clamp(1.25rem,4vw,2.5rem);font-family:Plus Jakarta Sans,system-ui,sans-serif}.pm-hub-nav{margin-bottom:1.25rem;font-size:.9rem}.pm-hub-nav a{color:#4f46e5;font-weight:700;text-decoration:none}.pm-hub-nav a:hover{text-decoration:underline}.pm-hub h1{letter-spacing:-.03em;margin:0 0 .45rem;font-size:clamp(1.7rem,3.5vw,2.2rem)}.pm-hub-lead{color:#4c4f6b;max-width:36rem;margin:0 0 1.5rem;line-height:1.55}.pm-hub-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.85rem;max-width:60rem;margin:0;padding:0;list-style:none;display:grid}.pm-hub-card{color:inherit;background:#fff;border:1px solid #c7d2fe;border-radius:12px;gap:.45rem;padding:1.05rem 1.1rem;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:grid}.pm-hub-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #312e811a}.pm-hub-card h2{letter-spacing:-.02em;margin:0;font-size:1.1rem}.pm-hub-card p{color:#4c4f6b;margin:0;font-size:.9rem;line-height:1.45}.pm-hub-swatches{gap:.35rem;margin-top:.25rem;display:flex}.pm-hub-swatches span{border:1px solid #00000014;border-radius:6px;width:1.35rem;height:1.35rem}.pm-hub-meta{letter-spacing:.04em;text-transform:uppercase;color:#4f46e5;font-size:.75rem;font-weight:700}