:root{--font-primary: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-body: var(--font-primary);--font-heading: var(--font-primary);--font-hero: var(--font-primary);--font-nav: var(--font-primary)}[data-mode=dark],[data-theme=pro-studio]{color-scheme:dark;--ps-bg-app: #0f0f11;--ps-bg-surface: #1a1a1e;--ps-bg-raised: #222228;--ps-bg-overlay: #2a2a32;--ps-border: #2a2a32;--ps-border-subtle: #1e1e24;--ps-text: #f0f0f5;--ps-text-muted: #8a8a9a;--ps-text-faint: #55556a;--ps-blue: #0077ff;--ps-blue-hover: #0066dd;--ps-blue-dim: rgba(0, 119, 255, .15);--ps-blue-glow: 0 0 0 2px rgba(0, 119, 255, .4);--ps-success: #22c55e;--ps-success-dim: rgba(34, 197, 94, .12);--ps-warning: #f59e0b;--ps-warning-dim: rgba(245, 158, 11, .12);--ps-danger: #ff3d3d;--ps-danger-dim: rgba(255, 61, 61, .12);--cat-geo: #38bdf8;--cat-color: #a78bfa;--cat-overlay: #fb923c;--cat-ai: #34d399;--cat-flow: #0077ff;--cat-meta: #f472b6;--ds-sys-color-primary: var(--ps-blue);--ds-sys-color-surface: var(--ps-bg-surface);--ds-sys-color-bg-app: var(--ps-bg-app);--ds-sys-color-on-surface: var(--ps-text);--ds-sys-color-on-surface-muted: var(--ps-text-muted);--ds-sys-color-outline: var(--ps-border);--ds-sys-color-outline-variant: var(--ps-border-subtle);--ds-comp-button-bg-primary: var(--ps-blue);--ds-comp-button-bg-primary-hover: var(--ps-blue-hover);--ds-comp-button-text-primary: #ffffff;--ds-comp-input-bg: var(--ps-bg-overlay);--ds-comp-input-border: var(--ps-border);--ds-comp-input-border-focus: var(--ps-blue);--ds-comp-input-text: var(--ps-text);--ds-comp-input-placeholder: var(--ps-text-faint);--ds-comp-card-bg: var(--ps-bg-surface);--ds-comp-card-border: var(--ps-border);--ds-comp-tab-active-color: var(--ps-blue);--ds-comp-tab-active-indicator: var(--ps-blue);--ds-comp-accordion-bg: var(--ps-bg-surface);--ds-comp-accordion-border: var(--ps-border);--ds-comp-drawer-bg: var(--ps-bg-surface);--ds-comp-drawer-border: var(--ps-border);--ds-comp-progress-fill: var(--ps-blue);--ds-comp-progress-bg: var(--ps-bg-overlay);--ds-comp-spinner-color: var(--ps-blue);--ds-comp-toast-bg: var(--ps-bg-raised);--ds-comp-toast-border: var(--ps-border)}body{background-color:var(--ps-bg-app);color:var(--ps-text);font-family:var(--font-primary)}.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--ps-blue);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ps-bg-app)}::-webkit-scrollbar-thumb{background:var(--ps-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ps-text-faint)}::selection{background:var(--ps-blue-dim);color:var(--ps-text)}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--ps-bg-app)}.app-nav{display:flex;flex-direction:column;width:200px;min-width:200px;height:100vh;background:var(--ps-bg-surface);border-right:1px solid var(--ps-border);overflow:hidden;z-index:100;flex-shrink:0}.app-nav__brand{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--ps-border);user-select:none}.app-nav__logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-nav__logo .material-symbols-outlined{font-size:18px;color:#fff}.app-nav__wordmark{font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--ps-text)}.app-nav__items{flex:1;overflow-y:auto;padding:8px 8px 0;margin:0;display:flex;flex-direction:column;gap:2px;list-style:none}.app-nav__subheader{font-size:11px;font-weight:600;color:var(--ps-text-faint);text-transform:uppercase;letter-spacing:.05em;padding:12px 10px 4px}.app-nav__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--ps-text-muted);text-decoration:none;font-size:13px;font-weight:500;transition:background .15s ease,color .15s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.app-nav__item:hover{background:var(--ps-bg-raised);color:var(--ps-text)}.app-nav__item.is-active{background:var(--ps-blue-dim);color:var(--ps-blue)}.app-nav__item .material-symbols-outlined{font-size:20px;flex-shrink:0}.app-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav__divider{height:1px;background:var(--ps-border);margin:6px 8px}.app-nav__footer{padding:8px;border-top:1px solid var(--ps-border)}.app-nav__item--icon-only{justify-content:center;padding:8px}.app-nav__item--icon-only .app-nav__label{display:none}.app-main{flex:1;height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.screen-container{flex:1;height:100%;overflow:hidden;position:relative}.screen-loading{display:flex;align-items:center;justify-content:center;height:100%}.screen-enter{animation:screenEnter .18s var(--ds-ref-motion-ease-out) forwards}@keyframes screenEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@supports (view-transition-name: none){.screen-enter{animation:none}}::view-transition-old(root){animation:.12s ease-in forwards vt-out}::view-transition-new(root){animation:.2s ease-out forwards vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}.screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--ps-border);gap:12px;flex-shrink:0;background:var(--ps-bg-surface)}.screen-title{font-size:16px;font-weight:600;color:var(--ps-text);display:flex;align-items:center;gap:8px}.screen-title .material-symbols-outlined{font-size:20px;color:var(--ps-blue)}.screen-body{flex:1;overflow:hidden;display:flex}.panel-layout{display:flex;height:100%;width:100%;overflow:hidden}.panel-left{width:260px;min-width:260px;border-right:1px solid var(--ps-border);display:flex;flex-direction:column;overflow:hidden;background:var(--ps-bg-surface)}.panel-right{width:280px;min-width:280px;border-left:1px solid var(--ps-border);display:flex;flex-direction:column;overflow:hidden;background:var(--ps-bg-surface)}.panel-center{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--ps-bg-app)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--ps-border);flex-shrink:0}.panel-header-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ps-text-muted)}.panel-body{flex:1;overflow-y:auto;padding:12px}.ic-card{background:var(--ps-bg-surface);border:1px solid var(--ps-border);border-radius:10px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.ic-card:hover{border-color:var(--ps-blue);box-shadow:0 0 0 1px var(--ps-blue-dim)}.ic-card.is-selected{border-color:var(--ps-blue);box-shadow:var(--ps-blue-glow)}.node-category-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.node-category-tag--geo{background:#38bdf81f;color:var(--cat-geo)}.node-category-tag--color{background:#a78bfa1f;color:var(--cat-color)}.node-category-tag--overlay{background:#fb923c1f;color:var(--cat-overlay)}.node-category-tag--ai{background:#34d3991f;color:var(--cat-ai)}.node-category-tag--flow{background:#0077ff1f;color:var(--cat-flow)}.node-category-tag--meta{background:#f472b61f;color:var(--cat-meta)}.btn-primary{background:var(--ps-blue);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease;font-family:var(--font-primary)}.btn-primary:hover{background:var(--ps-blue-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--ps-bg-raised);color:var(--ps-text);border:1px solid var(--ps-border);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,border-color .15s ease;font-family:var(--font-primary)}.btn-secondary:hover{background:var(--ps-bg-overlay);border-color:var(--ps-text-faint)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ps-text-muted);border:none;padding:6px 8px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s ease,color .15s ease;font-family:var(--font-primary)}.btn-ghost:hover{background:var(--ps-bg-raised);color:var(--ps-text)}.btn-danger{background:var(--ps-danger-dim);color:var(--ps-danger);border:1px solid transparent;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease;font-family:var(--font-primary)}.btn-danger:hover{background:var(--ps-danger);color:#fff}.btn-icon{background:transparent;border:none;color:var(--ps-text-muted);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.btn-icon:hover{background:var(--ps-bg-raised);color:var(--ps-text)}.btn-icon .material-symbols-outlined{font-size:18px}.ic-input{background:var(--ps-bg-overlay);border:1px solid var(--ps-border);border-radius:7px;color:var(--ps-text);font-size:13px;padding:7px 11px;width:100%;font-family:var(--font-primary);transition:border-color .15s ease;outline:none}.ic-input:focus{border-color:var(--ps-blue)}.ic-input::placeholder{color:var(--ps-text-faint)}.ic-label{font-size:11px;font-weight:600;color:var(--ps-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;display:block}.ic-field{display:flex;flex-direction:column;gap:4px}.ic-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--ps-bg-overlay);outline:none;cursor:pointer;accent-color:var(--ps-blue)}.ic-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:500;background:var(--ps-bg-overlay);color:var(--ps-text-muted);border:1px solid var(--ps-border)}.ic-badge--blue{background:var(--ps-blue-dim);color:var(--ps-blue);border-color:transparent}.ic-badge--green{background:var(--ps-success-dim);color:var(--ps-success);border-color:transparent}.ic-badge--red{background:var(--ps-danger-dim);color:var(--ps-danger);border-color:transparent}.ic-badge--amber{background:var(--ps-warning-dim);color:var(--ps-warning);border-color:transparent}.terminal{background:#080809;border:1px solid var(--ps-border);border-radius:8px;padding:12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.7;overflow-y:auto;color:var(--ps-text-muted)}.terminal-line--ok{color:var(--ps-success)}.terminal-line--info{color:var(--ps-blue)}.terminal-line--warn{color:var(--ps-warning)}.terminal-line--error{color:var(--ps-danger)}.terminal-line--muted{color:var(--ps-text-faint)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center}.empty-state .material-symbols-outlined{font-size:48px;color:var(--ps-text-faint)}.empty-state-title{font-size:15px;font-weight:500;color:var(--ps-text)}.empty-state-desc{font-size:13px;color:var(--ps-text-muted);max-width:300px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.p-3{padding:12px}.p-4{padding:16px}.text-muted{color:var(--ps-text-muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-dialog{padding:0;border:none;border-radius:16px;background:var(--ps-bg-surface);box-shadow:0 10px 40px #0006,0 0 0 1px var(--ps-border);max-width:400px;width:calc(100% - 40px);color:var(--ps-text);overflow:hidden;animation:ic-dialog-in .3s cubic-bezier(.34,1.56,.64,1);position:fixed;inset:0;margin:auto}@keyframes ic-dialog-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ic-dialog::backdrop{background:#000000b3;backdrop-filter:blur(8px)}.ic-dialog__content{padding:30px 24px 24px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.ic-dialog__icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ic-dialog--danger .ic-dialog__icon-wrap{background:#ef44441a;color:#ef4444}.ic-dialog--warning .ic-dialog__icon-wrap{background:#f59e0b1a;color:#f59e0b}.ic-dialog--primary .ic-dialog__icon-wrap{background:#0077ff1a;color:#07f}.ic-dialog__icon{font-size:36px}.ic-dialog__title{font-size:19px;font-weight:600;margin:0;color:var(--ps-text)}.ic-dialog__body{font-size:14px;color:var(--ps-text-muted);line-height:1.6;margin:0;padding:0 10px}.ic-dialog__actions{display:flex;gap:12px;width:100%;justify-content:stretch;margin-top:12px}.ic-dialog__actions button{flex:1;justify-content:center;padding:10px 16px;font-size:14px;font-weight:600;border-radius:10px}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-container--bottom-right{bottom:20px;right:20px;align-items:flex-end}.toast-container--bottom-left{bottom:20px;left:20px;align-items:flex-start}.toast-container--top-right{top:20px;right:20px;align-items:flex-end}.toast-container--top-left{top:20px;left:20px;align-items:flex-start}.toast-container--top-center{top:20px;left:50%;transform:translate(-50%);align-items:center}.toast-container--bottom-center{bottom:20px;left:50%;transform:translate(-50%);align-items:center}.toast{pointer-events:all;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:#222228;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000080,0 1px 4px #0000004d;min-width:280px;max-width:380px;color:var(--ps-text);font-size:13px;position:relative;overflow:hidden;animation:toastIn .2s ease forwards}.toast.is-leaving{animation:toastOut .2s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1);max-height:100px;margin-bottom:0}to{opacity:0;transform:translateY(4px) scale(.97);max-height:0;margin-bottom:-8px}}.toast__icon{font-size:18px;flex-shrink:0;margin-top:1px}.toast--success .toast__icon{color:var(--ps-success, #22c55e)}.toast--warning .toast__icon{color:var(--ps-warning, #f59e0b)}.toast--danger .toast__icon,.toast--error .toast__icon{color:var(--ps-danger, #ef4444)}.toast--info .toast__icon{color:var(--ps-blue, #0077ff)}.toast__body{flex:1;min-width:0}.toast__title{font-weight:600;color:var(--ps-text);line-height:1.4}.toast__message{font-size:12px;color:var(--ps-text-muted);margin-top:2px;line-height:1.4}.toast__close{background:transparent;border:none;color:var(--ps-text-faint);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;border-radius:4px;transition:color .15s}.toast__close:hover{color:var(--ps-text)}.toast__progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0f}.toast__progress-bar{height:100%;background:var(--ps-blue, #0077ff);animation:toastProgress linear forwards;animation-play-state:running}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast__spinner{width:18px;height:18px;flex-shrink:0;margin-top:1px;animation:spin 1s linear infinite}.spinner-track{fill:none;stroke:#ffffff26;stroke-width:2.5}.spinner-arc{fill:none;stroke:var(--ps-blue, #0077ff);stroke-width:2.5;stroke-dasharray:20 40;stroke-linecap:round}@keyframes spin{to{transform:rotate(360deg);transform-origin:12px 12px}}