:root{color-scheme:dark;--blue-10:#eaf0fe;--blue-20:#d5e0fd;--blue-30:#acc1fb;--blue-40:#82a3f9;--blue-50:#4375f6;--blue-60:#2f65f5;--blue-70:#2651c4;--blue-80:#1c3d90;--blue-90:#132862;--blue-dark:#161c2e;--neutral-10:#f8fafc;--neutral-20:#f1f5f9;--neutral-25:#e2e8f0;--neutral-30:#cdd3df;--neutral-40:#94a3b8;--neutral-50:#64748b;--neutral-60:#475569;--neutral-70:#334155;--neutral-80:#272c36;--neutral-83:#262a31;--neutral-85:#1f222b;--neutral-90:#15181e;--neutral-95:#0f1115;--white:#fff;--black:#000;--color-bg-app:var(--neutral-95);--color-bg-input:var( --black );--color-bg-nav:var(--neutral-85);--color-bg-sidebar-head:var(--neutral-85);--color-bg-sidebar:var(--neutral-90);--color-bg-panel:var(--neutral-90);--color-bg-card:var(--neutral-85);--color-bundle-card:var(--neutral-80);--color-bg-card-soft:var(--neutral-80);--color-bg-card-selected:#222b42;--color-bg-menu:var(--neutral-80);--color-text-on-accent:var(--white);--color-text-primary:var(--neutral-10);--color-text-secondary:var(--neutral-30);--color-text-muted:var(--neutral-40);--color-text-dim:var(--neutral-50);--color-text-faint:var(--neutral-60);--color-border-subtle:var(--neutral-85);--color-border-default:var(--neutral-80);--color-border-strong:var(--neutral-70);--color-accent:var(--blue-60);--color-accent-hover:var(--blue-70);--color-accent-soft:#182236;--color-accent-border:var(--blue-80);--color-accent-text:var(--blue-30);--color-bg-code-header:var(--neutral-95);--color-bg-code:var(--black);--color-bg-code-soft:var(--black);--color-text-code:#d4d4d4;--color-border-code:var(--neutral-90);--color-text-url:#80e0e4;--color-syntax-punct:var(--color-text-faint);--color-syntax-key:#9cdcfe;--color-syntax-string:#ce9178;--color-syntax-number:#b5cea8;--color-syntax-boolean:#569cd6;--color-syntax-null:#569cd6;--color-syntax-summary:gray;--color-syntax-tag:#60a5fa;--color-syntax-attr-name:#f472b6;--color-syntax-attr-value:#ffebcd;--color-syntax-text:#fff;--color-success:#22c55e;--color-success-text:#4ade80;--color-success-soft:#06270f;--color-success-border:#166534;--color-success-bright:#bbf7d0;--color-warning:#f59e0b;--color-warning-text:#fbbf24;--color-warning-soft:#422006;--color-warning-border:#92400e;--color-warning-bright:#fde68a;--color-danger:#ef4444;--color-danger-text:#fca5a5;--color-danger-soft:#1a0a0a;--color-danger-border:#7f1d1d;--color-danger-bright:#fecaca;--color-danger-strong:#dc2626;--color-overlay:rgba(0,0,0,.55);--radius-sm:4px;--radius-md:5px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-3xl:16px;--radius-pill:999px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:14px;--space-6:16px;--space-7:20px;--space-8:24px;--font-sans:Arial,Helvetica,Roboto;--font-mono:"Consolas",monospace,"Courier New";--text-xs:10px;--text-s:11px;--text-m:12px;--text-base:13px;--text-lg:15px;--text-xl:18px;--text-2xl:20px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-card:0 9px 16px rgba(0,0,0,.15),0 1px 10px rgba(0,0,0,.1);--shadow-overlay:0 25px 50px -12px rgba(0,0,0,.5)}[data-theme=light]{color-scheme:light;--color-bg-app:var(--neutral-20);--color-bg-input:var(--white);--color-bg-nav:var(--neutral-25);--color-bg-sidebar-head:var(--neutral-25);--color-bg-panel:var(--neutral-10);--color-bg-card:var(--white);--color-bundle-card:var(--white);--color-bg-card-soft:var(--neutral-25);--color-bg-card-selected:var(--blue-10);--color-bg-menu:var(--white);--color-text-primary:var(--neutral-95);--color-text-secondary:var(--neutral-80);--color-text-muted:var(--neutral-60);--color-text-dim:var(--neutral-50);--color-text-faint:var(--neutral-40);--color-text-on-accent:var(--white);--color-bg-code:var(--neutral-83);--color-border-subtle:var(--neutral-25);--color-border-default:var(--neutral-30);--color-border-strong:var(--neutral-40);--color-border-code:var(--neutral-25);--color-accent:var(--blue-60);--color-accent-hover:var(--blue-70);--color-accent-soft:var(--blue-10);--color-accent-border:var(--blue-30);--color-accent-text:var(--blue-70);--color-overlay:rgba(15,23,42,.35);--color-success-soft:#dcfce7;--color-warning-soft:#fef3c7;--color-danger-soft:#fee2e2;--color-success-text:#15803d;--color-success-bright:#166534;--color-warning-text:#b45309;--color-warning-bright:#92400e;--color-danger-text:#b91c1c;--color-danger-bright:#991b1b}body{background-color:var(--color-bg-app);color:var(--color-text-secondary);margin:0;padding:0;font-family:var(--font-sans)}*{box-sizing:border-box}svg.lucide{width:1em;height:1em;vertical-align:-.125em}.alert-section-label{margin:0 0 var(--space-3);margin-left:var(--space-2);padding:0;display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;font:inherit;font-size:var(--text-base);font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-text-on-accent);border:1px solid var(--color-accent-hover);padding:8px 16px;font-weight:600;font-size:14px;box-shadow:0 2px 4px #0003}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-border)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-secondary);border-color:var(--color-border-default)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-panel);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border-default);padding:var(--space-2) var(--space-4)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-panel);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-strong);color:var(--color-text-on-accent);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background:var(--color-danger-border)}.btn-danger-ghost{background:transparent;color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger-ghost:hover:not(:disabled){background:var(--color-danger);color:var(--color-text-on-accent)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-accent-soft);border:1px solid var(--color-accent-border);border-radius:50%;color:var(--color-accent);cursor:pointer;transition:background-color .15s,color .15s}.btn-icon:hover{background:var(--color-accent-hover);color:var(--color-accent-soft)}.btn-pill-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);cursor:pointer;font-size:var(--text-s);color:var(--color-text-secondary);background:transparent;transition:background-color .15s,border-color .15s,color .15s}.btn-pill input[type=radio],input[type=radio]{margin:0;accent-color:var(--color-accent)}.btn-pill:hover{background:var(--color-bg-card-soft)}.btn-pill.active{background:color-mix(in srgb,var(--color-accent) 8%,transparent);border-color:var(--color-accent);color:var(--color-text-primary)}.nav-toggle{background:transparent;border:1px solid transparent;color:var(--color-text-dim);width:-moz-fit-content;width:fit-content;height:34px;padding:0 var(--space-3);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-m);font-family:inherit;line-height:1;transition:background-color .15s,border-color .15s,color .15s}.nav-toggle.open,.nav-toggle:hover{background:var(--color-bg-panel);border-color:var(--color-border-strong);color:var(--color-text-primary)}.nav-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-toggle svg.lucide{width:18px;height:18px;stroke-width:2}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-m)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%;background:var(--color-accent-soft);border:1px solid var(--color-accent-border);color:var(--color-accent-text);font-family:var(--font-mono);font-size:var(--text-s);padding:3px var(--space-3);border-radius:var(--radius-sm);transition:border-color .15s,background-color .15s}.chip,.chip-path{overflow:hidden;white-space:nowrap}.chip-path{min-width:0;text-overflow:ellipsis}.chip-remove{background:transparent;border:none;color:inherit;font-size:var(--text-lg);line-height:1;padding:0 var(--space-1);cursor:pointer}.chip-remove:hover{color:var(--color-text-on-accent)}.chip-add{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:1px dashed var(--color-border-default);color:var(--color-text-muted);font-size:var(--text-s);font-family:var(--font-mono);padding:3px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.chip-add:hover{border-color:var(--color-accent);color:var(--color-accent-text);background:var(--color-accent-soft)}.code-block{display:flex;flex-direction:column;background:var(--color-bg-code);border:1px solid var(--color-border-code);border-radius:var(--radius-xl);overflow:hidden;flex-shrink:0}.code-header{display:flex;align-items:center;padding:var(--space-3) 15px;background:var(--color-bg-code-header);border-bottom:1px solid #333;gap:var(--space-3)}.code-title{margin-left:var(--space-4)}.code-title,.code-title-link{color:#858585;font-family:var(--font-mono);font-size:var(--text-m)}.code-title-link:hover{color:#323844}.code-body{padding:var(--space-4);overflow-y:auto;flex:1;color:var(--color-text-code)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;margin-left:2px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.editor-textarea{width:100%;padding:var(--space-6);background:var(--color-bg-code);border:none;outline:none;font-family:var(--font-mono);font-size:12px;line-height:1.5;resize:vertical;box-sizing:border-box}.hbs-color{color:#dcdcaa;min-height:150px}.json-color{color:#9cdcfe;min-height:250px}.editor-textarea::-webkit-scrollbar{width:8px}.editor-textarea::-webkit-scrollbar-thumb{background:#38445c;border-radius:var(--radius-sm)}.tree-panel{padding:var(--space-4);background:var(--color-bg-code);overflow-y:auto;min-height:250px;max-height:360px}.tree-panel::-webkit-scrollbar{width:8px}.tree-panel::-webkit-scrollbar-thumb{background:#182236;border-radius:var(--radius-sm)}.payload-notice{background:var(--color-bg-code-header);color:var(--color-warning);font-size:var(--text-m);font-family:var(--font-mono);padding:var(--space-3) var(--space-5);border-top:1px solid #3a3a3a}.payload-empty{background:var(--color-bg-code);color:var(--color-text-dim);font-size:var(--text-base);font-family:var(--font-mono);padding:30px var(--space-5);text-align:center;flex:1}.code-toggle-btn{background:var(--color-bg-code);color:#a3a3a3;border:1px solid #343535;border-radius:var(--radius-sm);padding:3px var(--space-4);font-size:var(--text-m);cursor:pointer;transition:background-color .15s,color .15s}.code-toggle-btn:hover{background:var(--color-bg-code-header);color:var(--color-text-code)}.code-toggle-btn-wide{display:inline-flex;align-items:center;gap:6px;padding:3px var(--space-3);letter-spacing:.1px}.code-toggle-btn-wide .caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid;margin-top:1px;opacity:.7;transition:transform .15s ease,opacity .15s ease}.code-toggle-btn-wide.is-open{background:#4a4a4a;color:var(--color-text-code);border-color:#6b6b6b}.code-toggle-btn-wide.is-open .caret{transform:rotate(180deg);opacity:1}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{padding-top:4px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-muted)}.field-hint,.field-label{margin:0;font-size:var(--text-m)}.field-hint{color:var(--color-text-dim);line-height:1.5}.hint{color:var(--color-text-faint);font-size:var(--text-s);font-style:italic}.field-required{color:var(--color-danger)}.field-input{width:100%;height:35px;box-sizing:border-box;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}.field-input::-moz-placeholder{color:var(--color-border-default)}.field-input::placeholder{color:var(--color-border-default)}.field-input:hover:not(:disabled):not([readonly]):not(:focus){border-color:var(--color-border-strong)}.field-input:focus{border-color:var(--color-accent)}.field-input:disabled,.field-input[readonly]{opacity:.7;cursor:not-allowed;background:var(--color-bg-card)}.field-input.error,.field-input.is-invalid{border-color:var(--color-danger)}.field-input.field-focus:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.field-input.field-focus.error:focus,.field-input.field-focus.is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 20%,transparent)}select.field-input{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}select.field-input:disabled{cursor:not-allowed}.overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.overlay-box{background:var(--color-bg-panel);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-overlay);width:min(92vw,560px);box-sizing:border-box}.overlay-box--compact{width:min(92vw,500px)}.overlay-box--default{width:min(92vw,560px)}.overlay-box--wide{width:min(92vw,650px)}.overlay-box--full{max-width:650px;height:92vh}.overlay-box--editor,.overlay-box--full{padding:0;display:flex;flex-direction:column;overflow:hidden}.overlay-box--editor{width:96vw;height:96vh}.overlay-box h4{margin:0 0 var(--space-3);color:var(--color-text-primary);font-size:var(--text-lg)}.overlay-box p{margin:0 0 18px;color:var(--color-text-muted);font-size:var(--text-base)}.overlay-actions{display:flex;gap:var(--space-4);justify-content:space-between;flex-wrap:wrap;row-gap:var(--space-3)}.panel{position:relative;display:flex;flex-direction:column;background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-7);background:var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.panel-body{flex:1;overflow:hidden;padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6);min-height:0}.panel-foot{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-7);background:var(--color-border-subtle);border-top:1px solid var(--color-border-subtle)}.section-eyebrow{margin:0 0 var(--space-3);margin-left:var(--radius-md);padding:0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-dim)}.preview-strip{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);border:1px solid;font-size:var(--text-m)}.preview-strip.ok{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-bright)}.preview-strip.no{background:var(--color-bg-card-soft);border-color:var(--color-border-default);color:var(--color-text-secondary)}.preview-strip .bullet{font-size:var(--text-2xl);line-height:1}.preview-strip.ok .bullet{color:var(--color-success)}.preview-strip.no .bullet{color:var(--color-text-dim)}.preview-label{flex:1;min-width:0}.preview-detail{margin-left:auto;color:var(--color-text-muted);font-size:var(--text-s);max-width:100%}.preview-detail summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-detail summary:hover{color:var(--color-accent-text)}.preview-detail ul{margin:var(--space-2) 0 0;padding:var(--space-3) var(--space-4);list-style:none;background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-1);max-height:200px;overflow-y:auto}.preview-detail li{font-family:var(--font-mono);font-size:var(--text-s)}.preview-detail li.ok{color:var(--color-success-bright)}.preview-detail code{color:var(--color-accent-text);background:var( --color-border-subtle );padding:1px 4px;border-radius:3px}.preview-detail li.ok{color:var(--color-success)}.preview-detail li.no{color:var(--color-text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-bg-nav);border-radius:var(--radius-sm)}::-webkit-scrollbar-track{background:transparent}.wcard{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl)}.wcard-head{display:flex;flex-direction:row;padding:var(--space-3) var(--space-5);background:var(--color-bg-card-soft);border-bottom:1px solid var(--color-border-subtle);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);font-size:var(--text-s);font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-secondary)}.wcard-body{padding:var(--space-5);gap:var(--space-3)}.wcard-body,.wcard-row{display:flex;flex-direction:column}.wcard-label,.wcard-row{gap:var(--space-2)}.wcard-label{display:flex;flex-direction:row;align-items:center;font-size:var(--text-xs);font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-muted)}