:root{font-family:Arial,sans-serif;color:#edf3ff;background:#080b12;font-size:15px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #23324a;background:#0e1726}.brand{display:flex;gap:12px;color:inherit;text-decoration:none;font-size:22px;font-weight:bold}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.badge{margin-left:auto;color:#a8caff;font-size:12px;background:#142642;padding:9px 15px;border-radius:20px}button,select,input{font:inherit}button{background:#0e1726;border:1px solid #34465f;border-radius:7px;padding:10px 15px;cursor:pointer;color:inherit}button:hover{background:#1b304d}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #80b5ff;outline-offset:3px}.primary{background:#173e74;color:white;border-color:#173e74}.primary:hover{background:#245798}main{max-width:1500px;margin:auto;padding:40px 5%}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:bold;color:#a3badd}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-2px;line-height:1.13;margin:15px 0}h1 span{color:#a3c5f7}.intro>p:last-child{color:#b1bdd0;margin:20px 0 32px}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #283951;border-radius:14px;background:#0e1726;overflow:hidden;box-shadow:0 12px 40px #00000055}aside{padding:24px;border-right:1px solid #283951;background:#0c1421}h2{font-size:12px;letter-spacing:1px;color:#a6b8d3;display:flex;gap:12px;align-items:center}h2 span{font-size:16px;letter-spacing:0;color:#edf3ff}.drop{border:1px dashed #54749f;padding:20px 10px;display:flex;align-items:center;gap:10px;flex-direction:column;margin-top:24px;background:#111f35;border-radius:9px;cursor:pointer;font-size:28px}.drop strong{font-size:14px}.drop span{font-size:11px;color:#b0bfd5}.drop input{width:100%;font-size:11px}aside>label:not(.drop){font-size:12px;display:block;margin:23px 0 8px}select{border:1px solid #34465f;background:#0e1726;border-radius:6px;padding:9px;color:inherit;max-width:100%}aside select,aside>button{width:100%;margin-bottom:10px}aside .primary{margin-top:18px}.muted{font-size:11px;line-height:1.7;color:#a9bad1}progress{width:100%;accent-color:#77aaff}#status{font-size:12px;line-height:1.5}#queue{list-style:none;padding:0;max-height:180px;overflow:auto;font-size:12px}#queue li{padding:10px 0;border-bottom:1px solid #283951;overflow-wrap:anywhere}.toolbar{padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #283951}.panes{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.panes>section{min-width:0;padding:20px}.panes>section+section{border-left:1px solid #283951}h3{font-size:10px;letter-spacing:1.4px;color:#b4c3db;display:flex;justify-content:space-between}.preview{background:#080e19;min-height:360px;max-height:550px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:14px}.preview img{width:100%;height:auto;box-shadow:0 3px 10px #0002}.preview p{margin-top:150px;font-size:13px;color:#adbed7}textarea{resize:vertical;width:100%;min-height:360px;border:0;line-height:1.8;font:15px/1.8 Georgia,serif;padding:12px;background:#0e1726;color:#edf3ff}article footer{padding:18px 22px;border-top:1px solid #283951;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px}footer button{font-size:12px}.privacy{margin-top:25px;max-width:960px;color:#acbbd1;font-size:12px;line-height:1.7}.privacy h2{color:#c1d6f5}dialog{max-width:440px;width:90%;border:1px solid #34465f;border-radius:12px;padding:26px}dialog::backdrop{background:#000000bb}dialog label{display:block;margin:15px 0}dialog input{display:block;padding:10px;border:1px solid #34465f;width:100%;margin-top:7px}.close{float:right}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:950px){.workspace{grid-template-columns:230px 1fr}.panes{grid-template-columns:1fr}.panes>section+section{border-left:0;border-top:1px solid #283951}.preview{max-height:350px;min-height:220px}textarea{min-height:280px}article footer{flex-wrap:wrap}}@media(max-width:620px){header{gap:10px;padding:18px}.badge{display:none}.brand{font-size:18px}main{padding:25px 15px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #283951}.toolbar{flex-wrap:wrap}.privacy{padding:0 8px}footer button{padding:9px}}

:root{color-scheme:dark} .primary{color:#fff} dialog{background:#0e1726;color:#edf3ff} dialog input{background:#080e19;color:#edf3ff} textarea::placeholder{color:#a6b8d0} .drop input::file-selector-button{background:#173e74;color:#fff;border:1px solid #54749f;border-radius:4px;padding:5px} progress{background:#080e19} progress::-webkit-progress-bar{background:#080e19;border-radius:4px} progress::-webkit-progress-value{background:#77aaff;border-radius:4px}
fieldset{border:1px solid #34465f;border-radius:8px;margin:20px 0;padding:14px;min-width:0}legend{font-size:12px;color:#b7d0f0}fieldset label{font-size:12px;display:block;margin:12px 0 7px}fieldset input{width:100%;padding:9px;border:1px solid #34465f;border-radius:6px;background:#080e19;color:#edf3ff}fieldset button{width:100%;font-size:12px}.check{display:flex!important;align-items:center;gap:8px;line-height:1.6}.check input{accent-color:#77aaff}.export-options{padding:18px 22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #283951;font-size:12px}#queue button{width:100%;text-align:left;font-size:12px;overflow-wrap:anywhere}#queue button.selected{background:#173e74;border-color:#77aaff}.toolbar #documents{flex:1;min-width:100px}#format-note{min-height:40px}.workspace{grid-template-columns:300px minmax(0,1fr)}.panes{min-height:650px}.preview{max-height:740px;min-height:540px}textarea{min-height:540px}#reset-text{font-size:12px}.toolbar{flex-wrap:wrap}@media(max-width:1050px){.workspace{grid-template-columns:260px minmax(0,1fr)}.panes{grid-template-columns:1fr}.panes>section+section{border-left:0;border-top:1px solid #283951}.preview{min-height:300px;max-height:450px}textarea{min-height:360px}}@media(max-width:620px){.workspace{grid-template-columns:1fr}.export-options{align-items:stretch;flex-direction:column}.preview{min-height:240px}.panes>section{padding:15px}aside{padding:20px}}
.help{color:#b5d2fa;text-decoration:none;font-size:13px}.help:hover{text-decoration:underline}@media(max-width:620px){header{flex-wrap:wrap}.brand{margin-right:auto}.help{margin-left:auto}}