.restore-heading-icon{color:#9d79e2;background:#f0eaff}.restore-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;display:grid}.restore-previews{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.restore-preview{background:#fff;border:1px solid #e7edf5;border-radius:15px;min-width:0;overflow:hidden}.restore-preview>header{color:#788aa5;box-sizing:border-box;border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:9px;min-height:52px;padding:16px 15px;font-size:10px;display:flex}.restore-preview>header>span{align-items:center;gap:6px;display:flex}.restore-preview>header button,.restore-preview>footer button{color:#8cace0;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:9px;display:flex}.restore-preview>header label{color:#a1adc0;align-items:center;gap:3px;font-size:9px;display:flex}.restore-preview input[type=checkbox]{accent-color:#3677f5}.restore-source-canvas,.restore-result-canvas{box-sizing:border-box;background-color:#f9fbfe;background-image:radial-gradient(#cfd8e7 .6px,#0000 .6px);background-size:12px 12px;justify-content:center;align-items:center;min-height:335px;padding:14px;display:flex;position:relative}.restore-source-canvas canvas,.restore-result-canvas canvas{object-fit:contain;max-width:100%;max-height:430px;box-shadow:0 5px 20px #667b9d1a}.restore-source-canvas canvas{cursor:crosshair;touch-action:none}.restore-result-canvas canvas{image-rendering:pixelated}.restore-preview>footer{color:#a1aec1;box-sizing:border-box;border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:13px 14px;font-size:8px;line-height:1.6;display:flex}.restore-result-canvas>p{color:#9ba8bd;text-align:center;padding:15px;font-size:11px;line-height:1.9}.restore-calculating{color:#a08f5a;background:#fffdf0;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex;position:absolute;bottom:13px;right:13px;box-shadow:0 3px 10px #26354f10}.restore-explanation{color:#a2b1c6;grid-column:1/-1;align-items:flex-start;gap:10px;padding:3px 8px;display:flex}.restore-explanation>svg{color:#91a7c7;flex-shrink:0;margin-top:3px}.restore-explanation p{margin:0;font-size:10px;line-height:1.9}.restore-explanation a{color:#648fcf}.restore-setting-title{color:#657895;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;font-weight:550;display:flex}.restore-setting-title>span{color:#7c9dce;background:#edf3ff;border-radius:6px;place-items:center;width:18px;height:18px;font-size:9px;font-weight:500;display:grid}.restore-setting-title>small{color:#b0bcd0;margin-left:auto;font-size:9px;font-weight:400}.restore-number-pair{grid-template-columns:1fr 1fr;gap:11px;display:grid}.restore-number-pair>label{color:#9aa8bd;flex-direction:column;gap:7px;font-size:9px;display:flex}.restore-number-pair input{box-sizing:border-box;color:#617793;background:#fcfdff;border:1px solid #e4eaf3;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 10px;font-size:12px}.restore-number-pair input:focus,.restore-select-label select:focus{border-color:#9ebcf1;box-shadow:0 0 0 3px #f2f7ff}.restore-select-label{color:#95a5bc;flex-direction:column;gap:8px;margin-bottom:14px;font-size:9px;display:flex}.restore-select-label select{font:inherit;color:#6a809e;cursor:pointer;background:#fcfdff;border:1px solid #e4eaf3;border-radius:8px;outline:none;max-width:100%;padding:10px 8px;font-size:10px}.restore-settings .converter-field-hint{margin:12px 0 20px;font-size:9px;line-height:1.8}.restore-settings>.converter-title-label{font-size:10px}.restore-color-strip{max-height:70px;margin:15px 0 20px;overflow:auto}.restore-color-strip>span{width:15px;height:15px}.restore-validation{color:#bc8654;background:#fff3e8;border-radius:8px;margin-bottom:16px;padding:9px 11px;font-size:10px;line-height:1.8}@media (max-width:1250px){.restore-previews{grid-template-columns:1fr}.restore-source-canvas,.restore-result-canvas{min-height:250px}.restore-source-canvas canvas,.restore-result-canvas canvas{max-height:360px}.restore-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.restore-settings{padding:22px 17px}}@media (max-width:700px){.restore-workspace{grid-template-columns:1fr}.restore-previews{grid-template-columns:1fr 1fr;gap:10px}.restore-preview>header{flex-wrap:wrap;padding:12px 9px;font-size:8px}.restore-preview>header svg{width:12px}.restore-preview>header button{font-size:8px}.restore-source-canvas,.restore-result-canvas{min-height:200px;padding:8px}.restore-source-canvas canvas,.restore-result-canvas canvas{max-height:270px}.restore-preview>footer{flex-wrap:wrap;padding:10px;font-size:7px}.restore-preview>footer button{font-size:8px}.restore-settings{padding:23px}.restore-settings h2{margin-bottom:22px}.restore-number-pair{gap:15px}.restore-number-pair input{padding:11px;font-size:13px}.restore-select-label select{padding:12px;font-size:11px}.restore-explanation{padding-top:8px}.restore-calculating{padding:5px;font-size:7px;bottom:5px;right:5px}}@media (max-width:420px){.restore-previews{grid-template-columns:1fr}.restore-source-canvas,.restore-result-canvas{min-height:230px}}.restore-steps{color:#a7b4c7;justify-content:center;gap:45px;margin:35px 0;padding:0;list-style:none;display:flex}.restore-steps button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:12px;display:flex}.restore-steps li.active{color:#4b87d2}.restore-steps span{background:#eaf0f8;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.restore-steps .active span{color:#fff;background:#397fde}.restore-phase-0{max-width:960px;margin-left:auto;margin-right:auto}.restore-phase-1 .restore-previews{display:block}.restore-phase-1 .restore-previews>.restore-preview:nth-child(2){display:none}.restore-phase-1 .restore-source-canvas{min-height:450px}.restore-phase-1 .restore-source-canvas canvas{max-height:580px}.restore-phase-1 .restore-explanation{margin-top:20px}.restore-phase-1 .restore-settings{border-radius:17px}.restore-settings>.brand-selector{margin-bottom:18px}.restore-review{background:#fff;border:1px solid #e4ecf7;border-radius:22px;overflow:hidden}.restore-review>header{border-bottom:1px solid #e9eff7;align-items:center;gap:15px;padding:18px 24px;display:flex}.restore-review h2{color:#667f9f;margin:0 auto;font-size:15px}.restore-review>header button{color:#8da6c9;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.restore-review>header label{color:#a5b3c8;align-items:center;gap:6px;font-size:10px;display:flex}.restore-review-content{grid-template-columns:minmax(0,1fr) 280px;min-height:520px;display:grid}.restore-review-canvas{background:#f6f9fd;justify-content:center;align-items:center;max-height:72vh;padding:30px;display:flex;overflow:auto}.restore-review-canvas canvas{max-width:100%;height:auto;image-rendering:pixelated;box-shadow:0 10px 40px #5f7d9d16}.restore-review-content>aside{border-left:1px solid #e6edf6;padding:25px 22px}.restore-review-content>aside h3{color:#5885b9;margin:0 0 7px;font-size:19px}.restore-review-content>aside>p{color:#9aadc6;margin-bottom:23px;font-size:11px}.restore-review-materials{grid-template-columns:1fr 1fr;gap:10px;max-height:230px;margin:22px 0;display:grid;overflow:auto}.restore-review-materials>div{align-items:center;gap:6px;min-width:0;display:flex}.restore-review-materials i{border:1px solid #00000010;border-radius:4px;width:16px;height:16px}.restore-review-materials strong{color:#7c94b1;font-size:9px;font-weight:500}.restore-review-materials span{color:#a6b6ca;margin-left:auto;font-size:8px}.restore-review-confirm{color:#8ea4c0;align-items:center;gap:7px;margin-bottom:18px;font-size:10px;line-height:1.6;display:flex}.restore-review-confirm input{accent-color:#337ad6}.restore-review-content .converter-primary{width:100%;font-size:11px}@media (max-width:850px){.restore-steps{gap:20px;margin:25px 0}.restore-steps button{gap:7px;font-size:10px}.restore-review-content{grid-template-columns:1fr}.restore-review-content>aside{border:0;border-top:1px solid #e6edf6}.restore-review-canvas{max-height:50vh}.restore-phase-1 .restore-source-canvas{min-height:280px}.restore-review>header{gap:9px;padding:14px}.restore-review>header h2{font-size:12px}.restore-review>header button,.restore-review>header label{font-size:8px}.restore-review-materials{grid-template-columns:repeat(3,1fr)}}.restore-phase-2>.restore-workspace{display:grid}.restore-phase-3>.restore-workspace,.restore-phase-1 .restore-crop-settings,.restore-phase-1 .restore-color-settings,.restore-phase-1 .restore-settings>.converter-title-label,.restore-phase-1 .restore-settings>.restore-color-strip{display:none}.restore-phase-2 .restore-grid-settings{background:#f5f8fd;border-radius:12px;margin-bottom:18px;padding:14px}.restore-phase-2 .restore-grid-settings .converter-field-hint{margin-bottom:0}.restore-phase-1 .restore-source-canvas canvas{cursor:default}.restore-phase-2 .restore-previews{display:block}.restore-phase-2 .restore-previews>.restore-preview:nth-child(2){display:none}.restore-phase-2 .restore-source-canvas{min-height:450px}.restore-phase-2 .restore-source-canvas canvas{max-height:580px}.restore-phase-2 .restore-explanation{margin-top:20px}.restore-phase-1 .restore-settings>.converter-primary{margin-top:22px}.restore-steps{gap:30px}@media (max-width:700px){.restore-steps{justify-content:space-between;gap:8px}.restore-steps button{gap:4px;font-size:8px}.restore-steps span{width:21px;height:21px;font-size:9px}.restore-phase-2 .restore-source-canvas{min-height:280px}.restore-phase-2>.restore-workspace{grid-template-columns:1fr}}.tool-flow .restore-page>.converter-upload.is-dragging{background:#edf5ff;border-color:#005cbe}
.tool-flow{background:var(--bg);min-height:100dvh;padding-top:64px;position:relative}.tool-flow:before{content:"";background:var(--surface);border-bottom:1px solid var(--border);height:64px;position:absolute;top:0;left:0;right:0}.tool-flow-back{z-index:3;position:absolute;top:12px;left:20px}.tool-flow .ocr-page{max-width:1120px;margin:0 auto;padding:24px}.tool-flow .ocr-converter{max-width:none;margin:0}.tool-flow .ocr-steps,.tool-flow .restore-steps{justify-content:center;align-items:center;gap:28px;height:64px;margin:0;padding:0;position:absolute;top:0;left:80px;right:80px}.tool-flow .ocr-steps li,.tool-flow .restore-steps li{font-size:12px;line-height:20px}.tool-flow .ocr-steps button,.tool-flow .restore-steps button{gap:8px;font-size:12px}.tool-flow .ocr-steps span,.tool-flow .restore-steps span{width:24px;height:24px;font-size:11px}.tool-flow .ocr-steps .active span,.tool-flow .restore-steps .active span{background:#005cbe}.tool-flow .restore-page{max-width:1120px;margin:0 auto;padding:24px}.tool-flow .restore-page>.converter-back,.tool-flow .restore-page>.converter-heading,.tool-flow .restore-page>.converter-tips,.tool-flow .ocr-phase-0 .ocr-quota-banner,.tool-flow .ocr-phase-0 .ocr-notice{display:none}.tool-flow .ocr-upload-stage{max-width:640px;margin:72px auto 40px}.tool-flow .ocr-upload-stage>.ocr-upload{background:var(--surface);min-height:360px;color:var(--text);border:2px dashed #dce5f0;border-radius:28px;padding:40px 24px}.tool-flow .ocr-upload-stage .ocr-upload strong{color:var(--text);font-size:22px}.tool-flow .ocr-upload-stage .ocr-upload>b{background:#005cbe;border-radius:14px;padding:12px 36px}.tool-flow .ocr-upload-stage .ocr-upload>svg{color:#005cbe;background:#edf5ff;border-radius:24px;width:80px;height:80px;padding:22px}.tool-flow .ocr-upload-stage>p{color:#97a8bf;margin:22px 0;font-size:12px}.tool-flow .restore-phase-0>.converter-upload{background:var(--surface);border:2px dashed #dce5f0;border-radius:28px;max-width:640px;min-height:390px;margin:72px auto 40px;padding:42px 24px}.tool-flow .restore-page .converter-upload h2{color:var(--text);margin:20px 0 12px;font-size:24px;line-height:32px}.tool-flow .restore-page .converter-upload p{color:#97a8bf;font-size:14px}.tool-flow .restore-page .converter-upload small{color:#a5b3c4;font-size:11px}.tool-flow .restore-page .converter-upload-art{width:88px;height:88px;margin:0 auto}.tool-flow .restore-page .converter-art-square,.tool-flow .restore-page .converter-upload-art>span{display:none}.tool-flow .restore-page .converter-art-icon{color:#005cbe;background:#edf5ff;border-radius:24px;width:88px;height:88px;position:static;transform:none}.tool-flow .converter-primary{box-shadow:none;background:#005cbe;border:0;border-radius:14px;padding:12px 24px;font-size:13px}.tool-flow .restore-settings{background:var(--surface)}.tool-flow .restore-preview{border-radius:20px}.tool-flow .converter-error{margin-top:0}.tool-flow .ocr-stage-settings>h2{font-size:18px}@media (max-width:767px){.tool-flow{padding-top:56px}.tool-flow:before{height:56px}.tool-flow-back{top:8px;left:8px}.tool-flow .ocr-steps,.tool-flow .restore-steps{justify-content:space-around;gap:12px;height:56px;left:56px;right:12px}.tool-flow .ocr-steps li,.tool-flow .restore-steps li{font-size:9px}.tool-flow .ocr-steps button,.tool-flow .restore-steps button{flex-direction:row;gap:3px;font-size:9px}.tool-flow .ocr-steps span,.tool-flow .restore-steps span{flex-shrink:0;width:19px;height:19px;font-size:9px}.tool-flow .ocr-page,.tool-flow .restore-page{padding:16px}.tool-flow .ocr-upload-stage,.tool-flow .restore-phase-0>.converter-upload{margin:24px auto}.tool-flow .ocr-upload-stage>.ocr-upload{padding:35px 18px}.tool-flow .ocr-upload-stage .ocr-upload strong{font-size:20px}.tool-flow .restore-page .converter-upload h2{font-size:21px}.tool-flow .restore-page .converter-upload p{font-size:12px}}@media (max-width:420px){.tool-flow .ocr-steps button{flex-direction:column;gap:2px;font-size:8px;line-height:12px}.tool-flow .restore-steps{gap:4px}.tool-flow .restore-steps button{flex-direction:column;font-size:8px}}