:root{--bg: #f6f6f4;--bg-elev: #ffffff;--fg: #1a1a1a;--fg-muted: #6b6b6b;--border: #d8d8d4;--border-strong: #b6b6b0;--accent: #1a1a1a;--chip-bg: #ececea;--chip-prompt: #1a1a1a;--chip-image: #444444;--chip-random: #8a8a86;--error-bg: #f3e2e2;--error-fg: #6a1f1f;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);--radius: 6px;--radius-lg: 10px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #15151a;--bg-elev: #1f1f24;--fg: #ededec;--fg-muted: #9b9b96;--border: #2c2c33;--border-strong: #45454c;--accent: #ededec;--chip-bg: #2a2a31;--chip-prompt: #ededec;--chip-image: #c8c8c4;--chip-random: #9b9b96;--error-bg: #3a1f1f;--error-fg: #ffb4b4;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.45;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit}.app{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.app-header{display:flex;flex-direction:column;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:24px}@media (min-width: 720px){.app-header{flex-direction:row;align-items:center;justify-content:space-between}}.app-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{background:transparent;border:1px solid var(--border);color:var(--fg-muted);padding:6px 14px;border-radius:var(--radius);cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.tab:hover{color:var(--fg);border-color:var(--border-strong)}.tab-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.tab-active:hover{color:var(--bg)}.app-main{min-height:200px}.muted{color:var(--fg-muted)}.small{font-size:13px}.mono{font-family:var(--mono);font-size:13px}.error{background:var(--error-bg);color:var(--error-fg);border-radius:var(--radius);padding:12px 14px}.error p{margin:0 0 4px}.error .muted{color:inherit;opacity:.8}.button{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:8px 16px;cursor:pointer;transition:background .12s ease}.button:hover{background:var(--chip-bg)}.button:disabled{opacity:.6;cursor:default}.queue-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.queue-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.queue-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.queue-id{font-family:var(--mono);color:var(--fg-muted)}.queue-time{margin-left:auto}.queue-row-body{display:flex;gap:14px;align-items:flex-start}.queue-thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius);background:var(--chip-bg);flex-shrink:0}.queue-prompt{margin:0;word-break:break-word}.chip{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--chip-bg);color:var(--fg);border:1px solid transparent}.chip-kind-prompt{background:transparent;border-color:var(--chip-prompt);color:var(--chip-prompt)}.chip-kind-image{background:transparent;border-color:var(--chip-image);color:var(--chip-image)}.chip-kind-random{background:transparent;border-color:var(--chip-random);color:var(--chip-random)}.chip-source{font-family:var(--mono);font-size:11px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}@media (max-width: 480px){.history-grid{grid-template-columns:1fr}}.history-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.history-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.history-img{display:block;width:100%;aspect-ratio:1200 / 825;object-fit:cover;background:var(--chip-bg)}.history-meta{padding:8px 10px 10px;display:flex;flex-direction:column;gap:2px}.history-source{margin:0;font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-time{margin:0}.history-footer{margin-top:20px;display:flex;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--bg-elev);border-radius:var(--radius-lg);padding:18px;max-width:960px;width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;top:10px;right:10px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius);padding:4px 10px;cursor:pointer;color:var(--fg)}.modal-img{display:block;width:100%;height:auto;border-radius:var(--radius);background:var(--chip-bg);margin-bottom:16px}.modal-meta{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}.modal-meta dt{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;align-self:center}.modal-meta dd{margin:0;word-break:break-word}.device-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;max-width:520px}.device-meta{display:grid;grid-template-columns:max-content 1fr;gap:10px 18px;margin:0}.device-meta dt{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;align-self:center}.device-meta dd{margin:0;word-break:break-word}