:root{--color-primary: #6366f1;--color-on-primary: #000000;--color-primary-text: #7174f2;--color-primary-soft: #212135;--color-accent: #8b5cf6;--color-on-accent: #000000;--color-background: #0a0a0b;--color-surface: #18181b;--color-text: #fafafa;--color-text-secondary: #d4d4d8;--color-border: #3f3f46;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--color-neutral-50: #fafafa;--color-neutral-100: #f4f4f5;--color-neutral-200: #e4e4e7;--color-neutral-300: #d4d4d8;--color-neutral-400: #a1a1aa;--color-neutral-500: #71717a;--color-neutral-600: #52525b;--color-neutral-700: #3f3f46;--color-neutral-800: #27272a;--color-neutral-900: #18181b;--font-heading: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 15px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-lg: 19px;--font-size-xl: 23px;--font-size-2xl: 29px;--font-size-3xl: 37px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 80px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-card: 16px;--radius-pill: 999px;--border-width: 1px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .12);--shadow-md: 0 12px 30px rgba(99, 102, 241, .16);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .24);--control-height: 42px;--motion-duration: .26s;--motion-easing: cubic-bezier(.34, 1.56, .64, 1)}:root{--pl-hairline: var(--color-border)}.pl-muted{color:var(--color-text-secondary)}.pl-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--motion-duration) var(--motion-easing),border-color var(--motion-duration) var(--motion-easing),opacity var(--motion-duration) var(--motion-easing),transform var(--motion-duration) var(--motion-easing)}.pl-btn:hover{border-color:var(--color-primary)}.pl-btn:active{transform:translateY(1px)}.pl-btn:disabled{opacity:.55;cursor:not-allowed}.pl-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pl-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-color:transparent;color:var(--color-on-primary);box-shadow:var(--shadow-md)}.pl-btn-primary:hover{opacity:.92;border-color:transparent}.pl-btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.pl-btn-ghost:hover{color:var(--color-text)}.pl-btn-danger{border-color:var(--color-error);color:var(--color-error)}.pl-btn-danger:hover{background:color-mix(in srgb,var(--color-error) 12%,transparent)}.pl-btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.pl-btn-icon{width:var(--control-height);padding:0}.pl-btn-icon.pl-btn-sm{width:32px}.pl-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-border);background:var(--color-primary-soft);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.6}.pl-pill .pl-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-primary);flex-shrink:0}.pl-pill[data-tone=primary]{border-color:var(--color-primary);color:var(--color-primary-text)}.pl-pill[data-tone=accent]{border-color:var(--color-accent);color:var(--color-accent)}.pl-pill[data-tone=success]{border-color:var(--color-success);color:var(--color-success)}.pl-pill[data-tone=warning]{border-color:var(--color-warning);color:var(--color-warning)}.pl-pill[data-tone=error]{border-color:var(--color-error);color:var(--color-error)}.pl-pill[data-tone=info]{border-color:var(--color-info);color:var(--color-info)}.pl-inline-input{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--motion-duration) var(--motion-easing)}.pl-inline-input::placeholder{color:var(--color-neutral-500)}.pl-inline-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.pl-panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden}.pl-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.pl-panel-title{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text)}.pl-panel-sub{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pl-panel-pad{padding:var(--space-4)}.pl-state{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary)}.pl-state[data-tone=error]{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 8%,transparent)}.pl-spinner{width:18px;height:18px;border-radius:var(--radius-pill);border:2px solid var(--color-border);border-top-color:var(--color-primary);animation:pl-spin .8s linear infinite;flex-shrink:0}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.pl-empty-glyph{font-size:var(--font-size-3xl);color:var(--color-primary-text)}.pl-empty-title{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text)}.pl-canvas{position:relative;min-height:420px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:radial-gradient(circle at 1px 1px,var(--color-border) 1px,transparent 0) 0 0 / 28px 28px,var(--color-surface);overflow:hidden}.pl-canvas-inner{position:relative;width:100%;height:100%;min-height:420px}.pl-canvas-inner>*{position:absolute}.is-dragging{cursor:grabbing}.pl-node{display:flex;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;cursor:grab}.pl-node-accent{width:4px;flex-shrink:0;background:var(--color-primary)}.pl-node-body{padding:var(--space-3);flex:1;min-width:0}.pl-node-title{font-family:var(--font-heading);color:var(--color-text)}.pl-node-meta{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pl-token{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:96px;height:96px;border-radius:var(--radius-pill);border:2px solid var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-md);cursor:grab}.pl-token-ring{position:absolute;inset:-4px;border-radius:var(--radius-pill);pointer-events:none}.pl-token-streak{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-primary-text)}.pl-token-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:84px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-timeline{display:flex;gap:var(--space-3)}.pl-timeline-rail{position:relative;width:48px;flex-shrink:0}.pl-timeline-hour{font-size:var(--font-size-xs);color:var(--color-text-secondary);transform:translateY(-50%)}.pl-timeline-track{position:relative;flex:1;border-left:var(--border-width) solid var(--color-border)}.pl-timeline-gridline{position:absolute;left:0;right:0;border-top:var(--border-width) dashed var(--color-border)}.pl-timeline-now{position:absolute;left:0;right:0;height:2px;background:var(--color-accent);box-shadow:0 0 8px var(--color-accent);z-index:2}.pl-timeline-event{position:absolute;left:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-primary);border-left-width:3px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-text);font-size:var(--font-size-sm);overflow:hidden;cursor:grab}.pl-cmd-scrim{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;background:#00000080;backdrop-filter:blur(2px)}.pl-cmd{width:min(560px,92vw);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.pl-cmd-input-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.pl-cmd-input{flex:1;border:0;background:transparent;color:var(--color-text);font-size:var(--font-size-lg);outline:none}.pl-cmd-input::placeholder{color:var(--color-neutral-500)}.pl-cmd-hint{padding:2px var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pl-cmd-list{max-height:50vh;overflow-y:auto;padding:var(--space-2)}.pl-cmd-section{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.pl-cmd-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.pl-cmd-item.is-active{background:var(--color-primary-soft)}.pl-cmd-item-icon{display:inline-flex;color:var(--color-primary-text)}.pl-cmd-empty{padding:var(--space-5);text-align:center;color:var(--color-text-secondary)}.pl-fab{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:900}.pl-fab-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-lg)}.pl-metric{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--metric-accent, var(--color-primary)) 16%,transparent),transparent 60%),var(--color-surface);box-shadow:var(--shadow-sm)}.pl-metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pl-metric-value{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-text)}.pl-metric-caption{font-size:var(--font-size-sm)}.pl-app{min-height:100vh;padding:var(--space-5) var(--space-5) calc(var(--space-8) + var(--space-6))}.pl-brandmark{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-4)}.pl-brandmark-dot{width:14px;height:14px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 0 10px var(--color-primary)}.pl-app-stage{max-width:1200px;margin:0 auto}.pl-dock{position:fixed;left:50%;bottom:var(--space-4);transform:translate(-50%);z-index:800;display:flex;align-items:center;gap:var(--space-1);max-width:94vw;padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface) 88%,transparent);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);overflow-x:auto}.pl-dock-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--motion-duration) var(--motion-easing),color var(--motion-duration) var(--motion-easing)}.pl-dock-item:hover{color:var(--color-text);background:var(--color-primary-soft)}.pl-dock-item.is-active{color:var(--color-on-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.pl-dock-trigger{color:var(--color-primary-text)}.pl-dock-icon{display:inline-flex}.pl-dock-label{font-size:var(--font-size-sm)}.pl-dock-group-label{padding:0 var(--space-1);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.pl-dock-sep{width:var(--border-width);height:20px;background:var(--color-border);flex-shrink:0}.pl-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:880px;margin:0 auto}.pl-page-head{display:flex;flex-direction:column;gap:var(--space-1)}.pl-page-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-text)}.pl-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:0}.pl-dl dt{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pl-dl dd{margin:var(--space-1) 0 0;color:var(--color-text)}.pl-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.pl-field>span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pl-auth{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.pl-auth-card{width:100%;max-width:400px;padding:var(--space-7);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-lg)}.pl-auth-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.pl-auth-logo{height:32px}.pl-auth-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-1)}.pl-auth-sub{margin:0 0 var(--space-6);color:var(--color-text-secondary)}.pl-auth-error{margin:0 0 var(--space-4);color:var(--color-error);font-size:var(--font-size-sm)}@media (max-width: 720px){.pl-app{padding:var(--space-4) var(--space-4) calc(var(--space-8) + var(--space-5))}.pl-dock-label{display:none}}