:root{--bg:#0d0f12;--panel:#14171c;--panel-2:#191d24;--line:#262c35;--text:#e9edf3;--muted:#8d97a6;--accent:#c8f169;--accent-ink:#10130a;--danger:#ff7b72;--radius:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 15% -10%, #1d2a2e 0%, transparent 60%), radial-gradient(900px 400px at 95% 0%, #262033 0%, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}code{background:#222833;border-radius:5px;padding:1px 5px;font-size:.9em}.shell{max-width:1180px;margin:0 auto;padding:48px 24px 80px}.top{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}h1{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(28px,4vw,40px)}.sub{color:var(--muted);margin:0}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border:1px solid var(--line);background:var(--panel);color:var(--muted);letter-spacing:.02em;border-radius:999px;padding:6px 12px;font-size:12px}.badge.ok{color:#b6e88a;background:#1a2415;border-color:#33451f}.badge.warn{color:#ffd18a;background:#241d10;border-color:#4a3a1a}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:20px;display:grid}@media (max-width:920px){.layout{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#161a20,#12151a);flex-direction:column;gap:16px;padding:20px;display:flex}.drop{cursor:pointer;background:var(--panel-2);border:1.5px dashed #333b47;border-radius:12px;place-items:center;min-height:210px;transition:border-color .12s,background .12s;display:grid;position:relative;overflow:hidden}.drop:hover,.drop.dragging{border-color:var(--accent);background:#1b2018}.drop.has-image{border-style:solid}.drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drop-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:24px;font-size:13px;display:flex}.drop-empty strong{color:var(--text);font-size:16px}.preview{object-fit:contain;background:#0b0d10;width:100%;height:260px;display:block}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.label-row{color:var(--text);justify-content:space-between;gap:12px;font-size:13px;display:flex}.hint{color:var(--muted);font-size:12px}textarea::placeholder{color:#5c6675}textarea,select,.text-input{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55}textarea:focus,select:focus{border-color:var(--accent);outline:none}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.switch input{appearance:none;cursor:pointer;background:#2a323d;border-radius:999px;flex:none;width:36px;height:20px;margin:0;transition:background .12s;position:relative}.switch input:after{content:"";background:#8d97a6;border-radius:50%;width:16px;height:16px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.switch input:checked{background:#39442a}.switch input:checked:after{background:var(--accent);transform:translate(16px)}.presets{flex-wrap:wrap;gap:8px;display:flex}.improve-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:-6px;display:flex}.improve{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#20262f;border-radius:10px;padding:9px 14px;font-size:13px;transition:border-color .12s,color .12s}.improve:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.improve:disabled{opacity:.45;cursor:not-allowed}.suggestions{flex-direction:column;gap:8px;display:flex}.suggestion{text-align:left;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;border-radius:10px;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.suggestion:hover{color:var(--text);border-color:#3a4250}.suggestion.active{border-color:var(--accent);color:var(--text)}.suggestion-index{color:var(--accent);flex:none;font-weight:700}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;transition:all .12s}.chip:hover{color:var(--text);border-color:#3a4250}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.row{grid-template-columns:1.1fr 1fr 1fr;gap:12px;display:grid}.segmented{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;grid-auto-flow:column;gap:4px;padding:3px;display:grid}.segmented button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:8px 0;font-size:13px}.segmented button.active{color:var(--text);background:#2b3440}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.primary{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:filter .12s}.primary:hover:not(:disabled){filter:brightness(1.06)}.primary:disabled{opacity:.45;cursor:not-allowed}.cost{color:var(--muted);font-size:12px}.error{color:var(--danger);margin:0;font-size:13px}.note{color:#ffd18a;margin:0;font-size:12.5px}.results-head{justify-content:space-between;align-items:center;display:flex}h2{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}.ghost{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;font-size:12px}.ghost:hover{color:var(--text);border-color:#3a4250}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;margin:0;overflow:hidden}.card img{aspect-ratio:1;object-fit:cover;background:#0b0d10;width:100%;display:block}.card figcaption{color:var(--muted);justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.skeleton{aspect-ratio:1;color:var(--muted);background:linear-gradient(110deg,#171b21 8%,#1e242c 18%,#171b21 33%) 0 0/220% 100%;place-items:center;font-size:12px;animation:1.6s linear infinite shimmer;display:grid}@keyframes shimmer{to{background-position-x:-220%}}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:48px 20px;font-size:13px}.empty p{color:var(--text);margin:0 0 6px}.prompt-used{color:var(--muted);font-size:12px}.prompt-used summary{cursor:pointer}.prompt-used pre{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin:8px 0 0;padding:10px;font-size:11.5px;line-height:1.6}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}