:root{color:#0f172a;background-color:#f8fafc;font-family:Inter,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:32px;max-width:none;margin:0}.header{margin-bottom:24px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:#475569;margin:0 0 8px}h1{margin:0 0 8px;font-size:28px}.lede{margin:0;color:#475569}.tabs{display:flex;gap:8px;margin:12px 0 20px}.tab{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;transition:all .15s ease}.tab:hover{border-color:#0ea5e9;color:#0ea5e9}.tab.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 8px 20px #0ea5e940}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.generate-layout{display:grid;grid-template-columns:var(--history-pane-width, 40vw) 10px minmax(0,1fr);gap:0;align-items:start}.generate-main{display:flex;flex-direction:column;gap:16px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 10px 30px #0f172a14}.form-grid{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#0f172a}input[type=file],textarea,select{border:1px solid #cbd5e1;border-radius:8px;padding:10px;font-size:14px;background:#f8fafc}select{height:40px}textarea{resize:vertical;min-height:80px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #cbd5e1;background:#fff;border-radius:20px;padding:8px 12px;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:#0ea5e9;color:#0ea5e9}.chip.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.actions{display:flex;align-items:center;gap:12px}button.danger{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c}button.danger:hover:enabled{background:#ffe4e6}button[type=submit]{background:#0ea5e9;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px #0ea5e959}button[disabled]{opacity:.7;cursor:not-allowed;box-shadow:none}button[type=submit]:hover:enabled{transform:translateY(-1px)}.error{color:#b91c1c;margin:0}.result{min-height:320px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.result-item{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#f8fafc}.result-item.selected{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e940}.target-preview{display:flex;align-items:center;gap:10px;margin-top:8px}.target-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.target-preview img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.small{font-size:12px}.result-header{display:flex;align-items:baseline;gap:8px}.muted{color:#94a3b8;margin:0}.note{background:#ecfeff;border:1px solid #bae6fd;padding:12px;border-radius:10px;color:#0f172a}.note.compact{padding:8px;font-size:13px}.preview{width:100%;border-radius:10px;margin-top:12px;border:1px solid #e2e8f0}.preview-button{border:none;padding:0;background:transparent;cursor:zoom-in;width:100%;text-align:left;position:relative}.copy-button{position:absolute;top:10px;right:10px;background:#ffffffe6;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;color:#0f172a;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .1s ease;box-shadow:0 4px 6px #0000001a;z-index:10}.preview-button:hover .copy-button{opacity:1}.copy-button:hover{background:#fff;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.preview-button:focus-visible{outline:2px solid #0ea5e9;outline-offset:4px}.prompt-list{display:flex;flex-direction:column;gap:12px}.prompt-category-group{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff}.prompt-category-title{margin:0 0 10px;font-size:22px;color:#b91c1c}.prompt-category-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.prompt-category-header .prompt-category-title{margin:0}.prompt-category-toggle{white-space:nowrap}.prompt-category-group .prompt-row+.prompt-row{margin-top:10px}.prompt-row{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#f8fafc}.prompt-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.prompt-row-title{margin:0;font-weight:700}.prompt-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.history-pane{position:sticky;top:12px;margin-right:12px}.history-pane-resizer{width:10px;cursor:col-resize;align-self:stretch;border-radius:8px;position:relative;margin-right:12px}.history-pane-resizer:before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;transform:translate(-50%);background:#cbd5e1;border-radius:2px}.history-pane-resizer:hover:before,.history-pane-resizer.active:before{background:#0ea5e9}body.col-resize-active{cursor:col-resize;-webkit-user-select:none;user-select:none}.history-scroll{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 220px);overflow:auto;padding-right:6px}.history-item{display:flex;gap:10px;border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.history-thumb-button{border:none;padding:0;background:transparent;cursor:zoom-in;width:96px}.history-thumb-button:focus-visible{outline:2px solid #0ea5e9;outline-offset:3px}.history-thumb{width:100%;border-radius:10px;border:1px solid #e2e8f0;object-fit:cover}.history-item-body{display:flex;flex:1;flex-direction:column;gap:6px}.history-folder-controls{display:flex;flex-direction:column;gap:8px;margin:10px 0 12px}.history-folder-select{margin:0}.history-folder-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.history-folder-actions input{min-width:180px;flex:1}.history-move-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}.history-move-controls select{min-width:140px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.history-pagination-summary{margin:0}.history-pagination-actions{display:flex;gap:8px;flex-wrap:wrap}.openai-mask-canvas-wrap{border:1px solid #cbd5e1;border-radius:10px;overflow:hidden;background:#e2e8f0}.openai-mask-canvas{display:block;width:100%;height:auto;cursor:crosshair}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;overflow:auto}.lightbox-inner{position:relative;display:inline-block}.lightbox-image{display:block;width:auto;height:auto;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 20px 50px #00000059}.lightbox-close{position:absolute;top:12px;right:12px;background:#0f172ad9;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700}.lightbox-close:hover{background:#0ea5e9f2}.lightbox-close:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.lightbox-delete{position:absolute;top:12px;right:86px;background:#b91c1ce6;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700}.lightbox-delete:hover{background:#dc2626f2}.lightbox-delete:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#0f172ad9;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-nav:hover:enabled{background:#0ea5e9f2}.lightbox-nav:disabled{opacity:.35;cursor:not-allowed}.lightbox-nav-prev{left:12px}.lightbox-nav-next{right:12px}.lightbox-color-tools{position:absolute;left:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;max-width:min(260px,calc(100vw - 72px))}.lightbox-pick-color{background:#0f172ae0;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700}.lightbox-pick-color:hover:enabled{background:#0ea5e9f2}.lightbox-pick-color:disabled{opacity:.7;cursor:wait}.lightbox-color-readout{display:inline-flex;align-items:center;gap:8px;background:#0f172ae0;color:#fff;border-radius:8px;padding:7px 10px;width:fit-content}.lightbox-color-swatch{width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px #0f172a33}.lightbox-color-hex{font-weight:700;letter-spacing:.02em}.lightbox-color-error{margin:0;color:#fee2e2;font-size:12px;line-height:1.3;background:#7f1d1dd9;border-radius:6px;padding:6px 8px}@media(max-width:640px){.page{padding:20px}.generate-layout{grid-template-columns:1fr}.history-pane-resizer{display:none}.history-pane{position:static}.history-scroll{max-height:none}.lightbox-color-tools{left:8px;bottom:8px;max-width:calc(100vw - 56px)}}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.history-grid-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;cursor:pointer;background:#f8fafc}.history-grid-thumb{width:100%;height:100%;object-fit:cover;display:block}.history-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ab3;opacity:0;transition:opacity .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px}.history-grid-item:hover .history-grid-overlay{opacity:1}.history-grid-btn{background:#fff;border:none;font-size:11px;padding:6px 10px;border-radius:4px;cursor:pointer;width:100%;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-grid-btn:hover{background:#e0f2fe;color:#0ea5e9}.history-grid-btn.danger{color:#b91c1c}.history-grid-btn.danger:hover{background:#fee2e2}.delete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-countdown{background:#fff;padding:32px;border-radius:8px;text-align:center;box-shadow:0 4px 12px #00000026}.delete-countdown p{margin:0;font-size:24px;font-weight:700}.delete-countdown .small{margin-top:8px;font-size:14px;color:#64748b;font-weight:400}.history-grid-item{position:relative}.history-grid-item.selected{outline:4px solid #0ea5e9;outline-offset:-4px}.selection-checkbox{position:absolute;top:8px;left:8px;z-index:20;width:24px;height:24px;background:#fffc;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.selection-checkbox input{width:18px;height:18px;cursor:pointer;margin:0}.compare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172af2;z-index:2000;padding:32px;display:flex;flex-direction:column}.compare-inner{display:flex;flex-direction:column;height:100%;width:100%}.compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#fff}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;overflow-y:auto;flex:1;padding-bottom:20px}.compare-item{display:flex;flex-direction:column;gap:12px;background:#1e293b;padding:16px;border-radius:8px;border:1px solid #334155}.compare-item img{width:100%;height:auto;border-radius:4px;max-height:50vh;object-fit:contain;background:#000}.compare-details{color:#e2e8f0;font-size:14px;overflow:auto;max-height:150px}.compare-prompt{color:#94a3b8;font-size:13px;margin-top:4px;white-space:pre-wrap}.room-editor-shell{display:flex;flex-direction:column;gap:12px}.room-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-editor-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px}.room-editor-canvas{position:relative;min-height:520px;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#f8fafc}.room-editor-crop-mask{position:absolute;box-shadow:0 0 0 9999px #0f172a59;border-radius:8px;pointer-events:none}.room-editor-crop-frame{width:100%;height:100%;border:2px dashed rgba(255,255,255,.95);border-radius:8px;box-shadow:inset 0 0 0 1px #0f172a73}.room-editor-panel{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:10px}.room-editor-row{display:flex;gap:8px;flex-wrap:wrap}.room-editor-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.room-editor-grid3 label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#334155}.room-editor-grid3 input{width:100%}.room-editor-inline{display:flex;align-items:center;gap:8px}@media(max-width:980px){.room-editor-layout{grid-template-columns:1fr}.room-editor-canvas{min-height:380px}}