:root{--purple:#6c5ce7;--purple-dark:#5a4bd1;--pink:#ff7eb9;--teal:#00c2a8;--bg:#f5f6fb;--card:#ffffff;--ink:#26264d;--ink-soft:#6b6b8a;--border:#e6e6f2;--success:#1fae6f;--radius:16px;--shadow:0 4px 20px rgba(50,50,120,0.08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100vh}.topbar{background:linear-gradient(120deg,var(--purple) 0%,#8b7cf0 45%,var(--pink) 100%);color:#fff;padding:22px 28px}.topbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:16px}.brand-icon{font-size:34px;background:rgba(255,255,255,.18);width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand h1{font-size:22px;margin:0 0 4px;line-height:1.25}.brand-sub{margin:0;font-size:13.5px;opacity:.92;max-width:520px}.mobile-only{display:none}.stats-badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:10px 18px;display:flex;align-items:center;gap:10px;white-space:nowrap}.stats-num{font-size:28px;font-weight:800}.stats-text{font-size:12px;line-height:1.35;opacity:.95}.layout{max-width:1400px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.wizard{display:flex;flex-direction:column;gap:20px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;border:1px solid var(--border)}.step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-head h2{margin:0;font-size:17px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice-btn{border:2px solid var(--border);background:#fafaff;border-radius:14px;padding:16px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:all .15s ease}.choice-btn:hover{border-color:#c9c3f7;transform:translateY(-1px)}.choice-btn.active{border-color:var(--purple);background:linear-gradient(135deg,#efeaff,#ffeef6);box-shadow:0 0 0 3px rgba(108,92,231,.15)}.choice-emoji{font-size:26px}.choice-title{font-weight:700;font-size:15px}.choice-desc{font-size:11.5px;color:var(--ink-soft)}.hint{font-size:12.5px;color:var(--ink-soft);margin:10px 2px 0;font-style:italic}.format-toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.format-toolbar input{flex:1;min-width:200px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);font-size:14px}.btn-secondary{border:1px solid var(--border);background:#f2f1ff;color:var(--purple-dark);border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600;font-size:13.5px;white-space:nowrap}.btn-secondary:hover{background:#e7e4ff}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;max-height:480px;overflow-y:auto;padding-right:4px}.format-empty{padding:30px;text-align:center;color:var(--ink-soft);font-size:14px;border:2px dashed var(--border);border-radius:12px}.format-card{border:2px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff;transition:all .15s ease}.format-card:hover{border-color:#c9c3f7;background:#fafaff}.format-card.active{border-color:var(--purple);background:linear-gradient(135deg,#efeaff,#fff2f8);box-shadow:0 0 0 3px rgba(108,92,231,.13)}.format-card .fc-name{font-weight:700;font-size:13.5px;margin-bottom:4px;line-height:1.3}.format-card .fc-goal{font-size:11.5px;color:var(--ink-soft);line-height:1.35}.selected-format-banner{background:linear-gradient(135deg,#efeaff,#fff2f8);border:1px solid #ded6ff;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:13.5px}.selected-format-banner b{color:var(--purple-dark)}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}.field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em}.field .req{color:#ff5c8a}.field select,.field input[type=text],.field textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:14px;font-family:inherit;background:#fff;color:var(--ink)}.field textarea{resize:vertical}.field-full{margin-bottom:18px}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.style-opt{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:13px;background:#fafaff}.style-opt:has(input:checked){border-color:var(--purple);background:#f2f1ff}.style-opt input{accent-color:var(--purple)}.checkbox-row{display:flex;flex-direction:column;gap:10px}.checkbox-opt{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}.checkbox-opt input{accent-color:var(--purple);width:16px;height:16px}.prompt-panel{position:sticky;top:20px}.prompt-panel-inner{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:22px}.prompt-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.prompt-head h2{margin:0;font-size:17px}.prompt-actions{display:flex;gap:8px}.btn-icon{border:1px solid var(--border);background:#f7f7ff;border-radius:10px;padding:8px 12px;font-size:12.5px;cursor:pointer;font-weight:600;color:var(--ink)}.btn-icon:hover{background:#eeeeff}#promptOutput{width:100%;border-radius:12px;border:1px solid var(--border);padding:14px;font-family:"SF Mono","Consolas",monospace;font-size:12.8px;line-height:1.55;background:#fbfbff;color:var(--ink);resize:vertical}.copy-msg{height:18px;font-size:12px;color:var(--success);font-weight:600;margin:6px 2px 0}.history-block{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.history-head h3{margin:0;font-size:14px}.btn-link{background:none;border:none;color:var(--ink-soft);font-size:12px;cursor:pointer;text-decoration:underline}.history-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.history-item{border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12px;cursor:pointer;background:#fafaff}.history-item:hover{background:#f2f1ff}.history-item .hi-title{font-weight:700;margin-bottom:2px}.history-item .hi-meta{color:var(--ink-soft);font-size:11px}.history-empty{color:var(--ink-soft);font-size:12.5px;font-style:italic}.page-footer{text-align:center;padding:20px;color:var(--ink-soft);font-size:12px}.format-grid::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:6px}.format-grid::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:#ddd7f7;border-radius:3px}
@media (max-width:980px){.layout{grid-template-columns:1fr}.mobile-only{display:inline}.prompt-panel{position:static}}
@media (max-width:600px){.choice-row,.field-grid,.style-grid{grid-template-columns:1fr}.layout{padding:14px}.card{padding:18px}.topbar{padding:18px}.stats-badge{width:100%;justify-content:center}}