:root{--bg: #fff7ef;--card: #ffffff;--ink: #2b2140;--dim: #8a7f9c;--line: #f0e3d6;--coral: #ff7a59;--coral-2: #ff9a6b;--grape: #7c5cff;--mint: #e8fbf3;--shadow: 0 10px 30px rgba(84, 52, 20, .08), 0 2px 6px rgba(84, 52, 20, .05);--font: "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{background:var(--bg)}body{min-height:100vh;background:radial-gradient(900px 500px at 110% -10%,#ffe1d1 0%,transparent 60%),radial-gradient(700px 500px at -20% 20%,#efe8ff 0%,transparent 55%),var(--bg);color:var(--ink);font-family:var(--font);font-size:16px}button,input,textarea{font:inherit;color:inherit}.wrap{max-width:620px;margin:0 auto;padding:18px 16px 60px}.top{text-align:center;margin:4px 0 18px;position:relative}.home{position:absolute;left:0;top:2px;font-size:12px;color:var(--dim);text-decoration:none;font-family:ui-monospace,Menlo,Consolas,monospace}.home:hover{color:var(--ink)}.logo{font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.logo .dot{color:var(--coral)}.tag{color:var(--dim);font-size:14px}.card{background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px;animation:pop .35s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.99)}}.drop{position:relative;border-radius:22px;min-height:300px;border:3px dashed #f3c9b4;background:#fffaf5;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s,transform .15s;outline:none}.drop:hover,.drop:focus-visible,.drop.over{border-color:var(--coral);background:#fff2ea}.drop.over{transform:scale(1.01)}.drop.has{border:none;background:#f7f1ec;cursor:default;min-height:0}.drop-empty{text-align:center;color:var(--dim);padding:30px}.drop-icon{font-size:54px;margin-bottom:8px}.drop-text{font-size:20px;font-weight:500;color:var(--ink)}.drop-text span{font-size:15px;color:var(--dim);font-weight:400}.drop.has .drop-empty{display:none}#preview{display:block;width:100%;max-height:62vh;object-fit:contain}.img-tools{position:absolute;top:10px;right:10px;display:flex;gap:8px}.round{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:#ffffffeb;box-shadow:0 3px 10px #00000026;font-size:22px;line-height:1;transition:transform .12s}.round:hover{transform:scale(1.08)}.pill{display:flex;align-items:center;gap:6px;margin-top:14px;background:#fff4ec;border:2px solid #ffd9c7;border-radius:999px;padding:5px 5px 5px 18px;transition:border-color .15s,box-shadow .15s}.pill:focus-within{border-color:var(--coral);box-shadow:0 0 0 5px #ff7a5926}.pill input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:17px;padding:8px 0}.pill input::placeholder{color:#c0a99a}.go{flex:none;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--coral),var(--coral-2));color:#fff;font-size:22px;font-weight:600;box-shadow:0 4px 12px #ff7a5966;transition:transform .12s,opacity .15s}.go:hover{transform:scale(1.06)}.go:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}.go.busy{animation:wobble .9s ease-in-out infinite;opacity:1}@keyframes wobble{50%{transform:rotate(20deg) scale(.92)}}.bubble{background:linear-gradient(135deg,#f1ecff,#fdf0ff);border-radius:22px 22px 22px 6px;padding:14px 16px;font-size:18px;line-height:1.4}.who{display:block;font-size:12px;font-weight:600;color:var(--grape);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{border:2px solid #e2d9ff;background:#fff;color:#5a44d6;border-radius:999px;padding:7px 14px;font-size:15px;cursor:pointer;transition:background .12s,transform .12s}.chip:hover{background:#f3efff;transform:translateY(-1px)}.chip.on{background:var(--grape);border-color:var(--grape);color:#fff}.thinking .bubble p:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.tile{position:relative;border-radius:18px;overflow:hidden;background:#f6eee7;align-self:start}.tile.wait,.tile.oops{aspect-ratio:1}.tile img{width:100%;height:auto;display:block;cursor:zoom-in}.tile.wait:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.7) 50%,transparent 80%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.tile.wait:after{content:attr(data-msg);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:14px;text-align:center;padding:10px}.tile.oops{display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prompt-head{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.prompt-head h2{font-size:20px;font-weight:600}.hint{color:var(--dim);font-size:13px;margin:2px 0 10px}.prompt{background:#fbf8f4;border:2px solid var(--line);border-radius:18px;padding:14px 16px;font-size:15px;line-height:1.55;white-space:pre-wrap;user-select:text}.prompt .lead{display:block;margin-bottom:10px;font-weight:500}.prompt .row{display:block;margin-top:6px}.prompt .lab{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 8px;border-radius:999px;margin-right:6px;vertical-align:1px;color:#fff}.prompt-edit{width:100%;border:2px solid var(--coral);border-radius:18px;padding:14px 16px;font-size:15px;line-height:1.5;resize:vertical;outline:none;background:#fffdfb}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.soft{border:none;border-radius:999px;padding:9px 16px;cursor:pointer;font-size:15px;font-weight:500;background:#ffe9df;color:#c2492b;transition:transform .12s,background .12s}.soft:hover{transform:translateY(-1px);background:#ffdccd}.soft:disabled{opacity:.4;cursor:default;transform:none}.soft.ghost{background:none;color:var(--dim)}.soft.done{background:var(--mint);color:#1f8a5b}.msg{text-align:center;color:var(--dim);font-size:14px;min-height:1.2em;margin-top:4px}.msg.err{color:#d4472b}.gate{text-align:center;padding:26px 20px}.gate-hi{font-size:20px;font-weight:500}.gate .pill{max-width:340px;margin:14px auto 0}.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media(max-width:480px){.logo{font-size:38px}.drop{min-height:240px}.card{border-radius:24px;padding:12px}.bubble{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}