.app{width:min(950px,100% - 32px);margin:0 auto;padding:40px 0}.header{text-align:center;margin-bottom:28px}.eyebrow{color:#315bea;letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-block}.header h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,5vw,42px)}.header p{color:#667085;max-width:650px;margin:12px auto 0;line-height:1.65}.card{background:#fff;border:1px solid #e2e7ef;border-radius:15px;margin-bottom:18px;padding:22px;box-shadow:0 3px 12px #1b2b4a08}.uploadBox{cursor:pointer;text-align:center;color:#344054;border:2px dashed #b4bfd0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:175px;display:flex}.uploadBox:hover{background:#f7f9ff;border-color:#315bea}.uploadBox input{display:none}.uploadIcon{color:#315bea;background:#edf1ff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:27px;display:grid}.uploadBox span:last-of-type{color:#667085;font-size:13px}.fileInfo{background:#f6f7fa;border-radius:9px;justify-content:space-between;gap:15px;margin-top:16px;padding:13px;display:flex}.fileName,.pageCount{flex-direction:column;gap:4px;display:flex}.fileName{overflow-wrap:anywhere;min-width:0}.fileInfo span{color:#667085;font-size:13px}.pageCount{text-align:right;flex-shrink:0}.sectionHeading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.sectionHeading h2,.outputCard h2{margin:0 0 6px;font-size:19px}.sectionHeading p,.outputCard p{color:#667085;margin:0;font-size:13px;line-height:1.6}.percentBadge{color:#315bea;white-space:nowrap;background:#edf1ff;border-radius:9px;padding:10px 13px;font-weight:800}.badgeGroup{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.autoDetectBadge{color:#1e7e34;background:#edf8f0;border:1px solid #c8e6c9;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.autoDetectBadge.secondaryBadge{color:#2752cf;background:#f0f4ff;border-color:#d1dcf9}.sliderContainer{margin-bottom:16px}.optionCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;margin:18px 0;padding:14px 16px;display:flex}.checkboxLabel{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkboxLabel input[type=checkbox]{accent-color:#315bea;cursor:pointer;width:18px;height:18px;margin-top:3px}.checkboxLabel strong{color:#1d2939;margin-bottom:2px;font-size:14px;display:block}.checkboxLabel p{color:#667085;margin:0;font-size:12px;line-height:1.5}.subOption{color:#475467;align-items:center;gap:10px;padding-left:30px;font-size:13px;display:flex}.subOption input{text-align:center;border:1px solid #ccd4e0;border-radius:6px;width:60px;padding:6px 8px}.excludedLineIndicator{color:#b03a3a;letter-spacing:.05em;opacity:.85;margin-bottom:4px;font-size:10px}.range{accent-color:#315bea;cursor:pointer;width:100%}.rangeLabels{color:#98a2b3;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.cropInput{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;font-size:14px;display:flex}.cropInput input{border:1px solid #ccd4e0;border-radius:8px;width:80px;padding:9px}.cropInput span{color:#667085}.cropDiagram{background:#fff;border:1px solid #aeb9c9;width:min(300px,100%);height:420px;margin:20px auto;position:relative;overflow:hidden;box-shadow:0 5px 18px #1b2b4a12}.diagramKeep{color:#26733a;text-align:center;background:#e9f6ec;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;inset:0 0 auto}.diagramKeep strong,.diagramRemove strong{letter-spacing:.06em;font-size:12px}.diagramKeep span,.diagramRemove span{font-size:11px}.diagramRemove{color:#a33b3b;background:#faeaea;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:50% 0 0}.diagramLine{z-index:2;border-top:2px dashed #dc4141;position:absolute;left:0;right:0}.diagramLine span{color:#fff;background:#dc4141;border-radius:4px;padding:4px 6px;font-size:10px;position:absolute;top:4px;right:5px}.hint{color:#667085;font-size:12px;line-height:1.6}.fitModeCardSection{flex-direction:column;gap:12px;display:flex}.fitModeOptions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.fitModeOption{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.fitModeOption:hover{background:#f8fafc;border-color:#cbd5e1}.fitModeOption.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.fitModeOption input[type=radio]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:17px;height:17px;margin-top:3px}.fitModeOption strong{color:#1e293b;margin-bottom:2px;font-size:14px;display:block}.fitModeOption span{color:#64748b;font-size:12px;line-height:1.45;display:block}.outputCard{justify-content:space-between;align-items:center;gap:20px;display:flex}.outputCard ul{color:#526078;padding-left:20px;font-size:13px;line-height:1.9}.labelIcon{border:2px solid #8b9ab0;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:105px;height:158px;display:flex}.labelIcon strong{font-size:25px}.labelIcon span{color:#667085;font-size:10px}.convertButton{color:#fff;cursor:pointer;background:#315bea;border:0;border-radius:11px;width:100%;padding:16px;font-size:15px;font-weight:800}.convertButton:hover:not(:disabled){background:#2448c8}.convertButton:disabled{opacity:.55;cursor:not-allowed}.readyDownloadCard{background:#f6fbf7;border:1.5px solid #a3cfbb;flex-direction:column;gap:14px;margin-top:18px;display:flex}.readyHeader{align-items:center;gap:12px;display:flex}.readyCheck{color:#fff;background:#1e7e34;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid}.readyHeader strong{color:#155724;word-break:break-all;font-size:15px;display:block}.readyHeader span{color:#667085;font-size:12px}.actionButtonsRow{gap:12px;width:100%;display:flex}.printFileButton{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:800;transition:background .15s,transform .1s;display:flex;box-shadow:0 4px 12px #2563eb40}.printFileButton:hover{background:#1d4ed8}.saveFileButton{color:#fff;cursor:pointer;background:#1e7e34;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:800;transition:background .15s;display:flex;box-shadow:0 4px 12px #1e7e3433}.saveFileButton:hover{background:#176529}.previewSection{flex-direction:column;align-items:center;gap:10px;margin:8px 0 12px;display:flex}.previewTitle{color:#334155;letter-spacing:.04em;font-size:13px;font-weight:700}.previewContainer{background:#fff;border:2px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:216px;height:324px;padding:4px;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000014}.previewImage{object-fit:contain;width:100%;height:100%;display:block}.saveHelp{text-align:center;color:#667085;margin:0;font-size:12px}.progressCard{margin-top:16px}.progressTrack{background:#e8ecf3;border-radius:99px;height:9px;overflow:hidden}.progressBar{background:#315bea;height:100%;transition:width .15s}.progressInfo{color:#667085;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;display:flex}.statusMessage,.errorMessage{overflow-wrap:anywhere;border-radius:9px;margin-top:15px;padding:14px;font-size:14px;line-height:1.5}.statusMessage{color:#216b34;background:#eaf7ed}.errorMessage{color:#a52b2b;background:#fff0f0}footer{text-align:center;color:#98a2b3;margin-top:25px;font-size:12px;line-height:1.6}.printOnlyContainer{display:none}@media print{@page{size:4in 6in;margin:0}html,body{color:#000!important;background:#fff!important;width:4in!important;height:6in!important;margin:0!important;padding:0!important}#root,.app{width:4in!important;max-width:4in!important;margin:0!important;padding:0!important}.header,.card,.uploadBox,.fileInfo,.sectionHeading,.badgeGroup,.sliderContainer,.cropInput,.cropDiagram,.hint,.outputCard,.convertButton,.progressCard,.readyDownloadCard,.statusMessage,.errorMessage,footer{display:none!important}.printOnlyContainer{margin:0!important;padding:0!important;display:block!important}.printLabelPage{page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:4in!important;height:6in!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.printLabelPage img{object-fit:fill!important;width:100%!important;height:100%!important;display:block!important}}@media (width<=600px){.app{width:calc(100% - 20px);padding-top:24px}.card{padding:16px}.actionButtonsRow{flex-direction:column}.outputCard{align-items:flex-start}.labelIcon{width:75px;height:113px}.labelIcon strong{font-size:19px}.cropDiagram{height:360px}}*{box-sizing:border-box}html{min-width:320px}body{color:#172033;background:#f3f5f9;min-width:320px;min-height:100vh;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input{font:inherit}#root{min-height:100vh}
