@import "https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400&family=Inter:wght@400;500;600&display=swap";:root{--ink:#172554;--ink-soft:#52617d;--paper:#fff8ed;--paper-raised:#fff;--line:#d9ddf0;--accent:#4338ca;--accent-dark:#312e81;--accent-soft:#e8e7ff;--accent-warm:#e76f51;--brown:#9a4e35;--error:#b42318;--sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--serif:"Source Serif 4", Georgia, serif}:root[data-theme=dark]{--ink:#f5f3ff;--ink-soft:#bbc2dc;--paper:#10152b;--paper-raised:#1b2342;--line:#303b64;--accent:#a5b4fc;--accent-dark:#c7d2fe;--accent-soft:#2b3566;--accent-warm:#fdba74;--brown:#f6b99c;--error:#fda4af}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background .2s,color .2s}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--paper-raised);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.01em;color:var(--accent-dark);font-size:19px;font-weight:600}.usage-pill{color:var(--accent-dark);border:1px solid var(--accent);background:var(--accent-soft);border-radius:100px;padding:5px 12px;font-size:12px}.workspace{flex:1;grid-template-columns:minmax(320px,440px) 1fr;display:grid}@media (width<=860px){.workspace{grid-template-columns:1fr}}.input-pane{border-right:1px solid var(--line);background:#e8edff;padding:40px}.input-pane-inner{max-width:420px}.output-pane{background:#fff8ed;padding:40px;display:flex}h1{font-family:var(--serif);letter-spacing:-.01em;max-width:22ch;margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.25}.lede{color:var(--ink-soft);max-width:42ch;margin:0 0 32px;font-size:14px;line-height:1.6}.field-label{color:var(--ink-soft);margin-bottom:7px;font-size:12px;font-weight:500;display:block}textarea,select{width:100%;font-family:var(--sans);border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);border-radius:8px;font-size:14px}textarea{resize:vertical;padding:14px;line-height:1.55}textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.char-count{text-align:right;color:var(--ink-soft);opacity:.7;margin-top:6px;font-size:11px}.options-row{gap:12px;margin-top:20px;display:flex}.option-group{flex:1}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2357544E' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 12px}.generate-btn{width:100%;font-family:var(--sans);color:var(--paper);background:var(--accent);cursor:pointer;border:none;border-radius:8px;margin-top:24px;padding:13px;font-size:14px;font-weight:600;transition:background .15s}.generate-btn:hover:not(:disabled){background:var(--accent-dark)}.generate-btn:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}.error-text{color:var(--error);margin:14px 0 0;font-size:13px}.limit-notice{color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;margin:0 0 18px;padding:10px 12px;font-size:12px;line-height:1.5}.output-pane{justify-content:center;align-items:center}.output-empty{color:var(--ink-soft);text-align:center;max-width:30ch;font-size:14px}.loading-text{font-style:italic}.output-doc{background:var(--paper-raised);border:1px solid var(--line);border-radius:10px;align-self:flex-start;width:100%;max-width:560px;padding:36px 40px;box-shadow:0 10px 28px #1725541a}.output-doc-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.output-doc-header span{color:var(--ink-soft);font-size:12px;font-weight:500}.copy-btn{font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500}.copy-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.output-text{font-family:var(--serif);color:var(--ink);white-space:pre-wrap;margin:0;font-size:16px;line-height:1.75}.status-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.status-screen h2{font-family:var(--serif);margin:0 0 8px;font-size:22px}.status-screen p{color:var(--ink-soft);margin:0;font-size:14px}.auth-screen{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{width:100%;max-width:380px}.auth-card input[type=email]{border:1px solid var(--line);background:var(--paper-raised);width:100%;color:var(--ink);border-radius:8px;margin-bottom:4px;padding:12px 14px;font-size:14px}.auth-card input[type=email]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.topbar-right{align-items:center;gap:14px;display:flex}.theme-toggle{width:32px;height:32px;color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--paper-raised);background:var(--accent)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.text-btn{font-family:var(--sans);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12.5px;font-weight:500}.text-btn:hover{color:var(--accent-dark)}.history-drawer{border-bottom:1px solid var(--line);background:var(--accent-soft);flex-direction:column;gap:8px;max-height:240px;padding:16px 32px;display:flex;overflow-y:auto}.history-item{text-align:left;border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;font-family:var(--sans);border-radius:8px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.history-item:hover{border-color:var(--accent)}.history-item-meta{color:var(--ink-soft);text-transform:capitalize;font-size:11px}.history-item-preview{color:var(--ink);font-size:13px}.checkbox-row{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.checkbox-row input{accent-color:var(--accent)}.policy-page{max-width:720px;margin:0 auto;padding:40px 24px 80px}.policy-content h1{max-width:none;margin-bottom:4px;font-size:26px}.policy-content .policy-date{color:var(--ink-soft);margin-bottom:32px;font-size:13px}.policy-content h2{font-family:var(--serif);border-top:1px solid var(--line);margin:40px 0 12px;padding-top:8px;font-size:19px;font-weight:600}.policy-content h2:first-of-type{border-top:none;padding-top:0}.policy-content h3{margin:20px 0 8px;font-size:15px;font-weight:600}.policy-content p{color:var(--ink-soft);margin:0 0 12px;font-size:14px;line-height:1.7}.policy-content ul,.policy-content ol{margin:0 0 14px;padding-left:20px}.policy-content li{color:var(--ink-soft);margin-bottom:6px;font-size:14px;line-height:1.7}.policy-content a{color:var(--accent)}.policy-content .policy-toc{background:var(--paper-raised);border:1px solid var(--line);border-radius:8px;padding:16px 16px 16px 36px}.policy-content .policy-table{border-collapse:collapse;width:100%;margin:12px 0 20px;font-size:13px}.policy-content .policy-table th,.policy-content .policy-table td{border:1px solid var(--line);text-align:left;color:var(--ink-soft);padding:8px 10px}.policy-content .policy-table th{background:var(--paper-raised);color:var(--ink);font-weight:600}.policy-content address{color:var(--ink-soft);font-size:14px;font-style:normal;line-height:1.7}.policy-content .policy-footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:40px;padding-top:16px;font-size:12px}.auth-footer-text{color:var(--ink-soft);text-align:center;margin-top:14px;font-size:12px}.auth-footer-text a{color:var(--accent)}.app-footer{border-top:1px solid var(--line);text-align:center;padding:16px 32px}.app-footer a{color:var(--ink-soft);font-size:12px;text-decoration:none}.app-footer a:hover{color:var(--accent)}.template-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-card{text-align:left;border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;font-family:var(--sans);border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;transition:border-color .15s;display:flex}.template-card:hover{border-color:var(--accent)}.template-card-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.template-card-label{color:var(--ink);font-size:13px;font-weight:600}.template-card-desc{color:var(--ink-soft);font-size:11px;line-height:1.4}.output-textarea{width:100%;font-family:var(--serif);color:var(--ink);resize:vertical;background:0 0;border:none;padding:0;font-size:16px;line-height:1.75}.output-textarea:focus{outline:none}.edited-badge{font-family:var(--sans);color:var(--accent);background:var(--accent-soft);text-transform:none;border-radius:100px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:500}.output-actions{gap:6px;display:flex}.copy-btn-primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.copy-btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--paper)}.input-tip{color:var(--brown);margin:0 0 24px;font-size:12px;font-style:italic}.csv-upload-label{color:var(--accent);cursor:pointer;margin-top:6px;font-size:12px;display:inline-block}.csv-upload-label:hover{text-decoration:underline}.csv-help,.csv-loaded{color:var(--ink-soft);margin:4px 0 0;font-size:11px;line-height:1.45}.csv-loaded{color:var(--accent-dark);font-weight:500}:root[data-theme=dark] .input-pane{background:#151c38}:root[data-theme=dark] .output-pane{background:#10152b}:root[data-theme=dark] .output-doc{box-shadow:0 10px 28px #00000040}.csv-upload-input{display:none}
