*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f2f0ec;--surface: #ffffff;--border: #e0ddd8;--text: #1a1a1a;--text-muted: #888;--accent: #0f1f5c;--accent-mid: #4a5fc4;--track: #d0cdc8;--radius: 10px;--font: "Inter", system-ui, sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.header{background:var(--accent);padding:0 32px;height:60px;display:flex;align-items:center}.header-inner{width:100%;max-width:820px;margin:0 auto}.wordmark{display:flex;align-items:baseline;gap:10px}.wordmark-main{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.3px}.wordmark-sub{color:#ffffff80;font-size:13px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.main{max-width:820px;margin:48px auto;padding:0 32px 64px;display:flex;flex-direction:column;gap:36px}.section-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.topic-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-family:var(--font);font-size:15px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.topic-input::placeholder{color:#bbb}.topic-input:focus{border-color:var(--accent-mid);box-shadow:0 0 0 3px #4a5fc41f}.axes-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:0}.axes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.axes-header .section-label{margin-bottom:0}.axes-hint{font-size:12px;color:var(--text-muted)}.axes-hint--block{margin-bottom:16px}.mode-toggle{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.mode-btn{font-family:var(--font);font-size:12px;font-weight:500;padding:5px 14px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.mode-btn+.mode-btn{border-left:1px solid var(--border)}.mode-btn--active{background:var(--accent);color:#fff}.axis-row{display:grid;grid-template-columns:180px 1fr 180px 28px;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.axis-row--no-slider{grid-template-columns:1fr 1fr 28px}.axis-row:last-of-type{border-bottom:none}.axis-label{font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 6px;border-radius:4px;transition:background .12s}.axis-label:hover{background:#f0eee9;color:var(--accent)}.axis-label--left{text-align:right}.axis-label--right{text-align:left}.label-input{font-family:var(--font);font-size:13px;border:1px solid var(--accent-mid);border-radius:4px;padding:3px 6px;outline:none;width:100%;background:#f7f6ff;color:var(--text)}.label-input--left{text-align:right}.label-input--right{text-align:left}.slider-track{position:relative;display:flex;align-items:center}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--pct, 50%),var(--track) var(--pct, 50%),var(--track) 100%);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px #0003;cursor:grab;transition:transform .1s,box-shadow .1s}.slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 2px 8px #00000040}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px #0003;cursor:grab}.delete-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;flex-shrink:0}.delete-btn:hover{background:#fee;color:#c00;border-color:#fcc}.axes-actions{display:flex;gap:12px;padding-top:16px}.btn{font-family:var(--font);font-size:13px;font-weight:500;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;transition:background .15s,opacity .15s,transform .1s}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.btn--ghost:hover{background:var(--bg);color:var(--text)}.btn--primary{background:var(--accent);color:#fff;font-size:14px;font-weight:500;padding:13px 28px;border-radius:8px;letter-spacing:.01em;min-width:160px;display:flex;align-items:center;justify-content:center;gap:8px}.btn--primary:hover:not(:disabled){background:#1a2f7a;transform:translateY(-1px)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--copy{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);font-size:12px;padding:7px 14px}.btn--copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.generate-section{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.generate-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.count-field{display:flex;flex-direction:column}.count-input{font-family:var(--font);font-size:15px;width:80px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.count-input:focus{border-color:var(--accent-mid);box-shadow:0 0 0 3px #4a5fc41f}.word-range{display:flex;align-items:center;gap:6px}.word-range-sep{color:var(--text-muted);font-size:14px}.error-msg{font-size:13px;color:#c00;background:#fff0f0;border:1px solid #fcc;border-radius:6px;padding:8px 12px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.output-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.output-header{display:flex;align-items:center;justify-content:space-between}.output-list{display:flex;flex-direction:column;gap:0}.output-card{padding:16px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.output-card:last-child{border-bottom:none;padding-bottom:0}.output-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tagline-output{font-size:20px;font-weight:500;color:var(--accent);letter-spacing:-.3px;line-height:1.3;flex:1}.axis-chips{display:flex;flex-wrap:wrap;gap:6px}.axis-chip{font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:3px 8px;color:var(--text-muted);white-space:nowrap}.axis-chip-val{font-weight:600;color:var(--accent-mid);margin-left:2px}@media(max-width:640px){.axis-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px}.axis-row .slider-track{grid-column:1 / -1}.axis-label--left{text-align:left}.axis-label--right{text-align:right}.main{padding:0 16px 48px;margin:24px auto}}