:root{--bg:#f3f4f6;--card:#fff;--border:#eceef1;--input-bg:#f9fafb;--input-border:#e5e7eb;--text:#111827;--muted:#6b7280;--chip:#f3f4f6;--chip-hover:#e5e7eb;--btn-bg:#0b1530;--btn-fg:#fff;--btn-hover:#1b2a52;--accent:#2563eb;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--error-bg:#fef2f2;--error-text:#b42318;--error-border:#fecaca;--ok-bg:#ecfdf3;--ok-text:#067647;--ok-border:#abefc6;--warn-bg:#fffbeb;--warn-text:#92400e;--warn-border:#fde68a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}:root[data-theme=dark]{--bg:#0b0f17;--card:#131a26;--border:#1f2937;--input-bg:#0f1520;--input-border:#273244;--text:#e5e7eb;--muted:#9ca3af;--chip:#1c2535;--chip-hover:#273244;--btn-bg:#f3f4f6;--btn-fg:#0b1530;--btn-hover:#fff;--accent:#5b8def;--shadow:none;--error-bg:#2a1214;--error-text:#fda29b;--error-border:#5c1f23;--ok-bg:#0f2a1c;--ok-text:#75e0a7;--ok-border:#1c5a3a;--warn-bg:#2a2008;--warn-text:#fcd34d;--warn-border:#5c4410;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}h1,h2{margin:0}.muted{color:var(--muted);font-size:13px}.splash{min-height:100vh;color:var(--muted);place-items:center;display:grid}.container{flex-direction:column;gap:20px;max-width:820px;margin:0 auto;padding:28px 16px 48px;display:flex}.container.is-wide{max-width:1100px}.compose-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.compose-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 300px}.template-sidebar{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}.sidebar-intro{margin:6px 0 0}.field-hint{color:var(--muted);font-size:12px}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:24px}.header-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 24px;display:flex}.header-title{font-size:18px;font-weight:700}.header-actions{align-items:center;gap:14px;display:flex}.section-title{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.stack{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.field-row{justify-content:space-between;align-items:baseline;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}input[type=text],input[type=email],input[type=password],textarea{width:100%;font:inherit;color:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:10px 12px}input::placeholder{color:var(--muted);opacity:.7}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}.input-with-action{align-items:center;gap:8px;display:flex}.btn{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:9px 18px;font-weight:600;transition:background .15s}.btn:focus-visible,.link-button:focus-visible,.switch:focus-visible,.tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.btn-primary:hover:not(:disabled){background:var(--btn-hover)}.btn-ghost{background:var(--chip);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--chip-hover)}.btn-sm{padding:5px 12px;font-size:12px}.btn-block{width:100%}.link-button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.link-button:hover{color:var(--text)}.actions{justify-content:flex-end;gap:10px;display:flex}.banner{border:1px solid;border-radius:10px;padding:10px 12px;font-size:13px}.banner-error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.banner-success{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.theme-toggle{color:var(--muted);align-items:center;gap:8px;display:flex}.switch{background:var(--chip-hover);cursor:pointer;border:none;border-radius:999px;width:40px;height:22px;padding:0;transition:background .15s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{transform:translate(18px)}@media (prefers-reduced-motion:reduce){.switch,.switch-thumb,.btn{transition:none}}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-corner{position:fixed;top:20px;right:24px}.auth-card{width:100%;max-width:360px}.auth-heading h1{font-size:20px}.auth-heading p{margin:4px 0 0}.select{width:100%;font:inherit;color:inherit;background:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;border-radius:10px;padding:10px 12px}.select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select:disabled{opacity:.6;cursor:not-allowed}.banner-warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.dropzone{border:1.5px dashed var(--input-border);background:var(--input-bg);color:var(--muted);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:20px 16px;transition:border-color .15s,background .15s;display:flex}.dropzone strong{color:var(--text);font-weight:600}.dropzone:hover:not(.is-disabled),.dropzone.is-dragging{border-color:var(--accent);background:var(--chip)}.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dropzone.is-disabled{opacity:.6;cursor:not-allowed}.attachment-list{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.attachment-item{border:1px solid var(--input-border);background:var(--input-bg);border-radius:10px;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.attachment-size{color:var(--muted);white-space:nowrap;font-size:12px}.attachment-summary{color:var(--muted);margin:8px 0 0;font-size:12px}.attachment-error{color:var(--error-text);margin:8px 0 0;font-size:12px}.check-row{cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:14px;display:flex}.check-row input{accent-color:var(--accent);width:16px;height:16px;margin:0}.check-hint{margin:4px 0 0 24px}.rte{border:1px solid var(--input-border);background:var(--card);border-radius:12px;overflow:hidden}.rte-toolbar{border-bottom:1px solid var(--input-border);background:var(--input-bg);flex-wrap:wrap;align-items:center;gap:6px 2px;padding:6px 8px;display:flex}.rte-group{border-right:1px solid var(--input-border);align-items:center;gap:2px;margin-right:4px;padding-right:6px;display:flex}.rte-group:last-child{border-right:none;margin-right:0;padding-right:0}.rte-btn{width:30px;height:30px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:inline-flex;position:relative}.rte-btn:hover:not(:disabled){background:var(--chip-hover)}.rte-btn[aria-pressed=true]{background:var(--chip-hover);color:var(--accent)}.rte-btn:disabled{opacity:.4;cursor:not-allowed}.rte-btn:focus-visible,.rte-color:focus-within,.rte-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rte-select{border:1px solid var(--input-border);background:var(--card);max-width:130px;height:30px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0 6px;font-size:12px}.rte-select-size{width:58px}.rte-color .swatch{border-radius:2px;height:3px;position:absolute;bottom:3px;left:7px;right:7px}.rte-color input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.rte-panel{border-bottom:1px solid var(--input-border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.rte-panel input[type=text]{flex:1;min-width:200px}.rte-hint{width:100%;color:var(--muted);font-size:12px}.rte-hint-error{color:var(--error-text)}.rte-content{color:#1f2937;background:#fff}.rte-content.is-disabled{opacity:.6}.rte-content .ProseMirror{outline:none;min-height:340px;padding:16px 18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}.rte-content .ProseMirror>:first-child{margin-top:0}.rte-content .ProseMirror p{margin:1em 0}.rte-content .ProseMirror ul,.rte-content .ProseMirror ol{margin:1em 0;padding-left:1.6em}.rte-content .ProseMirror li p{margin:0}.rte-content .ProseMirror a{color:#2563eb;text-decoration:underline}.rte-content .ProseMirror .ph{border-radius:3px;padding:0 2px}.rte-content .ProseMirror .ph[data-filled=false]{background:#ffec9a}.rte-content .ProseMirror .ph[data-filled=true]{background:#2564eb40}.rte-content .ProseMirror img{max-width:100%;height:auto}.rte-content .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--accent)}@media (width<=900px){.compose-layout.has-sidebar{grid-template-columns:minmax(0,1fr)}.template-sidebar{order:-1;max-height:none;position:static}}@media (width<=600px){.card{padding:18px}.header-card{padding:14px 18px}.field-grid{grid-template-columns:1fr}.auth-corner{top:14px;right:16px}}