:root{--ink:#142b45;--muted:#60738b;--line:#d9e3ee;--mint:#e5f4ed;--green:#176c55;--cream:#f3f6fb;--ddalkkak-badge-start:#176c55;--ddalkkak-badge-end:#2fa77f}
body{padding:16px 22px 0;background:var(--cream);color:var(--ink);line-height:1.6}h1,h2,h3,p{margin:0}a{text-underline-offset:3px}
.ddalkkak-header{max-width:1280px;margin:0 auto 16px;padding:20px;position:relative;background:linear-gradient(115deg,#edf5ff,#f8fbff 60%,#edf8f2);border:1px solid #d7e4ee;border-radius:18px;box-shadow:0 6px 18px #2e4c7010}
.app-logo{object-fit:contain}.series-label{color:#506b85;letter-spacing:1.3px}.brand{margin:0;gap:0}.brand>span:nth-child(2){white-space:nowrap;color:var(--ink)}.version{font-size:11px;letter-spacing:0;background:#fff3da;border:1px solid #efd49c;color:#946012;border-radius:999px;padding:5px 9px;margin-left:12px;font-weight:800;white-space:nowrap}.ddalkkak-header p{color:#354c63}.ddalkkak-header p span{font-weight:600}.header-links{position:absolute;right:20px;top:16px;display:flex;gap:14px;font-size:11px;color:#5a7187;font-weight:700}.header-links a{text-decoration:none}.header-links a:hover{text-decoration:underline}.header-status{position:absolute;right:20px;bottom:20px;background:#e9f8f2;border:1px solid #bce3d3;color:#176c55;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:800}.header-status svg{width:14px;height:14px}
main{max-width:1280px;margin:auto;padding:0 0 20px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.editor,.guide{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 7px 20px #28496d0b}.section-heading{gap:12px;margin-bottom:14px}.section-heading h2{font-size:18px;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;font-weight:850}.section-heading>span{font-size:12px;color:#71849a}.step-number{width:28px;height:28px;border-radius:100%;display:inline-grid;place-items:center;flex-shrink:0;background:#e6f4ee;color:#176c55;font-size:11px;font-weight:900}.task-description{font-size:13px;color:#566d83;margin:-6px 0 20px;line-height:1.75;word-break:keep-all}
.tool-tabs{background:#edf3f8;margin-bottom:20px}.tool-tabs a{font-size:13px;font-weight:700;color:#687e92}.tool-tabs .active{color:#176c55;box-shadow:0 2px 5px #1d483c12}.dropzone{background:linear-gradient(135deg,#f6faff,#f7fcf9);border-color:#adc7ba;padding:19px 12px}.dropzone.over{background:#e5f5ed}.upload-icon{margin-bottom:9px;width:38px;height:38px;display:grid;place-items:center;background:#e4f2eb;border-radius:10px;padding:7px;color:#27755a;font-size:22px}.dropzone h3{font-weight:800}.dropzone p{color:#687e92;margin:4px 0 13px}.file-button{border-color:#b9d0c5;color:#236c54;font-weight:800}.file-button:hover{background:#eef8f3}.dropzone small{color:#72869a;margin-top:11px}.empty-note{color:#6c8196;padding:18px 0}.empty-note span{color:#6f9b83}.action-area{padding-top:17px}.output-label{font-size:12px;color:#4b657e;font-weight:700;margin-bottom:6px}.filename{border-color:#cedbe5;margin-bottom:12px}.filename input{color:#2b4862;font-size:13px}.filename>span{color:#718399}.merge-button{background:linear-gradient(135deg,#176c55,#238363);border:1px solid #176c55;padding:13px 16px;font-weight:800;box-shadow:0 3px 8px #176c5514}.merge-button:hover:enabled{background:#12523f}.merge-button:disabled{background:#d7e1eb;border-color:#d7e1eb;color:#8190a0;box-shadow:none}#status,#clean-status{font-size:11px;color:#688099;text-align:center;margin-top:11px;word-break:keep-all}#status.error,#clean-status.error{color:#b14d3b}.download-again{font-weight:800}
.guide-kicker{font-size:11px;color:#55768a;font-weight:800;letter-spacing:.8px}.guide h2{font-size:23px;letter-spacing:-.8px;font-weight:850}.example{margin:20px 0 24px;padding:18px 16px 13px;background:#f0f7f3;border-color:#d7e7dc}.doc-label{color:#5c7767}.doc-label b{font-weight:600}.mint{background:#77a58f}.peach{background:#d4a47c}.pages>span{border-color:#c4d9cb;color:#617f6a;box-shadow:1px 2px 0 #d8e5db}.pages .blank{border-color:#8fb091;background:#f9fcf7;color:#688d67;box-shadow:none}.divider-label{color:#74917b}.peach-pages>span{border-color:#dfc9b4;color:#a17b56;box-shadow:1px 2px 0 #eadfd3}.example-caption{border-color:#d3e2d8;color:#6f8977}.example-caption strong{color:#376b4c}.benefits{gap:20px}.benefits li{gap:10px}.benefits li>span{font-weight:900;color:#548a70}.benefits strong{font-size:13px;font-weight:800}.benefits p{font-size:12px;color:#687f94;line-height:1.8}.privacy{gap:10px;border-color:#dce5ed;padding-top:20px;margin-top:23px}.privacy svg{color:#688b7b}.privacy p{font-size:12px;color:#38694e}.privacy p span{font-size:11px;color:#71849a}footer{gap:14px;margin-top:20px;padding:14px 4px 0;font-size:11px;color:#7b8da0;border:0}footer>span:first-child{font-weight:800;color:#506b82}footer a{color:#5a748b}footer>span:last-child{font-size:9px;letter-spacing:1px}
.list-heading{font-size:11px;color:#6f8297}.text-button{font-size:11px;color:#5d7d6d}.text-button:hover{text-decoration:underline}.file-row{border-color:#dbe5ec;background:#fbfdfe}.order{color:#70849a}.file-icon{background:#e8f3ed;color:#538368;font-weight:800}.file-name{font-size:13px;font-weight:750;color:#294860}.file-meta{font-size:11px;color:#74879a}.file-meta.error{color:#b14d3b}.chip{font-size:10px;background:#e5f4eb;color:#427958;border-radius:5px;font-weight:650}.chip.even{background:#edf2f6;color:#718398}.row-buttons{flex-direction:row}.row-buttons button{background:white;color:#5d7e6d;width:26px;height:29px;border-radius:5px}.row-buttons button:hover:enabled{background:#e8f3ec}.row-buttons button:disabled{opacity:.3}.summary{background:#eef7f2;border:1px solid #d7e9dd;padding:15px 5px}.summary span{font-size:11px;color:#658474}.summary strong{font-size:21px;color:#4f7b5e}.summary>b{color:#a2bda9}
.scan-button{background:#edf7f1;border-color:#bddbcb;color:#28674d}.scan-note{font-size:11px;color:#72879b}.review-notice{background:#fff9ed;color:#79653d;border:1px solid #eedfbf}.page-card .page-reason{color:#6c7f91}.page-card h3{font-size:11px;color:#304e67}.page-card label{font-size:12px}.page-card button{font-size:11px;color:#5f798e}.scan-print-note{color:#75899a;font-size:11px}.clean-summary{background:#eaf5ef;border:1px solid #cee4d7;font-weight:700}.clean-illustration{background:#edf6f1}.page-preview{background:#f8fbfe;border-color:#cedee9}.preview-heading button{color:#486579}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.editor,.guide{padding:20px}.version{display:none}.header-status,.header-links{font-size:10px}.header-links{gap:10px}}
@media(max-width:850px){.ddalkkak-header{padding:18px}.ddalkkak-header-copy{padding-right:0}.header-links{position:static;flex-basis:100%;margin-left:78px;gap:18px}.header-links .series-home{margin-left:0!important}.header-status{position:static;margin-left:78px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.guide{padding:18px}.guide h2{font-size:21px}}
@media(max-width:720px){body{padding:12px 12px 0}.workspace{grid-template-columns:1fr}.editor,.guide{padding:18px}.guide{margin-top:0}.ddalkkak-header{border-radius:14px}.section-heading{gap:8px}.section-heading h2{font-size:16px}.section-heading>span{font-size:10px}.task-description{font-size:12px}.dropzone h3{font-size:15px}.empty-note{font-size:10px}.file-name{font-size:12px}.file-meta{font-size:10px}.chip{font-size:9px}.row-buttons button{width:22px;height:30px}footer{flex-wrap:wrap;font-size:10px;gap:6px 12px;margin-top:12px}footer>span:last-child{display:none}.header-status{font-size:10px}.ddalkkak-header p span{display:block}.guide h2 br{display:none}}
