*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f5f0;--surface:#fff;--surface-alt:#f0ede6;--border:#e2ddd6;--border-strong:#c8c2b8;--text-primary:#1a1714;--text-secondary:#6b6560;--text-tertiary:#9e9990;--accent:#2d5f4a;--accent-light:#ebf2ee;--accent-text:#1e4033;--warn:#7a4f1a;--warn-bg:#fbf3e8;--warn-border:#e8c98a;--font-display:"DM Serif Display",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--radius:10px;--radius-lg:14px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);min-height:100vh;font-size:15px;line-height:1.6}.shell{max-width:780px;margin:0 auto;padding:3rem 1.5rem 4rem}.site-header{margin-bottom:3rem}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.site-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.15;color:var(--text-primary);margin-bottom:.75rem}.site-header p{font-size:15px;color:var(--text-secondary);max-width:520px;line-height:1.65}.divider{height:1px;background:var(--border);margin:2.5rem 0}.tool-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin-bottom:2rem}.tool-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-family:var(--font-body)}.tool-btn:hover{border-color:var(--border-strong);background:#fdfcfa}.tool-btn.active{border-color:var(--accent);border-width:1.5px;background:var(--accent-light)}.badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:20px;margin-bottom:8px}.badge-ai{background:#e8f2ec;color:var(--accent-text)}.badge-guide{background:var(--warn-bg);color:var(--warn)}.tool-btn h3{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.tool-btn p{font-size:12px;color:var(--text-secondary);line-height:1.45}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem}.form-panel h2{font-family:var(--font-display);font-size:1.35rem;font-weight:400;color:var(--text-primary);margin-bottom:1.25rem}.hidden{display:none}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:5px;letter-spacing:.01em}.field input,.field select,.field textarea{width:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:#fff}.field textarea{height:72px;resize:vertical}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:500px){.row{grid-template-columns:1fr}}.run-btn{width:100%;margin-top:4px;padding:11px 16px;font-family:var(--font-body);font-size:14px;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.01em}.run-btn:hover{opacity:.88}.run-btn:active{transform:scale(.99)}.run-btn:disabled{opacity:.5;cursor:not-allowed}.output-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.output-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.output-header span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.copy-btn{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;transition:border-color .15s}.copy-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.output-body{padding:1.25rem 1.5rem;min-height:140px}#output-text{font-size:14px;color:var(--text-primary);line-height:1.75;white-space:pre-wrap}#output-text.placeholder{color:var(--text-tertiary);font-style:italic}#output-text.loading{color:var(--text-secondary);font-style:italic}.dots:after{content:"";animation:dots 1.2s steps(3) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.disclaimer{margin-top:1.5rem;padding:12px 16px;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);font-size:12.5px;color:var(--warn);line-height:1.55}.disclaimer strong{font-weight:600}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:12px;color:var(--text-tertiary);text-align:center;line-height:1.6}