:root{font-family:Sora,Manrope,Avenir Next,sans-serif;color:#0f1c26;background:radial-gradient(circle at 15% 0%,#bfdceb,#d8e9f1 38%,#c9dde8)}*{box-sizing:border-box}body{margin:0}.page{max-width:1120px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.hero{background:#edf7fb;border:1px solid #7fa6ba;border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr;gap:12px}.brand-title{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;color:#0f3a51}.brand-mark svg{width:48px;height:48px;stroke:currentcolor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}h1{margin:0;font-size:2.25rem;letter-spacing:-.02em}h2{margin:0 0 12px}h3{margin:0 0 10px}h4{margin:0 0 8px}.lede{margin:8px 0 0;color:#315261}.app-footer{margin-top:4px;border-top:1px solid #94b6c7;padding:14px 2px 6px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-brand,.footer-note{margin:0;color:#33576a;font-size:.85rem}.footer-brand{font-weight:700}.footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-link{border:1px solid #7ea2b4;background:#f7fcff;color:#1e526c;padding:6px 10px;border-radius:999px}.footer-link.active{background:#0f3a51;border-color:#0f3a51;color:#fff}.info-page{background:#f9fdff}.info-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-card{border:1px solid #b6ceda;border-radius:12px;padding:12px;background:#fff}.info-card h3,.info-card p{margin:0}.info-card h3{margin-bottom:6px}section{background:#fbfeff;border:1px solid #93b5c6;border-radius:16px;padding:16px}.tool-groups{display:grid;gap:14px}.tool-group{background:#fff;border:1px solid #a7c3d1;border-radius:12px;padding:12px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.tool-card{border:1px solid rgb(74 119 142 / 35%);border-radius:10px;padding:10px;background:linear-gradient(180deg,#ffffffd1,#ecf6fbb8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px #fff9;text-align:left;cursor:pointer}.tool-card:hover{border-color:#336685}.tool-card-head{display:flex;align-items:center;gap:8px}.tool-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#395a6a}.tool-icon svg{width:20px;height:20px;stroke:currentcolor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.meta{color:#456071;font-size:.85rem;margin:0}.jobs-list{display:flex;flex-direction:column;gap:10px}.empty{margin:0;color:#4b606c}.job-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #aac5d3;border-radius:10px;padding:10px;background:#fff}.job-title,.job-meta,.job-message{margin:0}.job-meta{color:#47606e}.job-message{margin-top:4px;font-size:.9rem}.job-controls{display:flex;gap:8px;align-items:center}.pill{border-radius:999px;padding:3px 10px;font-size:.82rem;border:1px solid transparent}.pill-neutral{background:#ece8e1;border-color:#cec2af}.pill-warning{background:#ffe4b5;border-color:#f4bc6a}.pill-success{background:#d5f2de;border-color:#6cbc89}.pill-danger{background:#f9d8d5;border-color:#dd7b72}button,.upload-btn,.primary-btn,select,input{border:1px solid #668ea4;border-radius:10px;padding:8px 12px;font:inherit;background:#fff}button,.upload-btn,.primary-btn{cursor:pointer}.primary-btn{background:#0f3a51;color:#fff;border-color:#0f3a51;text-decoration:none;text-align:center}.primary-btn[disabled]{opacity:.7;cursor:not-allowed}.banner{margin:0;border:1px solid #9dbfd0;background:#e8f4fa;border-radius:10px;padding:10px;color:#26475a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f0873;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.workflow-modal{width:min(1100px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:16px;border:1px solid #8fb1c2;background:#fbfeff;padding:16px;display:flex;flex-direction:column;gap:14px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.workflow-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.left-pane,.right-pane{border:1px solid #a7c2d0;border-radius:12px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:12px}.dropzone{border:2px dashed #6b95ab;border-radius:12px;min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;background:#f4fafd;text-align:center}.dropzone p{margin:0}#modal-upload-input{display:none}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-item{border:1px solid #b5ceda;border-radius:10px;padding:8px;display:flex;gap:10px;align-items:center}.row-actions{margin-top:6px;display:flex;gap:6px}.row-actions button{padding:4px 8px;font-size:.82rem}.page-order-actions{flex-wrap:wrap}.page-order-actions button{width:100%}.preview-image{width:68px;height:68px;object-fit:cover;border-radius:8px;border:1px solid #d2e1e8}.config-block{display:flex;flex-direction:column;gap:10px}.control{display:flex;flex-direction:column;gap:6px}.complete-box{border:1px solid #9dc2d3;background:#ebf6fc;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.complete-box.full{min-height:100%;justify-content:center}.pdf-pages-block{display:flex;flex-direction:column;gap:10px}.pdf-pages-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.toolbar-actions,.pdf-jump-row{display:flex;gap:8px}.pdf-jump-row input{width:130px}.pdf-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:360px;overflow:auto;padding-right:4px}.pdf-page-card{border:1px solid #b7cfda;border-radius:10px;padding:8px;background:#fff;display:flex;flex-direction:column;gap:6px;cursor:pointer}.pdf-page-card.selected{border-color:#174d68;background:#def1fb}.pdf-page-card input{width:auto;margin:0}.pdf-page-image{width:100%;height:140px;object-fit:contain;border:1px solid #d3e3ea;border-radius:8px;background:#fff}.extra-downloads{display:flex;flex-direction:column;gap:4px}.extra-downloads a{color:#1f5f7f;text-decoration:none}@media (max-width: 940px){.hero{padding:18px}.brand-mark{width:42px;height:42px}.brand-mark svg{width:38px;height:38px}h1{font-size:1.8rem}.workflow-layout{grid-template-columns:1fr}.job-row{flex-direction:column;align-items:flex-start}.job-controls{width:100%;flex-wrap:wrap}.app-footer{flex-direction:column;align-items:flex-start}.footer-links{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:thin}.footer-link{flex:0 0 auto;white-space:nowrap}}