:root{--bg:#f8fafc;--surface:#fff;--sidebar:#f1f5f9;--text:#475569;--text-strong:#0f172a;--text-muted:#64748b;--border:#dbe3ec;--accent:#2563eb;--accent-soft:#93c5fd;--accent-bg:#dbeafe;--chip-bg:#eef2f7;--code-bg:#edf2f7;--terminal:#111827;--terminal-text:#e5e7eb;--warning:#b45309;--warning-bg:#fff7ed;--danger:#dc2626;--danger-border:#fecaca;--success:#15803d;--shadow:0 24px 70px #0f172a3d;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.45}:root[data-theme=dark]{--bg:#111827;--surface:#182235;--sidebar:#0f172a;--text:#cbd5e1;--text-strong:#f8fafc;--text-muted:#94a3b8;--border:#283548;--accent:#60a5fa;--accent-soft:#2563eb;--accent-bg:#2563eb33;--chip-bg:#243044;--code-bg:#1f2937;--terminal:#050816;--terminal-text:#dbeafe;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#f87171;--danger-border:#7f1d1d;--success:#4ade80;--shadow:0 24px 70px #00000073}@media (prefers-color-scheme:dark){:root[data-theme=system]{--bg:#111827;--surface:#182235;--sidebar:#0f172a;--text:#cbd5e1;--text-strong:#f8fafc;--text-muted:#94a3b8;--border:#283548;--accent:#60a5fa;--accent-soft:#2563eb;--accent-bg:#2563eb33;--chip-bg:#243044;--code-bg:#1f2937;--terminal:#050816;--terminal-text:#dbeafe;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#f87171;--danger-border:#7f1d1d;--success:#4ade80;--shadow:0 24px 70px #00000073}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);margin:0}.app-shell{background:var(--bg);min-height:100svh;color:var(--text)}button,input,textarea,select{font:inherit}button,select,input,textarea{border:1px solid var(--border);background:var(--surface);color:var(--text-strong);border-radius:10px}button{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 11px;display:inline-flex}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-bg);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{box-sizing:border-box;width:100%;padding:8px 10px}textarea{resize:vertical}code,pre{font-family:var(--mono)}pre{white-space:pre-wrap;word-break:break-word}.brand{color:var(--text-strong);align-items:center;gap:9px;display:flex}.muted,.preview-heading span,.field-row small{color:var(--text-muted)}.brand-logo{flex:none;width:34px;height:34px;display:block}.section-title{color:var(--text-strong);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.offline-status{color:var(--warning);align-items:center;gap:8px;font-size:13px;display:flex}.command-list-panel{min-width:0}.app-header,.modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:66px;padding:12px max(24px,50vw - 560px);position:sticky;top:0}.modal-header h2{color:var(--text-strong);margin:0}.modal-header p{margin:4px 0 0;font-size:14px}.workspace{width:min(100% - 48px,1120px);margin:0 auto;padding:32px 0 64px}.header-actions,.detail-actions,.button-row,.param-card-header div{align-items:center;gap:8px;display:flex}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.quiet-button{background:0 0;border-color:#0000}.danger-button{border-color:var(--danger-border);color:var(--danger)}.icon-button{flex:none;width:36px;padding:0}.icon-button:hover{color:var(--accent)}.icon-button.danger:hover,.danger{color:var(--danger)}.toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:18px;display:grid}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:var(--text-muted);position:absolute;left:11px}.search-box input{padding-left:36px}.toolbar-meta{align-items:center;gap:12px;display:flex}.toolbar-meta select{width:160px}.command-count{white-space:nowrap;color:var(--text-muted);font-size:12px}.command-cards{gap:10px;display:grid}.command-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s}.command-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px);box-shadow:0 8px 24px #0f172a0f}.card-open{text-align:left;background:0 0;border:0;border-radius:0;width:100%;min-height:0;padding:0;display:block}.card-open:hover{border-color:#0000}.card-topline{justify-items:start;display:grid}.card-topline h2{color:var(--text-strong);margin:0 0 8px;font-size:17px}.command-card p{max-width:70ch;color:var(--text-muted);margin:12px 0 0;font-size:14px}.command-card code{background:var(--code-bg);max-width:100%;color:var(--text-strong);text-overflow:ellipsis;border-radius:6px;padding:3px 6px;display:inline-flex;overflow:hidden}.panel-section,.preview-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.field-row{grid-template-columns:minmax(120px,180px) 1fr;align-items:center;gap:12px;margin-top:10px;display:grid}.field-row>span{color:var(--text-strong);gap:3px;display:grid}.field-label-title{align-items:baseline;gap:3px;display:inline-flex}.required-mark{color:var(--danger);font-weight:700}.field-row.stacked{grid-template-columns:1fr}.checkbox-row{align-items:center;gap:9px;display:flex}input[type=checkbox]{border:1px solid var(--border);appearance:none;background:var(--surface);cursor:pointer;border-radius:4px;flex:none;place-content:center;width:16px;height:16px;margin:0;padding:0;display:inline-grid}input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:#fff;width:8px;height:8px;transform:scale(0)}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{outline:3px solid var(--accent-bg);outline-offset:2px}.editor-grid label.checkbox-row,.param-fields label.checkbox-row,.settings-stack label.checkbox-row{align-items:center;gap:9px;display:flex}.check-grid{flex-wrap:wrap;gap:8px 14px;display:flex}.check-grid label{align-items:center;gap:6px;display:flex}.section-toggle{justify-content:space-between;width:100%}.preview-panel{gap:12px;display:grid}.preview-heading{justify-content:space-between;gap:12px;display:flex}.preview-heading strong,.preview-heading span{display:block}.preview-heading select{width:150px}.preview-panel pre{background:var(--terminal);min-height:92px;color:var(--terminal-text);border-radius:8px;margin:0;padding:14px;line-height:1.5}.warning-list{color:var(--warning);gap:6px;font-size:13px;display:grid}.full-width{width:100%}.empty-state{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:8px;padding:48px 24px}.modal-backdrop{z-index:20;background:#0c10188c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.editor-modal{background:var(--bg);width:min(1080px,100%);max-height:calc(100svh - 48px);box-shadow:var(--shadow);border-radius:10px;overflow:auto}.import-modal{background:var(--bg);width:min(620px,100%);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.import-modal-content{padding:20px}.import-modal-content label{color:var(--text-strong);gap:8px;font-size:13px;font-weight:700;display:grid}.modal-header,.modal-footer,.param-editor{padding:18px 20px}.modal-header,.modal-footer{border-bottom:1px solid var(--border)}.modal-footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end;gap:10px;display:flex}.editor-grid,.param-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.editor-grid label,.param-fields label,.settings-stack label{color:var(--text-strong);gap:6px;font-size:13px;font-weight:700;display:grid}.editor-grid .wide,.param-fields .wide{grid-column:1/-1}.modal-subheader,.param-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-subheader h3{margin:0}.param-editor{gap:12px;display:grid}.param-card{border:1px solid var(--border);background:var(--surface);border-radius:8px}.param-card-header{border-bottom:1px solid var(--border);padding:12px 14px}.settings-stack{gap:12px;display:grid}.settings-modal-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.settings-modal-column{align-content:start;gap:16px;display:grid}.command-modal-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.command-modal-column{align-content:start;gap:16px;display:grid}.settings-wide{grid-column:1/-1}.sync-status{background:var(--chip-bg);color:var(--text-muted);border-radius:8px;padding:9px 10px}.sync-status.success{color:var(--success)}.sync-status.error,.sync-status.offline{color:var(--warning)}@media (width<=760px){button{min-height:42px}.app-header{min-height:60px;padding:9px 16px}.brand-logo{width:32px;height:32px}.header-actions{gap:4px}.header-actions .primary-button{padding-inline:10px}.workspace{width:min(100% - 32px,1120px);padding:22px 0 40px}.toolbar,.field-row,.editor-grid,.param-fields,.command-modal-content,.settings-modal-content{grid-template-columns:1fr}.settings-wide{grid-column:auto}.preview-heading{flex-direction:column}.toolbar-meta{justify-content:space-between}.toolbar-meta select{width:min(160px,55vw)}.command-card{padding:16px}.modal-backdrop{align-items:end;padding:0}.editor-modal,.import-modal{border-radius:16px 16px 0 0;max-height:94svh}.modal-header,.modal-footer,.param-editor,.editor-grid,.command-modal-content,.settings-modal-content{padding-left:16px;padding-right:16px}.import-modal-content{padding:20px 16px}.modal-header{align-items:flex-start}.detail-actions{flex-wrap:wrap;justify-content:flex-end}.modal-footer{background:var(--bg);position:sticky;bottom:0}.preview-heading select{width:100%}}@media (width<=420px){.brand strong{display:none}.offline-status{gap:0;font-size:0}.header-actions .action-label{display:none}.header-actions button:not(.icon-button){width:42px;padding-inline:0}.header-actions button:not(.icon-button) svg{width:19px;height:19px}}