*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-height:100dvh}img,svg{max-width:100%;display:block}:root{--color-bg:#0d0d14;--color-surface:#16161f;--color-surface-2:#1e1e2a;--color-border:#2a2a3a;--color-text:#e2e0f0;--color-text-muted:#7a7890;--color-accent:#863bff;--color-accent-glow:#863bff66;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--font-sans:"Segoe UI", system-ui, sans-serif;--font-mono:"Consolas", "Cascadia Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5}#app{grid-template-rows:auto auto 1fr;grid-template-areas:"header""prompts""main";height:100dvh;display:grid}#app-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:row;grid-area:header;justify-content:space-between;align-items:center;display:flex}#prompts-panel{border-bottom:1px solid var(--color-border);grid-area:prompts}#app-main{grid-template-columns:200px 1fr 320px;grid-template-areas:"inventory machines log";display:grid;overflow:hidden}#inventory-panel{padding:var(--space-4);border-right:1px solid var(--color-border);flex-wrap:wrap;grid-area:inventory;align-content:flex-start;display:flex;overflow-y:auto}#machines-panel{padding:var(--space-4);grid-area:machines;align-items:stretch;display:flex;overflow-y:auto}#log-panel{padding:var(--space-4);border-left:1px solid var(--color-border);font-family:var(--font-mono);grid-area:log;overflow-y:auto}#toast-container{bottom:var(--space-4);right:var(--space-4);z-index:100;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.inventory-item{align-items:center;gap:var(--space-2);padding:var(--space-3);flex-direction:column;flex:80px;display:flex}.inventory-item svg{width:32px;height:32px}.inventory-item--zero{opacity:.35}@keyframes inventory-pulse{0%{transform:scale(1.1)}to{transform:scale(1)}}.inventory-item--changed{animation:.3s ease-out forwards inventory-pulse}.item-count{font-size:1.5rem;font-family:var(--font-mono);color:var(--color-accent)}.item-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.machines-grid{gap:var(--space-4);flex-wrap:wrap;flex:1;place-content:flex-start center;display:flex}.machine-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:default;flex-direction:column;flex:180px;display:flex}.machine-card svg{width:80px;height:80px}.machine--active{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.machine--active #machine-body{filter:drop-shadow(0 0 8px var(--color-accent-glow))}.machine--error{border-color:var(--color-error);box-shadow:0 0 12px #ef444466}.machine--error #machine-body{filter:drop-shadow(0 0 8px #ef444466)}.machine-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.machine-tray{gap:var(--space-1);min-height:1.25rem;color:var(--color-text-muted);font-family:var(--font-mono);flex-flow:wrap;font-size:.7rem;display:flex}.machine-tray-entry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1)}.log-list{gap:var(--space-1);font-family:var(--font-mono);flex-direction:column;font-size:.75rem;display:flex}.log-entry{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);overflow-wrap:break-word;min-width:0}.log-entry--called{background:var(--color-surface-2)}.log-entry--skill{border-left:3px solid var(--color-accent);background:#863bff26}.log-entry--result.log-entry--success{color:var(--color-success)}.log-entry--result.log-entry--error{color:var(--color-error)}.log-tool-name{color:var(--color-accent);font-weight:700}.log-args{margin-left:var(--space-2);color:var(--color-text-muted)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);min-width:240px;animation:.2s ease-out forwards toast-slide-in}.toast--success{border-color:var(--color-success);color:var(--color-success)}.toast--error{border-color:var(--color-error);color:var(--color-error)}.controls{gap:var(--space-2);flex-direction:row;display:flex}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-sans);font-size:.875rem}.btn--secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.prompts-details{padding:var(--space-2) var(--space-4)}.prompts-summary{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--space-2);font-size:.75rem;list-style:none;display:flex}.prompts-summary::-webkit-details-marker{display:none}.prompts-summary:before{content:"▶";font-size:.6rem;transition:transform .15s}details[open] .prompts-summary:before{transform:rotate(90deg)}.prompts-list{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.prompts-item{align-items:center;gap:var(--space-2);font-family:var(--font-mono);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;display:flex}.prompts-copy-btn{padding:1px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-sans);cursor:pointer;flex-shrink:0;font-size:.65rem}.prompts-copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}