@power-maverick/tool-pcf-builder 0.0.2 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +24 -11
  3. package/dist/index.js.map +1 -1
  4. package/npm-shrinkwrap.json +13 -2
  5. package/package.json +4 -3
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- ._console_ops7f_1{background:#050914;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);padding:20px;box-shadow:inset 0 0 0 1px #0f172a99}._header_ops7f_9{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:12px}._body_ops7f_17{max-height:260px;overflow:auto;line-height:1.45;color:#e2e8f0;font-family:JetBrains Mono,Consolas,monospace;font-size:.85rem;white-space:pre-wrap;margin:0}._panel_3hsog_1{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:20px}._header_3hsog_12{display:flex;flex-direction:column;gap:12px}._kicker_3hsog_18{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--color-muted)}._subtitle_3hsog_25{font-size:1rem;color:var(--color-text);max-width:46ch}._section_3hsog_31{display:flex;flex-direction:column;gap:12px}._controlGrid_3hsog_37{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}._cell_3hsog_43{min-width:0}._span4_3hsog_47{grid-column:span 4}._span8_3hsog_51{grid-column:span 8}._fullRow_3hsog_55{grid-column:1 / -1}._helperText_3hsog_59{font-size:.78rem;color:var(--color-muted);margin-top:6px}._helperText_3hsog_59 code{background:#0f172a0f;padding:2px 6px;border-radius:var(--radius-sm)}._panelReadOnly_3hsog_71 input[readonly],._panelReadOnly_3hsog_71 textarea[readonly]{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_3hsog_71 select:disabled{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_3hsog_71 input[readonly]:focus,._panelReadOnly_3hsog_71 textarea[readonly]:focus,._panelReadOnly_3hsog_71 select:disabled:focus{box-shadow:none;outline:none}._toggleRow_3hsog_93{display:inline-flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--color-muted)}._toggleRow_3hsog_93 input[type=checkbox]{margin-top:4px}._toggleLabel_3hsog_105{display:block;font-weight:600;margin-bottom:6px}._checkbox_3hsog_111{flex:1}@media(max-width:960px){._spanTwo_3hsog_116{grid-column:1 / -1}}@media(max-width:720px){._panel_3hsog_1{padding:22px}}@media(max-width:960px){._controlGrid_3hsog_37{grid-template-columns:repeat(6,minmax(0,1fr))}._span4_3hsog_47,._span8_3hsog_51{grid-column:span 6}}@media(max-width:640px){._controlGrid_3hsog_37{grid-template-columns:repeat(1,minmax(0,1fr))}._span4_3hsog_47,._span8_3hsog_51,._fullRow_3hsog_55{grid-column:span 1}}._wrapper_rnjwv_1{display:flex;flex-direction:column;gap:8px}._label_rnjwv_7{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--color-muted)}._row_rnjwv_14{display:flex;gap:12px}._input_rnjwv_19{flex:1}._helper_rnjwv_23{font-size:.8rem;color:var(--color-muted)}@media(max-width:640px){._row_rnjwv_14{flex-direction:column}._input_rnjwv_19{width:100%}}._panel_1h319_1{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:20px}._panelReadOnly_1h319_12 input[readonly]{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_1h319_12 input[readonly]:focus{box-shadow:none;outline:none}._panelReadOnly_1h319_12 select:disabled{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_1h319_12 select:disabled:focus{box-shadow:none;outline:none}._header_1h319_36{display:flex;flex-direction:column;gap:12px}._kicker_1h319_42{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--color-muted)}._subtitle_1h319_49{font-size:1rem;color:var(--color-text);max-width:52ch}._grid_1h319_55{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}._helperText_1h319_61{font-size:.8rem;color:var(--color-muted)}._helperText_1h319_61 code{background:#0f172a0f;padding:2px 6px;border-radius:var(--radius-sm)}._helperText_1h319_61 em{font-style:normal;color:var(--color-text);font-weight:600}._workspaceSummary_1h319_78{border-radius:var(--radius-md);border:1px dashed rgba(15,23,42,.12);padding:10px 14px;font-size:.85rem;color:var(--color-text)}@media(max-width:720px){._panel_1h319_1{padding:22px}}._tabShell_11n9g_1{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;justify-content:space-between}._tabStrip_11n9g_10{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 22px #0f172a14}._tabButton_11n9g_23{border:none;background:transparent;border-radius:999px;padding:8px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:color .2s ease,background .2s ease,box-shadow .2s ease;min-width:140px}._tabButton_11n9g_23:hover{color:var(--color-primary)}._active_11n9g_44{background:#2563eb1f;color:var(--color-primary);box-shadow:inset 0 0 0 1px #2563eb4d}._tabLabel_11n9g_50{font-size:.85rem;font-weight:600}._tabDescription_11n9g_55{font-size:.72rem;color:var(--color-muted)}._workspaceBadge_11n9g_60{flex:1 1;min-height:60px;border-radius:var(--radius-lg);border:1px dashed rgba(15,23,42,.14);background:#0f172a05;padding:12px 16px;display:flex;flex-direction:column;gap:4px;font-size:.85rem;overflow:hidden}._workspaceBadge_11n9g_60 span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--color-muted)}._workspaceBadge_11n9g_60 strong{font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){._tabStrip_11n9g_10,._workspaceBadge_11n9g_60{flex:1 1 100%}}:root{--color-bg: #f5f7fb;--color-surface: #ffffff;--color-border: #e2e8f0;--color-muted: #64748b;--color-text: #0f172a;--color-primary: #2563eb;--color-accent: #0ea5e9;--color-success: #0f9d58;--shadow-soft: 0 20px 45px rgba(15, 23, 42, .08);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#eff3ff,#fdf2f8 40%,#eef9f2);color:var(--color-text)}#root{min-height:100vh}.app-root{min-height:100vh;padding:32px 16px 48px}.app-shell{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.panel-area{display:flex;flex-direction:column;gap:24px}.panel-stack{position:relative;width:100%;min-height:200px}.panel-card{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(30px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.panel-card--active{opacity:1;transform:translate(0);pointer-events:auto;position:relative}.status-banner{border-radius:var(--radius-md);padding:14px 18px;font-size:.9rem;border:1px solid rgba(220,38,38,.2);background:#fef2f2e6;color:#991b1b}.loading-state,.empty-state{border-radius:var(--radius-md);background:#ffffffe6;border:1px dashed var(--color-border);padding:32px;text-align:center;color:var(--color-muted)}label{font-size:.82rem;font-weight:600;color:var(--color-text)}input,select,textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;font-size:.92rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}textarea{min-height:96px;resize:vertical}.btn{border-radius:999px;padding:10px 20px;font-weight:600;font-size:.92rem;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 10px 30px #2563eb40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px #2563eb59}.btn-ghost{background:#0f172a0a;color:var(--color-text);border:1px solid rgba(15,23,42,.08)}.btn-ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 10px 30px #0ea5e940}.btn-success{background:var(--color-success);color:#fff}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.command-console{background:#0b1120;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);color:#cbd5f5;font-family:JetBrains Mono,Fira Code,monospace;padding:18px;min-height:160px;box-shadow:inset 0 0 0 1px #ffffff0a}.command-console__header{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1b3;margin-bottom:8px}.command-console__body{max-height:260px;overflow:auto;white-space:pre-wrap;line-height:1.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);border:1px solid rgba(15,23,42,.08)}.modal-header h3{font-size:1.1rem;margin-bottom:6px}.modal-header p{color:var(--color-muted);font-size:.92rem}.modal-body{display:flex;flex-direction:column;gap:16px;margin-top:18px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:720px){.app-root{padding:24px 12px}.button-grid{grid-template-columns:1fr}}
1
+ ._console_ops7f_1{background:#050914;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);padding:20px;box-shadow:inset 0 0 0 1px #0f172a99}._header_ops7f_9{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:12px}._body_ops7f_17{max-height:260px;overflow:auto;line-height:1.45;color:#e2e8f0;font-family:JetBrains Mono,Consolas,monospace;font-size:.85rem;white-space:pre-wrap;margin:0}._panel_3hsog_1{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:20px}._header_3hsog_12{display:flex;flex-direction:column;gap:12px}._kicker_3hsog_18{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--color-muted)}._subtitle_3hsog_25{font-size:1rem;color:var(--color-text);max-width:46ch}._section_3hsog_31{display:flex;flex-direction:column;gap:12px}._controlGrid_3hsog_37{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}._cell_3hsog_43{min-width:0}._span4_3hsog_47{grid-column:span 4}._span8_3hsog_51{grid-column:span 8}._fullRow_3hsog_55{grid-column:1 / -1}._helperText_3hsog_59{font-size:.78rem;color:var(--color-muted);margin-top:6px}._helperText_3hsog_59 code{background:#0f172a0f;padding:2px 6px;border-radius:var(--radius-sm)}._panelReadOnly_3hsog_71 input[readonly],._panelReadOnly_3hsog_71 textarea[readonly]{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_3hsog_71 select:disabled{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_3hsog_71 input[readonly]:focus,._panelReadOnly_3hsog_71 textarea[readonly]:focus,._panelReadOnly_3hsog_71 select:disabled:focus{box-shadow:none;outline:none}._toggleRow_3hsog_93{display:inline-flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--color-muted)}._toggleRow_3hsog_93 input[type=checkbox]{margin-top:4px}._toggleLabel_3hsog_105{display:block;font-weight:600;margin-bottom:6px}._checkbox_3hsog_111{flex:1}@media(max-width:960px){._spanTwo_3hsog_116{grid-column:1 / -1}}@media(max-width:720px){._panel_3hsog_1{padding:22px}}@media(max-width:960px){._controlGrid_3hsog_37{grid-template-columns:repeat(6,minmax(0,1fr))}._span4_3hsog_47,._span8_3hsog_51{grid-column:span 6}}@media(max-width:640px){._controlGrid_3hsog_37{grid-template-columns:repeat(1,minmax(0,1fr))}._span4_3hsog_47,._span8_3hsog_51,._fullRow_3hsog_55{grid-column:span 1}}._wrapper_rnjwv_1{display:flex;flex-direction:column;gap:8px}._label_rnjwv_7{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--color-muted)}._row_rnjwv_14{display:flex;gap:12px}._input_rnjwv_19{flex:1}._helper_rnjwv_23{font-size:.8rem;color:var(--color-muted)}@media(max-width:640px){._row_rnjwv_14{flex-direction:column}._input_rnjwv_19{width:100%}}._panel_1mvmp_1{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:20px}._panelReadOnly_1mvmp_12 input[readonly]{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_1mvmp_12 input[readonly]:focus{box-shadow:none;outline:none}._panelReadOnly_1mvmp_12 select:disabled{background:#0f172a0a;border-color:#0f172a1f;color:var(--color-muted);cursor:not-allowed}._panelReadOnly_1mvmp_12 select:disabled:focus{box-shadow:none;outline:none}._header_1mvmp_36{display:flex;flex-direction:column;gap:12px}._kicker_1mvmp_42{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--color-muted)}._subtitle_1mvmp_49{font-size:1rem;color:var(--color-text);max-width:52ch}._grid_1mvmp_55{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}._helperText_1mvmp_61{font-size:.8rem;color:var(--color-muted)}._helperText_1mvmp_61 code{background:#0f172a0f;padding:2px 6px;border-radius:var(--radius-sm)}._helperText_1mvmp_61 em{font-style:normal;color:var(--color-text);font-weight:600}._workspaceSummary_1mvmp_78{border-radius:var(--radius-md);border:1px dashed rgba(15,23,42,.12);padding:10px 14px;font-size:.85rem;color:var(--color-text)}@media(max-width:720px){._panel_1mvmp_1{padding:22px}}._inputError_1mvmp_92{border-color:var(--color-error, #dc2626)!important;box-shadow:0 0 0 2px #dc262626}._fieldError_1mvmp_97{font-size:.75rem;color:var(--color-error, #dc2626);margin-top:4px}._publisherModeToggle_1mvmp_103{display:flex;gap:0;border:1px solid rgba(15,23,42,.14);border-radius:var(--radius-md);overflow:hidden;width:fit-content}._modeBtn_1mvmp_112{padding:6px 14px;font-size:.82rem;background:transparent;border:none;cursor:pointer;color:var(--color-muted);transition:background .15s,color .15s}._modeBtn_1mvmp_112:hover{background:#0f172a0d;color:var(--color-text)}._modeBtnActive_1mvmp_127,._modeBtnActive_1mvmp_127:hover{background:var(--color-primary, #2563eb);color:#fff}._publisherSelectRow_1mvmp_137{display:flex;gap:8px;align-items:flex-end}._publisherSelectField_1mvmp_143{flex:1}._publisherSelectField_1mvmp_143 select{width:100%}._tabShell_10zkz_1{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;justify-content:space-between}._tabStrip_10zkz_10{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px;border-radius:999px;background:var(--color-tab-strip-bg);border:1px solid var(--color-tab-strip-border);box-shadow:0 8px 22px var(--color-tab-strip-border)}._tabButton_10zkz_23{border:none;background:transparent;border-radius:999px;padding:8px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:color .2s ease,background .2s ease,box-shadow .2s ease;min-width:140px;color:var(--color-text)}._tabButton_10zkz_23:hover{color:var(--color-primary)}._active_10zkz_45{background:var(--color-tab-active-bg);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-tab-active-border)}._tabLabel_10zkz_51{font-size:.85rem;font-weight:600}._tabDescription_10zkz_56{font-size:.72rem;color:var(--color-muted)}._workspaceBadge_10zkz_61{flex:1 1;min-height:60px;border-radius:var(--radius-lg);border:1px dashed var(--color-workspace-badge-border);background:var(--color-workspace-badge-bg);padding:12px 16px;display:flex;flex-direction:column;gap:4px;font-size:.85rem;overflow:hidden}._workspaceBadge_10zkz_61 span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--color-muted)}._workspaceBadge_10zkz_61 strong{font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){._tabStrip_10zkz_10,._workspaceBadge_10zkz_61{flex:1 1 100%}}:root{--color-bg: #f5f7fb;--color-surface: #ffffff;--color-border: #e2e8f0;--color-muted: #64748b;--color-text: #0f172a;--color-primary: #2563eb;--color-accent: #0ea5e9;--color-success: #0f9d58;--color-error-bg: rgba(254, 242, 242, .9);--color-error-border: rgba(220, 38, 38, .2);--color-error-text: #991b1b;--color-console-bg: #0b1120;--color-console-text: #cbd5f5;--color-console-header: rgba(203, 213, 225, .7);--color-modal-backdrop: rgba(15, 23, 42, .45);--color-input-bg: #fff;--color-tab-strip-bg: rgba(255, 255, 255, .82);--color-tab-strip-border: rgba(15, 23, 42, .08);--color-tab-active-bg: rgba(37, 99, 235, .12);--color-tab-active-border: rgba(37, 99, 235, .3);--color-workspace-badge-bg: rgba(15, 23, 42, .02);--color-workspace-badge-border: rgba(15, 23, 42, .14);--shadow-soft: 0 20px 45px rgba(15, 23, 42, .08);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.dark-theme{--color-bg: #1e1e1e;--color-surface: #2d2d2d;--color-border: #3f3f3f;--color-muted: #b0b0b0;--color-text: #e0e0e0;--color-primary: #4a9eff;--color-accent: #66c2ff;--color-success: #54b054;--color-error-bg: rgba(74, 44, 46, .9);--color-error-border: rgba(244, 135, 113, .3);--color-error-text: #f48771;--color-console-bg: #0d0d0d;--color-console-text: #cbd5f5;--color-console-header: rgba(203, 213, 225, .5);--color-modal-backdrop: rgba(0, 0, 0, .6);--color-input-bg: #252525;--color-tab-strip-bg: rgba(45, 45, 45, .82);--color-tab-strip-border: rgba(255, 255, 255, .1);--color-tab-active-bg: rgba(74, 158, 255, .2);--color-tab-active-border: rgba(74, 158, 255, .4);--color-workspace-badge-bg: rgba(255, 255, 255, .05);--color-workspace-badge-border: rgba(255, 255, 255, .14);--shadow-soft: 0 20px 45px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--color-bg);color:var(--color-text)}#root{min-height:100vh}.app-root{min-height:100vh;padding:32px 16px 48px}.app-shell{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.panel-area{display:flex;flex-direction:column;gap:24px}.panel-stack{position:relative;width:100%;min-height:200px}.panel-card{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(30px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.panel-card--active{opacity:1;transform:translate(0);pointer-events:auto;position:relative}.status-banner{border-radius:var(--radius-md);padding:14px 18px;font-size:.9rem;border:1px solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text)}.loading-state,.empty-state{border-radius:var(--radius-md);background:var(--color-surface);border:1px dashed var(--color-border);padding:32px;text-align:center;color:var(--color-muted)}label{font-size:.82rem;font-weight:600;color:var(--color-text)}input,select,textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);font-size:.92rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}textarea{min-height:96px;resize:vertical}.btn{border-radius:999px;padding:10px 20px;font-weight:600;font-size:.92rem;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 10px 30px #2563eb40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px #2563eb59}.btn-ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 10px 30px #0ea5e940}.btn-success{background:var(--color-success);color:#fff}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.command-console{background:var(--color-console-bg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);color:var(--color-console-text);font-family:JetBrains Mono,Fira Code,monospace;padding:18px;min-height:160px;box-shadow:inset 0 0 0 1px #ffffff0a}.command-console__header{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-console-header);margin-bottom:8px}.command-console__body{max-height:260px;overflow:auto;white-space:pre-wrap;line-height:1.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);border:1px solid rgba(15,23,42,.08)}.modal-header h3{font-size:1.1rem;margin-bottom:6px}.modal-header p{color:var(--color-muted);font-size:.92rem}.modal-body{display:flex;flex-direction:column;gap:16px;margin-top:18px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:720px){.app-root{padding:24px 12px}.button-grid{grid-template-columns:1fr}}