.cmd-app{--cmd-accent:#3b82f6;--cmd-accent-soft:rgba(59,130,246,0.18);--cmd-accent-ring:rgba(59,130,246,0.40);--cmd-accent-glow:rgba(59,130,246,0.55);--cmd-bg:#0f1623;--cmd-surface:#1a2035;--cmd-surface-2:#1e2a42;--cmd-surface-3:#243352;--cmd-border:#2d3f5c;--cmd-border-light:#3d5070;--cmd-text:#e2e8f0;--cmd-text-muted:#94a3b8;--cmd-text-faint:#4a6080;--cmd-topbar-bg:#111827;--cmd-topbar-border:#1e2a42;--cmd-card-bg:#1e2a42;--cmd-card-border:#2d3f5c;--cmd-card-placed-text:#4a6080;--cmd-progress-bg:#1e2a42;--cmd-info-bg:#131c2e;--cmd-info-border:#1e2a42;--cmd-info-accent:#3b82f6;--cmd-info-text:#ffffff;--cmd-info-text-dim:rgba(255,255,255,0.72);--cmd-info-label:rgba(255,255,255,0.60);--cmd-info-marketing-bg:rgba(255,255,255,0.06);--cmd-overlay-bg:rgba(0,0,0,0.82);--cmd-overlay-panel:#1a2035;--cmd-btn-bg:#1e2a42;--cmd-btn-border:#2d3f5c;--cmd-btn-text:#cbd5e1;--cmd-btn-hover-bg:#243352;--cmd-brand-text:#ffffff;--cmd-shadow-sm:0 1px 3px rgba(0,0,0,0.4);--cmd-shadow-md:0 4px 12px rgba(0,0,0,0.5);--cmd-shadow-lg:0 8px 32px rgba(0,0,0,0.7);--cmd-transition:200ms ease;--cmd-sidebar-w:200px;--cmd-info-w:272px;--cmd-topbar-h:52px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--cmd-text);background:var(--cmd-bg);border:1px solid var(--cmd-border);border-radius:10px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:560px;-webkit-user-select:none;user-select:none}.cmd-app *,.cmd-app *::before,.cmd-app *::after{box-sizing:inherit}.cmd-app.cmd-theme--light{--cmd-bg:#f8fafc;--cmd-surface:#f1f5f9;--cmd-surface-2:#e2e8f0;--cmd-surface-3:#cbd5e1;--cmd-border:#cbd5e1;--cmd-border-light:#94a3b8;--cmd-text:#0f172a;--cmd-text-muted:#475569;--cmd-text-faint:#64748b;--cmd-topbar-bg:#1e293b;--cmd-topbar-border:#334155;--cmd-card-bg:#ffffff;--cmd-card-border:#cbd5e1;--cmd-card-placed-text:#94a3b8;--cmd-progress-bg:#e2e8f0;--cmd-info-bg:#ffffff;--cmd-info-border:#e2e8f0;--cmd-info-text:#0f172a;--cmd-info-text-dim:#334155;--cmd-info-label:#64748b;--cmd-info-marketing-bg:rgba(15,23,42,0.04);--cmd-overlay-bg:rgba(15,23,42,0.75);--cmd-overlay-panel:#ffffff;--cmd-btn-bg:#ffffff;--cmd-btn-border:#cbd5e1;--cmd-btn-text:#334155;--cmd-btn-hover-bg:#f1f5f9;--cmd-brand-text:#ffffff;--cmd-shadow-sm:0 1px 3px rgba(0,0,0,0.10);--cmd-shadow-md:0 4px 12px rgba(0,0,0,0.12);--cmd-shadow-lg:0 8px 32px rgba(0,0,0,0.18)}.cmd-app.cmd-theme--light .cmd-svg{background:#e8edf4;border-radius:6px}.cmd-app.cmd-theme--light .cmd-card__name{color:#0f172a}.cmd-app.cmd-theme--light .cmd-step-indicator{color:#ffffff;background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.28)}.cmd-app--fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;margin:0;z-index:2147483000;border-radius:0;border:none;min-height:0}body.cmd-body-locked{overflow:hidden;position:relative;touch-action:none}.cmd-app:fullscreen,.cmd-app:-webkit-full-screen{width:100vw;height:100vh;border-radius:0;border:none}.cmd-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--cmd-topbar-h);padding:0 16px;background:var(--cmd-topbar-bg);border-bottom:1px solid var(--cmd-topbar-border);flex-shrink:0;gap:8px}.cmd-topbar__left{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-width:0}.cmd-topbar__title{font-size:13px;font-weight:600;color:#ffffff;letter-spacing:0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-topbar__controls{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end;min-width:0}.cmd-step-indicator{font-size:12px;font-weight:600;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;justify-self:center;padding:3px 12px;background:var(--cmd-accent-soft);border:1px solid var(--cmd-accent-ring);border-radius:20px;max-width:100%}.cmd-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;color:var(--cmd-btn-text);background:var(--cmd-btn-bg);border:1px solid var(--cmd-btn-border);border-radius:6px;cursor:pointer;white-space:nowrap;transition:background var(--cmd-transition),color var(--cmd-transition),border-color var(--cmd-transition),box-shadow var(--cmd-transition);-webkit-tap-highlight-color:transparent;outline:none;font-family:inherit}.cmd-btn:hover,.cmd-btn:focus-visible{background:var(--cmd-btn-hover-bg);border-color:var(--cmd-border-light);color:#ffffff}.cmd-app.cmd-theme--light .cmd-btn:hover,.cmd-app.cmd-theme--light .cmd-btn:focus-visible{color:#0f172a}.cmd-btn:focus-visible{box-shadow:0 0 0 2px var(--cmd-accent)}.cmd-btn:disabled{opacity:0.38;cursor:not-allowed;pointer-events:none}.cmd-btn__icon{font-size:14px;line-height:1}.cmd-btn--active{background:var(--cmd-accent-soft);border-color:var(--cmd-accent);color:#ffffff}.cmd-btn--primary{background:var(--cmd-accent);color:#ffffff;border-color:var(--cmd-accent);font-size:13px;padding:8px 20px}.cmd-btn--primary:hover,.cmd-btn--primary:focus-visible{filter:brightness(1.12);color:#ffffff;border-color:var(--cmd-accent)}.cmd-btn--secondary{font-size:13px;padding:8px 20px}.cmd-main{display:flex;flex:1 1 0;min-height:0;overflow:hidden}.cmd-sidebar{width:var(--cmd-sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--cmd-surface);border-right:1px solid var(--cmd-border);overflow:hidden}.cmd-card-list{list-style:none;margin:0;padding:10px 8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1 1 0;min-height:0;-webkit-overflow-scrolling:touch}.cmd-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--cmd-card-bg);border:1.5px solid var(--cmd-card-border);border-radius:7px;cursor:grab;transition:border-color var(--cmd-transition),background var(--cmd-transition),box-shadow var(--cmd-transition),opacity var(--cmd-transition);position:relative;-webkit-tap-highlight-color:transparent;outline:none;border-left:3px solid var(--cmd-card-color,var(--cmd-border))}.cmd-card:hover{border-color:var(--cmd-card-color,var(--cmd-border-light));box-shadow:0 0 0 1px var(--cmd-card-color,var(--cmd-border-light)),var(--cmd-shadow-sm)}.cmd-card:focus-visible{outline:2px solid var(--cmd-accent);outline-offset:1px}.cmd-card__swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,0.15)}.cmd-card__name{font-size:11.5px;font-weight:600;color:#ffffff;line-height:1.3;flex:1 1 0;min-width:0}.cmd-card__badge{width:8px;height:8px;border-radius:50%;background:var(--cmd-accent);flex-shrink:0;opacity:0;transition:opacity var(--cmd-transition)}.cmd-card--placed{opacity:0.38;cursor:default;border-color:var(--cmd-card-border) !important;box-shadow:none !important}.cmd-card--placed .cmd-card__name{color:var(--cmd-card-placed-text)}.cmd-card--dragging{opacity:0.5;cursor:grabbing;box-shadow:var(--cmd-shadow-md)}.cmd-card--selected{border-color:var(--cmd-accent) !important;box-shadow:0 0 0 2px var(--cmd-accent);background:var(--cmd-surface-2)}.cmd-card--selected .cmd-card__badge{opacity:1}.cmd-card--glow{animation:cmd-glow-pulse 1.8s ease-in-out infinite}.cmd-card--shake{animation:cmd-shake 420ms ease both}.cmd-tap-hint{padding:8px 10px;background:var(--cmd-surface-2);border-top:1px solid var(--cmd-border);font-size:11px;color:#ffffff;text-align:center;opacity:0;max-height:0;overflow:hidden;transition:opacity var(--cmd-transition),max-height 250ms ease;flex-shrink:0}.cmd-app.cmd-theme--light .cmd-tap-hint{color:#0f172a}.cmd-tap-hint--visible{opacity:1;max-height:48px}.cmd-scene{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--cmd-bg);overflow:hidden;touch-action:manipulation;position:relative;padding:8px}.cmd-scene--dragover{background:var(--cmd-surface)}.cmd-svg{display:block;width:100%;height:auto;max-width:900px;max-height:100%;cursor:default}.cmd-layer{will-change:opacity;transition:opacity 350ms ease;pointer-events:none}.cmd-layer--placed{pointer-events:all;cursor:pointer}.cmd-layer--selected{filter:drop-shadow(0 0 6px rgba(255,255,255,0.28))}.cmd-drop-zone{pointer-events:all;cursor:pointer}.cmd-ghost{pointer-events:none;transition:opacity 300ms ease}.cmd-ghost--active{animation:cmd-ghost-pulse 1.6s ease-in-out infinite}.cmd-info-panel{width:var(--cmd-info-w);flex-shrink:0;background:var(--cmd-info-bg);border-left:1px solid var(--cmd-info-border);display:flex;flex-direction:column;overflow:hidden}.cmd-drawer-toggle{display:none;align-items:center;gap:8px;width:100%;padding:8px 14px;background:var(--cmd-surface-2);border:none;border-top:1px solid var(--cmd-info-border);color:var(--cmd-info-text);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.cmd-drawer-toggle:focus-visible{outline:2px solid var(--cmd-accent);outline-offset:-2px}.cmd-drawer-toggle__grip{width:26px;height:3px;border-radius:2px;background:var(--cmd-info-label);flex-shrink:0}.cmd-drawer-toggle__label{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-drawer-toggle__chevron{font-size:9px;transition:transform 250ms ease;flex-shrink:0;color:var(--cmd-info-label)}.cmd-info-panel--open .cmd-drawer-toggle__chevron{transform:rotate(180deg)}.cmd-info-panel__inner{flex:1 1 0;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.cmd-info-panel__placeholder{display:flex;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--cmd-info-text-dim);font-size:12px;padding:20px 10px}.cmd-info-panel__placeholder[aria-hidden="true"]{display:none}.cmd-info-panel__content[aria-hidden="true"]{display:none}.cmd-info-panel__name{font-size:14px;font-weight:700;color:var(--cmd-info-text);margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--cmd-info-accent,var(--cmd-accent));line-height:1.3}.cmd-info-panel__section{margin-bottom:14px}.cmd-info-panel__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--cmd-info-label);margin:0 0 5px}.cmd-info-panel__description,.cmd-info-panel__function{font-size:12px;color:var(--cmd-info-text);margin:0;line-height:1.6}.cmd-info-panel__marketing{margin-top:12px;padding:10px 12px;background:var(--cmd-info-marketing-bg);border:1px solid var(--cmd-info-accent,var(--cmd-accent));border-left:3px solid var(--cmd-info-accent,var(--cmd-accent));border-radius:5px}.cmd-info-panel__marketing-text{font-size:11.5px;font-style:italic;color:var(--cmd-info-text);margin:0;line-height:1.5}.cmd-footer{flex-shrink:0;border-top:1px solid var(--cmd-border);background:var(--cmd-topbar-bg)}.cmd-progress-wrap{display:flex;align-items:center;gap:10px;padding:8px 16px 6px}.cmd-progress-bar{flex:1 1 0;height:6px;background:var(--cmd-progress-bg);border-radius:3px;overflow:hidden;position:relative}.cmd-progress-bar__fill{height:100%;background:var(--cmd-accent);border-radius:3px;transition:width 400ms cubic-bezier(0.4,0,0.2,1)}.cmd-progress-bar__count{font-size:11px;color:#ffffff;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;min-width:36px;text-align:right;opacity:0.8}.cmd-brand-title{font-size:11px;color:var(--cmd-brand-text);text-align:center;padding:2px 16px 6px;letter-spacing:0.03em;opacity:0.85}.cmd-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none;opacity:0;transition:opacity 300ms ease}.cmd-overlay--visible{pointer-events:all;opacity:1}.cmd-overlay[aria-hidden="true"]{pointer-events:none;opacity:0}.cmd-overlay__scrim{position:absolute;inset:0;background:var(--cmd-overlay-bg);cursor:pointer}.cmd-overlay__panel{position:relative;z-index:1;background:var(--cmd-overlay-panel);border:1px solid var(--cmd-border-light);border-radius:12px;padding:32px 40px;max-width:420px;width:90%;text-align:center;box-shadow:var(--cmd-shadow-lg);animation:cmd-panel-in 350ms cubic-bezier(0.34,1.56,0.64,1) both;display:flex;flex-direction:column;align-items:center;gap:14px;outline:none}.cmd-overlay__checkmark{width:56px;height:56px;border-radius:50%;background:var(--cmd-accent);display:flex;align-items:center;justify-content:center;font-size:26px;color:#ffffff;flex-shrink:0;box-shadow:0 0 0 8px var(--cmd-accent-soft)}.cmd-overlay__title{font-size:20px;font-weight:700;color:var(--cmd-text);margin:0;line-height:1.2}.cmd-overlay__message{font-size:13px;color:var(--cmd-text-muted);margin:0;line-height:1.6;max-width:320px}.cmd-overlay__buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.cmd-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1e293b;color:#f1f5f9;font-size:11px;padding:5px 9px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:50;box-shadow:var(--cmd-shadow-md);border:1px solid #334155;animation:cmd-tooltip-in 150ms ease both}.cmd-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1e293b}.cmd-scene-toast{position:absolute;left:50%;bottom:14px;transform:translateX(-50%) translateY(8px);background:rgba(15,23,42,0.94);color:#ffffff;font-size:12px;font-weight:500;padding:8px 14px;border-radius:20px;border:1px solid var(--cmd-accent-ring);box-shadow:var(--cmd-shadow-md);pointer-events:none;z-index:40;opacity:0;transition:opacity 250ms ease,transform 250ms ease;max-width:88%;text-align:center}.cmd-scene-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes cmd-glow-pulse{0%,100%{box-shadow:0 0 0 2px var(--cmd-card-color,var(--cmd-accent)),0 0 12px var(--cmd-accent-ring)}50%{box-shadow:0 0 0 3px var(--cmd-card-color,var(--cmd-accent)),0 0 22px var(--cmd-accent-glow)}}@keyframes cmd-ghost-pulse{0%,100%{opacity:0.55}50%{opacity:1}}@keyframes cmd-shake{0%{transform:translateX(0)}15%{transform:translateX(-7px)}30%{transform:translateX(6px)}45%{transform:translateX(-5px)}60%{transform:translateX(4px)}75%{transform:translateX(-3px)}90%{transform:translateX(2px)}100%{transform:translateX(0)}}@keyframes cmd-panel-in{from{opacity:0;transform:scale(0.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cmd-tooltip-in{from{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:960px){.cmd-main{flex-wrap:wrap}.cmd-topbar{grid-template-columns:auto 1fr auto;gap:6px;padding:0 12px}.cmd-step-indicator{font-size:11px;padding:2px 9px}.cmd-sidebar{width:170px}.cmd-card{padding:7px 8px}.cmd-card__name{font-size:11px}.cmd-scene{min-height:300px}.cmd-info-panel{width:100%;border-left:none;border-top:1px solid var(--cmd-info-border);flex-direction:column;order:3;max-height:none}.cmd-drawer-toggle{display:flex}.cmd-info-panel__inner{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:max-height 280ms ease,padding 280ms ease}.cmd-info-panel--open .cmd-info-panel__inner{max-height:46vh;padding-top:14px;padding-bottom:16px;overflow-y:auto}}@media (max-width:640px){.cmd-app{min-height:480px}.cmd-main{flex-direction:column}.cmd-topbar{grid-template-columns:0 1fr auto;padding:0 10px;gap:6px}.cmd-topbar__left{overflow:hidden;width:0;padding:0}.cmd-topbar__title{display:none}.cmd-step-indicator{font-size:11px;padding:3px 9px}.cmd-sidebar{width:100%;border-right:none;border-top:1px solid var(--cmd-border);order:2;flex-direction:row;overflow:hidden;flex-shrink:0;height:96px}.cmd-card-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:8px;gap:7px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;align-items:stretch}.cmd-card{flex-direction:column;flex-shrink:0;width:clamp(72px,20vw,92px);min-height:76px;padding:8px 5px 6px;align-items:center;text-align:center;gap:4px;scroll-snap-align:start;border-left-width:1.5px;border-bottom:3px solid var(--cmd-card-color,var(--cmd-border));border-radius:6px}.cmd-card__swatch{width:14px;height:14px;flex-shrink:0}.cmd-card__name{font-size:clamp(9px,2.2vw,11px);text-align:center;line-height:1.25;white-space:normal;word-break:break-word;hyphens:auto}.cmd-tap-hint{display:none}.cmd-scene{order:1;flex:1 1 0;min-height:240px}.cmd-info-panel{order:3}.cmd-info-panel--open .cmd-info-panel__inner{max-height:40vh}.cmd-btn__label{display:none}.cmd-btn__icon{font-size:16px}.cmd-btn{padding:5px 8px;min-width:32px;justify-content:center}}@media (max-height:500px) and (max-width:900px){.cmd-app{min-height:280px}.cmd-main{flex-direction:row;flex-wrap:nowrap}.cmd-topbar{grid-template-columns:0 1fr auto;padding:0 10px;gap:6px;height:42px}.cmd-topbar__left{overflow:hidden;width:0;padding:0}.cmd-topbar__title{display:none}.cmd-step-indicator{font-size:10px;padding:2px 8px}.cmd-sidebar{width:100px !important;min-width:100px;height:auto;border-right:1px solid var(--cmd-border);border-top:none;order:0;flex-direction:column;flex-shrink:0}.cmd-card-list{flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:5px;gap:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory}.cmd-card{flex-direction:row;align-items:center;text-align:left;width:100%;scroll-snap-align:start;padding:5px 6px;min-height:auto;gap:5px;border-left-width:3px;border-bottom-width:1.5px;border-radius:5px}.cmd-card__swatch{width:10px;height:10px;flex-shrink:0}.cmd-card__name{font-size:9.5px;white-space:normal;word-break:break-word;hyphens:auto;line-height:1.2;text-align:left}.cmd-card__badge{width:6px;height:6px;flex-shrink:0}.cmd-scene{order:1;flex:1 1 0}.cmd-info-panel{position:absolute;left:100px;right:0;bottom:0;z-index:60;width:auto;border-top:1px solid var(--cmd-info-border);box-shadow:0 -4px 16px rgba(0,0,0,0.35);background:var(--cmd-info-bg)}.cmd-info-panel--open .cmd-info-panel__inner{max-height:60vh}.cmd-brand-title{display:none}.cmd-footer{padding-bottom:2px}}@media (max-width:380px){.cmd-topbar{grid-template-columns:0 1fr auto;padding:0 8px;gap:4px}.cmd-topbar__left{overflow:hidden;width:0;padding:0}.cmd-step-indicator{display:none}.cmd-brand-title{display:none}.cmd-topbar__controls{gap:4px}.cmd-btn__label{display:none}.cmd-btn__icon{font-size:15px}.cmd-btn{padding:5px 6px;min-width:30px}.cmd-card{width:clamp(64px,18vw,80px);min-height:68px;padding:6px 4px 5px}.cmd-card__name{font-size:clamp(8px,2vw,10px)}}@media (prefers-reduced-motion:reduce){.cmd-app,.cmd-app *,.cmd-app *::before,.cmd-app *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;transition-delay:0ms !important}.cmd-card--glow{animation:none !important;box-shadow:0 0 0 2px var(--cmd-card-color,var(--cmd-accent))}.cmd-ghost--active{animation:none !important;opacity:0.9}.cmd-progress-bar__fill{transition:none !important}.cmd-layer{transition:none !important}.cmd-overlay__panel{animation:none !important}.cmd-info-panel__inner{transition:none !important}}