:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-gradient-a: rgb(253, 246, 181);--bg-gradient-b: rgb(255, 236, 230);--glass-bg: rgba(255, 255, 255, .62);--glass-border: rgba(255, 255, 255, .45);--accent: #0dc13a;--muted: #000102;--text: #000000;--danger: #ef4444;--shadow: 0 10px 30px rgba(40, 2, 2, .09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}:root[data-theme=dark]{--bg-gradient-a: rgba(16, 18, 23, 1);--bg-gradient-b: rgba(25, 27, 31, 1);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .06);--accent: #8b5cf6;--muted: #9aa0a6;--text: #e6eef8;--danger: #ff6b6b;--shadow: 0 16px 40px rgba(0, 0, 0, .6)}html,body,#root{height:flex;margin:0}body{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(185deg,var(--bg-gradient-a),var(--bg-gradient-b));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outer{width:100%;display:flex;justify-content:center;padding:16px 18px 24px;box-sizing:border-box}.app{width:min(1200px,96%);background:linear-gradient(180deg,#f04e4e05,#fff0);padding:24px 32px;border-radius:24px;box-shadow:var(--shadow);box-sizing:border-box;overflow:hidden;animation:popIn .42s ease}.main-grid{display:grid;grid-template-columns:1.2fr 2.3fr;gap:24px;align-items:start}.topbar{display:flex;justify-content:space-between;align-items:center;gap:2px;margin-bottom:8px}.brand{display:flex;align-items:center;gap:12px}.brand-text .title{font-size:2.2rem;color:var(--text);font-weight:900}.brand-text .tagline{font-size:1rem;color:var(--muted)}.controls{display:flex;align-items:center;gap:1px}.control-row{display:flex;gap:9px;align-items:center}button{padding:8px 12px;border-radius:9px;border:none;background:var(--accent);color:#0e0101;cursor:pointer;font-weight:600}button.small{padding:3px 5px;font-size:1rem}button.secondary{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text)}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.06);padding:8px 10px;border-radius:8px;color:var(--text);cursor:pointer;font-weight:600}button.ghost:hover{transform:translateY(-2px)}.danger{background:var(--danger)}.switch{position:relative;display:inline-block;width:44px;height:26px}.switch input{display:none}.switch .slider{position:absolute;inset:0;border-radius:999px;background:#e502022e;box-shadow:inset 0 1px #ffffff05}.switch input:checked+.slider{background:linear-gradient(90deg,var(--accent),#549a24)}.switch .slider:after{content:"";position:absolute;width:18px;height:18px;left:4px;top:4px;border-radius:50%;background:#771b02;transition:transform .22s cubic-bezier(.2,.9,.2,1)}.switch input:checked+.slider:after{transform:translate(18px)}.panel{background:var(--glass-bg);border-radius:12px;padding:18px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 8px 28px #08080c14}.panel h2{margin:0 0 12px;color:var(--text)}label{display:block;font-size:.9rem;color:#000;font-weight:600;margin-bottom:8px}:root[data-theme=dark] label{color:#fff;font-weight:600}input,select,textarea{width:100%;padding:14px 16px;border-radius:8px;border:1px solid rgba(20,24,30,.06);box-sizing:border-box;font-size:.95rem;color:var(--text);background:#fff9}select{height:52px;line-height:52px}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:#9d575708}textarea{min-height:170px;resize:vertical}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.preview-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:8px}.preview-field{flex:1}.preview-controls{display:flex;gap:8px;align-items:center}.preview{width:100%;height:520px;padding:14px;border-radius:10px;border:1px solid rgba(0,4,9,.06);background:#f2e9d0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);line-height:1.9;resize:vertical}.saved-list summary{cursor:pointer;color:var(--muted);margin-top:12px;font-weight:600}.list{margin-top:10px;display:flex;flex-direction:column;gap:100px;max-height:220px;overflow:auto;padding-right:6px}.item{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:8px;border-radius:8px;background:#ffffff4d;border:1px solid rgba(255,255,255,.04)}.message-snippet{margin:0;font-size:.9rem;color:var(--text);white-space:pre-wrap;max-width:70%}.tone{display:flex;flex-direction:column;gap:8px;margin-top:8px}.tone-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.tone-labels .active{color:var(--accent);font-weight:700}.danger-zone{margin-top:12px;display:flex;justify-content:flex-end}.small{font-size:.85rem;color:#000;font-weight:600}:root[data-theme=dark] .small{color:#fff;font-weight:600}@media(max-width:980px){.main-grid{grid-template-columns:1fr}.preview{min-height:220px}}@keyframes popIn{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}:root[data-theme=dark] .brand-text .title{color:var(--text)}