/* WRKDOCS Document Automation Studio — quiet premium aesthetic, responsive, no remote assets. */
:root{--ink:#152546;--muted:#687792;--blue:#395ddf;--line:#dfe6f2;--soft:#f6f9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#f9fbff;color:var(--ink);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
:focus-visible{outline:3px solid #88a4ff;outline-offset:2px}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1180px,calc(100% - 42px));margin:0 auto}
.skip{position:absolute;left:-9000px;z-index:9}.skip:focus{left:10px;top:10px;background:#fff;padding:8px}
.site-head{background:rgba(255,255,255,.97);border-bottom:1px solid #e7edf6}
.header-row{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:29px;font-weight:900;letter-spacing:-2px;color:#142444}.logo span{color:#496bdb}.logo b{color:#42c4b3}
.site-head nav{display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.site-head nav a{font-size:12px;color:#556781;font-weight:760}
.site-head nav .nav-cta{background:#284798;color:#fff;border-radius:10px;padding:11px 17px}
.hero{padding:55px 0 30px}
.kicker{font-size:10px;font-weight:850;letter-spacing:.17em;color:#5171df;margin:0 0 13px}
.hero h1{font-size:clamp(35px,4.8vw,59px);letter-spacing:-.059em;line-height:1.08;margin:0 0 15px;max-width:830px}
.hero h1 em{font-style:normal;color:#476be4}
.hero p{font-size:15px;color:#667591;max-width:820px;line-height:1.75;margin:0}
.hero-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.hero-stats span{font-size:11px;color:#3e5e9e;font-weight:700;border-radius:25px;background:#eaf0ff;padding:6px 11px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start;padding-bottom:36px}
.main-panel,.side-panel{background:#fff;border:1px solid #e1e8f4;border-radius:21px;box-shadow:0 10px 33px #1a32600b}
.main-panel{padding:25px}
.side-panel{padding:21px;position:sticky;top:20px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.section-head h2{font-size:18px;font-weight:830;letter-spacing:-.035em;margin:0}
.section-head .meta{color:#8b9bb4;font-weight:750;font-size:11px}
.dropzone{border:1.5px dashed #b8c8ed;background:linear-gradient(150deg,#f9fbff,#f2f6ff);border-radius:16px;padding:23px 22px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:.2s}
.dropzone.over,.dropzone:hover{border-color:#4a72e4;background:#eef4ff}
.upload-icon{height:52px;width:52px;display:grid;place-items:center;border-radius:15px;background:#e0eafd;color:#365ddb;font-size:27px;flex-shrink:0}
.dropzone strong{display:block;color:#2b477c;font-size:14px}
.dropzone small{display:block;color:#8492ab;margin-top:4px;font-size:12px;line-height:1.6}
.dropzone input{margin-top:10px;display:block;max-width:100%;font-size:12px}
.summary-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0}
.mini-stat{display:inline-flex;gap:7px;align-items:center;color:#7786a2;font-size:11px}
.mini-stat b{color:#2a4272;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;background:white;border:1px solid #dce5f4;border-radius:11px;padding:10px 15px;color:#315285;font-size:12px;font-weight:800;text-decoration:none}
.btn:hover{border-color:#9eaff2;background:#f6f8ff;text-decoration:none}
.btn.primary{color:white;background:#365bdc;border-color:#365bdc;box-shadow:0 7px 21px #4668cc28}
.btn.primary:hover{background:#2849ba}
.btn.wide{padding:13px 21px;min-height:47px}
.btn.danger{color:#8d3a47}
.separator{height:1px;background:#e9eef7;margin:20px 0}
.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{color:#3f5171;font-size:11.5px;font-weight:780}
.field input,.field select{width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #d5dfef;border-radius:10px;background:#fff;color:#243e6d}
.field small{font-size:10.5px;color:#8c99ae}
.field.span{grid-column:1/-1}
.section-note{font-size:11.5px;color:#7888a2;line-height:1.75;margin:13px 0 0}
.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.preview-header h2{font-size:17px;letter-spacing:-.025em;margin:0}
.ready{font-size:11px;color:#66809c}
.preview-box{border:1px solid #e2e9f5;border-radius:13px;overflow:auto;max-height:345px;margin-top:14px}
table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}
thead{position:sticky;top:0;background:#f5f8fe;z-index:1}
th{color:#7183a0;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;padding:12px 12px}
td{padding:12px;font-size:12px;color:#4c6282;border-top:1px solid #ebeff7;word-break:break-word}
td:first-child{font-weight:780;color:#263c64}
td.file-target{color:#3159bd}
td.actions{white-space:nowrap;text-align:right}
.tiny{border:1px solid #e2e8f4;background:#fff;color:#4b6393;border-radius:7px;padding:3px 7px;font-size:14px;line-height:1.35;margin-left:3px}
.tiny:hover{background:#eef3ff}
.empty{border:1px solid #e6ecf6;border-radius:12px;background:#fafcff;padding:22px;text-align:center;color:#94a2b7;font-size:12px;margin-top:14px}
.action-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:19px}
.progress-box{margin-top:15px}
.progress-label{display:flex;justify-content:space-between;align-items:center;color:#5874a7;font-size:11px;font-weight:750;margin-bottom:6px}
progress{width:100%;height:10px;accent-color:#365bdc}
.status{margin-top:14px;padding:12px 14px;background:#eef4ff;border:1px solid #deebfc;border-radius:11px;font-size:12px;color:#3c5b98}
.status:empty{display:none}
.status.error{background:#fff1ef;border-color:#f5d8d3;color:#ac3937}
.status.success{background:#effbf5;border-color:#caead9;color:#147356}
.side-panel h2{font-size:16px;letter-spacing:-.03em;margin:0 0 11px}
.side-panel p,.side-panel li{color:#657791;font-size:12px;line-height:1.8}
.side-panel ol{padding-left:19px;margin:0 0 24px}
.side-panel li{margin-bottom:10px}
.side-panel a{display:block;padding:11px 0;border-bottom:1px solid #e9edf6;font-size:12px;font-weight:750}
.side-panel .privacy{background:#edf6ff;color:#516f91;padding:13px;border-radius:11px;margin-top:16px}
footer{background:#11203d;color:#c3cfe3;padding:22px 0}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px}
footer a{color:#c3d4ef}
@media(max-width:990px){.layout{grid-template-columns:1fr}.side-panel{position:static}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.header-row{min-height:67px;gap:10px}.logo{font-size:24px}.site-head nav{gap:12px}.site-head nav a{font-size:10px}.hero{padding:36px 0 22px}.hero h1{font-size:39px}.hero p{font-size:13px}.main-panel{padding:17px;border-radius:15px}.dropzone{padding:17px;gap:11px}.upload-icon{height:42px;width:42px;font-size:23px}.controls{grid-template-columns:1fr}.field.span{grid-column:1}.side-panel{display:none}}