:root{--bg:#0b0d12;--bg-elev:#11151c;--bg-elev-2:#161b24;--border:#232a36;--border-strong:#2f3847;--text:#e6e9ef;--text-muted:#8b94a6;--accent:#e4572e;--accent-hover:#f26a3e;--accent-soft:#e4572e29;--success:#3ecf8e;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.app{max-width:1440px;margin:0 auto;padding:24px 24px 48px}.app-header{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:24px;padding-bottom:18px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.brand-mark{font-size:22px}.brand h1{letter-spacing:-.01em;margin:0;font-size:22px}.brand-sub{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px}.tagline{margin:0;font-size:13px}.muted{color:var(--text-muted)}.app-main{grid-template-columns:320px 1fr 300px;gap:20px;display:grid}@media (width<=1100px){.app-main{grid-template-columns:1fr}}.col{flex-direction:column;gap:16px;display:flex}.slot-picker{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:16px;display:flex}.slot-picker-header{justify-content:space-between;align-items:center;display:flex}.slot-picker h2,.preview h2,.vary-panel h2,.meta-form h2,.history h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:13px}.slot{flex-direction:column;gap:4px;display:flex}.slot-active{box-shadow:0 0 0 2px var(--accent) inset;border-radius:var(--radius-sm);background:var(--accent-soft);padding:4px}.slot-header{justify-content:space-between;align-items:center;display:flex}.slot label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.slot select,.slot input,.slot textarea,.meta-form input,.meta-form textarea,.history-filter{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.slot select:focus,.slot input:focus,.slot textarea:focus,.meta-form input:focus,.meta-form textarea:focus,.history-filter:focus{border-color:var(--accent)}.slot textarea{resize:vertical;font-family:var(--font-mono)}.vary-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:flex}.vary-btn:hover{color:var(--accent);border-color:var(--accent)}.vary-btn-active{color:#fff;background:var(--accent);border-color:var(--accent)}.constraint-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.preview,.vary-panel,.meta-form,.history{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:16px;display:flex}.preview-header,.vary-header,.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-tabs{background:var(--bg-elev-2);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.tab:hover{color:var(--text)}.tab-active{background:var(--accent);color:#fff}.prompt-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:#d5dae4;min-height:84px;margin:0;padding:12px;font-size:13px;line-height:1.55}.prompt-box-sm{min-height:40px;padding:8px 10px;font-size:12px}.preview-actions,.vary-actions,.meta-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-btn,.ghost-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:7px 14px;font-family:inherit;font-size:13px}.primary-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.primary-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{color:var(--text);border-color:var(--border);background:0 0}.ghost-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.vary-axis-grid{flex-wrap:wrap;gap:6px;display:flex}.axis-pill{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.axis-pill:hover{color:var(--text);border-color:var(--border-strong)}.axis-pill-active{background:var(--accent);border-color:var(--accent);color:#fff}.variant-toolbar{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.variant-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.variant-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.variant-label{color:var(--text-muted);font-size:12px}.variant-value{color:var(--accent);font-weight:500}.meta-grid{grid-template-columns:1fr;gap:10px;display:grid}.meta-grid label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:4px;font-size:12px;display:flex}.meta-notes textarea{font-family:inherit}.save-msg{color:var(--success);align-self:center;font-size:12px}.app-history{margin-top:24px}.history-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-filter{width:auto;min-width:180px}.backend-pill{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 8px;font-size:11px}.backend-pill[data-backend=sheets]{color:var(--success);border-color:var(--success)}.backend-pill[data-backend=local]{color:#e4b32e;border-color:#e4b32e}.empty-state{text-align:center;padding:24px 0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.history-table th{background:var(--bg-elev-2);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600;position:sticky;top:0}.cell-date{font-family:var(--font-mono);white-space:nowrap;color:var(--text-muted)}.cell-actions{flex-wrap:wrap;gap:4px;display:flex}.cell-actions .ghost-btn{padding:4px 8px;font-size:11px}.row-expanded td{background:var(--bg)}.expanded-prompts{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=700px){.expanded-prompts{grid-template-columns:1fr}}.app-footer{border-top:1px solid var(--border);text-align:center;margin-top:24px;padding-top:16px;font-size:12px}