:root{--bg: #0f0f0f;--surface: #1a1a1a;--border: #2a2a2a;--text: #e0e0e0;--text-dim: #888;--accent: #4f9cf7;--accent-hover: #6db3ff;--danger: #e74c3c;--success: #2ecc71;--warning: #f39c12;--radius: 8px;--font: "SF Mono", "Cascadia Code", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button{font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 16px;border-radius:var(--radius);font-size:13px;transition:background .15s}button:hover{background:var(--border)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.danger{border-color:var(--danger);color:var(--danger)}input,textarea,select{font-family:var(--font);background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius);font-size:13px;width:100%;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.app{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.header h1{font-size:20px;font-weight:600}.tabs{display:flex;gap:4px}.tabs button{border:none;background:none;color:var(--text-dim);padding:8px 16px;border-radius:var(--radius)}.tabs button.active{background:var(--surface);color:var(--accent)}.explorer{display:grid;gap:20px}.prompt-area{display:grid;gap:12px}.prompt-row{display:flex;gap:8px;align-items:end}.prompt-row textarea{flex:1;min-height:80px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}.result-card img{width:100%;aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 16px 16px}.result-card .meta{padding:8px;font-size:12px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center}.result-card .actions{display:flex;gap:4px}.result-card .actions button{padding:4px 8px;font-size:11px}.save-menu-wrap{position:relative}.save-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;display:grid;gap:2px;min-width:160px;z-index:10;box-shadow:0 4px 12px #0006}.save-menu button{padding:6px 10px;font-size:11px;text-align:left;white-space:nowrap;border:none;border-radius:4px}.img2img-row{display:flex;gap:12px;align-items:start;flex-wrap:wrap}.img2img-upload{display:grid;gap:4px;min-width:200px}.img2img-upload label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.img2img-controls{display:flex;gap:8px;align-items:center}.img2img-controls input[type=file]{font-size:12px;width:auto}.img2img-preview{width:80px;height:80px;flex-shrink:0}.img2img-preview img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.img2img-row .field{flex:1;min-width:200px}.img2img-row input[type=range]{padding:4px 0}.hint{font-size:11px;color:var(--text-dim)}.warning-msg{color:var(--warning);font-size:11px;margin-top:2px}.batch-editor textarea{min-height:400px;font-family:var(--font);font-size:12px;line-height:1.6}.batch-controls{display:flex;gap:8px;margin-top:12px;align-items:center}.batch-progress{margin-top:16px;font-size:13px;color:var(--text-dim)}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.review-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s}.review-card:hover{border-color:var(--accent)}.review-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.review-card img{width:100%;aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 16px 16px}.review-card .name{padding:6px 8px;font-size:11px;text-align:center;color:var(--text-dim)}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.status-badge.running{background:var(--warning);color:#000}.status-badge.completed{background:var(--success);color:#000}.status-badge.failed{background:var(--danger);color:#fff}.status-badge.pending{background:var(--border);color:var(--text-dim)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-dim)}.field{display:grid;gap:4px}.field label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.settings-row{display:flex;gap:12px;flex-wrap:wrap}.settings-row .field{flex:1;min-width:200px}.error-msg{color:var(--danger);font-size:12px;margin-top:4px}.project-layout{display:grid;grid-template-columns:220px 1fr;gap:16px;min-height:400px}.project-sidebar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-y:auto;max-height:600px}.project-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.project-sidebar-header button{padding:4px 10px;font-size:11px}.project-list-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.project-list-item:hover{background:var(--border)}.project-list-item.active{background:var(--border);border-left:3px solid var(--accent)}.project-list-name{font-size:13px;font-weight:500}.project-list-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.project-editor{display:grid;gap:12px;align-content:start}.prompt-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-size:12px}.prompt-preview>label{display:block;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.prompt-preview-item{margin-bottom:6px;line-height:1.5;word-break:break-word}.prompt-preview-label{color:var(--accent);font-weight:500}.prompt-preview-text{color:var(--text-dim)}.project-runs{margin-top:8px}.project-runs h3{font-size:14px;margin-bottom:12px;color:var(--text-dim)}.run-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.run-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;font-size:13px}.run-card-header:hover{background:var(--border)}.run-card-stats{font-size:12px;color:var(--text-dim);margin-left:12px}.run-card-failed{color:var(--danger)}.run-card-prompt{padding:8px 14px;font-size:11px;color:var(--text-dim);border-top:1px solid var(--border);line-height:1.6}.run-card .results-grid{padding:12px;border-top:1px solid var(--border)}.model-select{display:grid;gap:4px}.model-select select{width:100%}.model-custom-input{margin-top:4px}.model-description{font-size:11px;color:var(--text-dim);line-height:1.4;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.model-tags{display:inline-flex;gap:4px}.model-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;background:var(--border);color:var(--text-dim)}.saved-tags-bar{display:flex;gap:4px;flex-wrap:wrap;padding:6px 0}.saved-tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;background:var(--border);color:var(--text-dim);border:1px solid transparent;cursor:pointer;transition:all .15s}.saved-tag.active{background:var(--accent);color:#fff}.saved-tag:hover{border-color:var(--accent)}.saved-detail{margin-top:20px;padding:16px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.saved-detail-content{display:grid;grid-template-columns:300px 1fr;gap:20px}.saved-detail-image img{width:100%;border-radius:var(--radius);background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 16px 16px}.saved-detail-info{display:grid;gap:12px;align-content:start}.saved-section{display:grid;gap:4px}.saved-section>label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}@media(max-width:700px){.saved-detail-content,.project-layout{grid-template-columns:1fr}.project-sidebar{max-height:200px}}.gi-empty{text-align:center;padding:60px 20px;color:var(--text-dim)}.gi-header{display:grid;gap:8px}.gi-header-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.gi-header-actions{display:flex;gap:6px}.gi-summary{display:flex;gap:6px;flex-wrap:wrap}.gi-count{padding:4px 10px;border-radius:12px;font-size:12px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s}.gi-count:hover{border-color:var(--accent)}.gi-pending{color:var(--text-dim)}.gi-generated{color:var(--warning)}.gi-approved{color:var(--success)}.gi-rejected{color:var(--danger)}.gi-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.gi-filters select{width:auto;font-size:12px;padding:6px 10px}.gi-filter-count{font-size:12px;color:var(--text-dim)}.gi-bulk{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.gi-bulk button{padding:6px 12px;font-size:12px}.gi-progress{font-size:12px;color:var(--text-dim)}.gi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.gi-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s;position:relative}.gi-card:hover{border-color:var(--text-dim)}.gi-card-selected{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)}.gi-card-pending{border-left:3px solid var(--border)}.gi-card-generated{border-left:3px solid var(--warning)}.gi-card-approved{border-left:3px solid var(--success)}.gi-card-rejected{border-left:3px solid var(--danger)}.gi-card-select{position:absolute;top:4px;left:4px;z-index:2}.gi-card-select input{width:16px;height:16px;cursor:pointer}.gi-card img{width:100%;aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 12px 12px}.gi-card-empty{aspect-ratio:1;display:grid;place-items:center;padding:12px;text-align:center;font-size:11px;color:var(--text-dim);background:var(--bg)}.gi-card-footer{padding:6px 8px;display:flex;justify-content:space-between;align-items:center;gap:4px}.gi-card-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-status{font-size:9px;padding:1px 6px;border-radius:8px;white-space:nowrap;font-weight:500}.gi-status-pending{background:var(--border);color:var(--text-dim)}.gi-status-generated{background:#f39c1233;color:var(--warning)}.gi-status-approved{background:#2ecc7133;color:var(--success)}.gi-status-rejected{background:#e74c3c33;color:var(--danger)}.gi-import{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.gi-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:grid;gap:16px}.gi-detail-header{display:flex;justify-content:space-between;align-items:center}.gi-detail-body{display:grid;grid-template-columns:200px 1fr;gap:16px}.gi-detail-image img{width:100%;border-radius:var(--radius);background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 16px 16px}.gi-detail-info{display:grid;gap:10px;align-content:start;font-size:13px}.gi-detail-actions{display:flex;gap:6px;flex-wrap:wrap}.gi-detail-actions button{padding:6px 14px;font-size:12px}.gi-detail-chain{border-top:1px solid var(--border);padding-top:12px}.gi-detail-chain>label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.gi-chain-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.gi-chain-item{flex-shrink:0;width:80px;text-align:center;font-size:10px;display:grid;gap:2px}.gi-chain-item img{width:80px;height:80px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 10px 10px}.gi-chain-placeholder{width:80px;height:80px;border-radius:var(--radius);border:1px dashed var(--border);background:var(--bg)}.gi-chain-current img,.gi-chain-current .gi-chain-placeholder{border-color:var(--accent)}.gi-detail-history{border-top:1px solid var(--border);padding-top:12px}.gi-detail-history>label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.gi-history-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.gi-history-item{flex-shrink:0;display:grid;gap:4px;width:100px}.gi-history-item img{width:100px;height:100px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 10px 10px}.gi-history-item div{display:grid;gap:1px}@media(max-width:700px){.gi-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.gi-detail-body{grid-template-columns:1fr}.gi-detail-image img{max-width:200px}.gi-header-top{flex-direction:column;align-items:stretch}.gi-header-actions{justify-content:stretch}.gi-header-actions button{flex:1}}