*{box-sizing:border-box}body{color:var(--text,#202632);background:var(--canvas,#fff);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--focus,#3576e5);outline-offset:4px}h1,h2,h3,p{word-break:keep-all;overflow-wrap:break-word}h1,h2,h3{line-height:1.3}button{transition:background-color .12s,transform .12s}button:active:not(:disabled){transform:translateY(1px)}.product-header{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;height:76px;margin:auto;padding:0 32px;display:flex}.product-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:19px;font-weight:650;display:flex}.product-brand img{width:28px;height:28px}.language-link{color:#626a77;padding:10px 0;font-size:14px}.product-footer{color:#757d88;border-top:1px solid #edf0f3;justify-content:space-between;gap:20px;max-width:1140px;margin:48px auto 0;padding:24px 0 32px;font-size:13px;display:flex}.focus-link{z-index:100;background:#fff;padding:10px;position:absolute;top:-70px;left:16px}.focus-link:focus{top:10px}.brand-mark{object-fit:contain;flex-shrink:0}.brand-wordmark{letter-spacing:-.03em}.form-error{color:#b42332}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.product-header{height:64px;padding:0 20px}.product-brand{font-size:18px}.product-footer{flex-wrap:wrap;margin:32px 20px 0;padding:24px 0}.language-link{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--text:#242823;--muted:#62675f;--canvas:#faf9f6;--accent:#a53e2c;--line:#dedfd8;--focus:#a53e2c;--radius:10px;--space:8px}.editor{max-width:1140px;margin:36px auto 0;padding:0 24px}.intro{margin-bottom:28px}.intro h1{letter-spacing:-.045em;max-width:850px;margin:0 0 12px;font-size:clamp(28px,3.4vw,40px)}.intro p,.hint,.privacy{color:var(--muted);font-size:14px}.file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.dropzone{text-align:center;background:#fff;border:1px dashed #c5bdb0;border-radius:12px;padding:40px 24px}.dropzone h2{margin:18px 0 6px;font-size:21px}.dropzone p{color:var(--muted);font-size:14px}.dropzone small{color:var(--muted);margin-top:14px;display:block}.paper-sample{text-align:left;background:#faf9f6;border:1px solid #cec7bd;width:58px;height:72px;margin:auto;padding:8px}.paper-sample span{color:var(--accent);font:12px monospace}.paper-sample i{background:#d8d3ca;height:2px;margin-top:7px;display:block}.paper-sample i:last-child{width:65%}button,.download{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:7px;min-height:42px;padding:10px 14px;font-size:14px;font-weight:600}button:hover:not(:disabled){background:#f1eee8}button:disabled{opacity:.45}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#852f20}.wide{width:100%;margin-top:20px}.workbench{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:32px;display:grid}.toolbar,.selection-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar strong{margin-right:auto}.selection-bar{border-bottom:1px solid var(--line);margin-top:16px;padding-bottom:12px;font-size:13px}.selection-bar button{background:0 0;border:0;padding:8px;font-size:12px}.selection-bar span{margin-right:auto}.page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.page-item{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:10px}.page-item.selected{border-color:#ae705e;box-shadow:inset 0 0 0 1px #ae705e}.page-label{align-items:center;gap:6px;font-size:12px;display:flex}.page-label input{accent-color:var(--accent);width:18px;height:18px}.thumbnail{background:#f3f2ef;justify-content:center;align-items:center;height:174px;margin-top:10px;padding:16px 4px;display:flex;overflow:hidden}.thumbnail img{object-fit:contain;max-width:100%;max-height:100%}.page-item p{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:8px 0;font-size:11px;overflow:hidden}.page-actions{gap:4px;display:flex}.page-actions button{flex:1;padding:6px;font-size:20px}.export-panel{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:22px}.export-panel h2{margin:0 0 22px;font-size:19px}.export-panel label{margin:16px 0;font-size:13px;font-weight:600;display:block}.export-panel input:not([type=checkbox]),select{width:100%;color:var(--text);background:#fff;border:1px solid #bfc4bc;border-radius:6px;min-height:44px;margin-top:6px;padding:10px;display:block}.export-panel .check-row{align-items:flex-start;gap:8px;line-height:1.6;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.compression{background:#fbf3ed;border-radius:6px;padding:1px 12px}.compression p,.result p{font-size:12px;line-height:1.65}.hint{line-height:1.6}.result{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.result h3{font-size:16px}.file-size{font-size:26px}.download{text-align:center;overflow-wrap:anywhere;display:block}.preview-link{text-align:center;margin-top:14px;font-size:13px;text-decoration:underline;display:block}.status{overflow-wrap:anywhere;align-items:center;gap:15px;margin-top:18px;font-size:14px;display:flex}.error{color:#9b251b;background:#fff0ec;border-left:3px solid #9b251b;padding:16px}.privacy{max-width:800px;font-size:12px;line-height:1.8}.comparison{margin-top:32px}.comparison h2{font-size:20px}.comparison p{color:var(--muted);font-size:13px}.comparison>div{grid-template-columns:1fr 1fr;gap:20px;display:grid}.comparison figure{min-width:0;margin:0}.comparison img{border:1px solid var(--line);width:100%}.comparison figcaption{margin-bottom:8px;font-size:13px}:is(input:focus-visible,select:focus-visible){outline:2px solid var(--accent);outline-offset:3px}@media (max-width:800px){.workbench{grid-template-columns:1fr}.export-panel{max-width:none}.editor{margin-top:26px;padding:0 20px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumbnail{height:160px}.comparison>div{gap:10px}}@media (min-width:801px){.export-panel{position:sticky;top:24px}}.license-link{color:var(--muted);font-size:11px;text-decoration:underline}