:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef2f5;color:#17212b;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--surface: #ffffff;--surface-2: #f6f8fb;--surface-3: #e9eef4;--text: #17212b;--muted: #637080;--border: #d7e0ea;--teal: #0ea5a4;--teal-dark: #087f82;--indigo: #3447c6;--amber: #c98217;--danger: #b42318;--shadow: 0 18px 42px rgba(42, 58, 78, .12)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0}.app{min-height:100vh;background:linear-gradient(180deg,#ffffffdb,#eef2f5f5 36%),radial-gradient(circle at 15% 10%,rgba(14,165,164,.09),transparent 28%),#eef2f5;padding:18px}.topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto 16px;max-width:1480px}.brand{align-items:center;display:inline-flex;gap:10px;min-width:0}.brand__mark{align-items:center;background:#17212b;border-radius:8px;color:#fff;display:inline-flex;font-size:13px;font-weight:800;height:36px;justify-content:center;width:36px}.brand strong,.brand small{display:block;line-height:1.15}.brand strong{font-size:15px;letter-spacing:0}.brand small{color:var(--muted);font-size:12px;margin-top:3px}.topbar__status{display:flex;gap:8px;justify-content:flex-end}.status{align-items:center;background:#ffffffc2;border:1px solid var(--border);border-radius:8px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:700;min-height:32px;padding:0 10px}.status--error{border-color:#b4231847;color:var(--danger)}.sample-button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;font-size:12px;font-weight:850;gap:7px;min-height:32px;padding:0 10px}.sample-button:hover{border-color:#0ea5a466;color:var(--teal-dark)}.workspace{display:grid;gap:16px;grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(250px,290px);margin:0 auto;max-width:1480px}.panel,.preview-stage{background:#ffffffe0;border:1px solid rgba(215,224,234,.92);border-radius:8px;box-shadow:var(--shadow)}.panel{min-width:0;padding:16px}.panel__header,.preview-stage__bar{align-items:center;display:flex;gap:12px;justify-content:space-between}.panel__kicker{color:var(--teal-dark);display:block;font-size:11px;font-weight:800;letter-spacing:0;line-height:1;margin-bottom:5px}h1,h2{color:var(--text);line-height:1.1;margin:0}h1{font-size:20px;max-width:min(58vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h2{font-size:18px}.icon-button{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.icon-button:hover{color:var(--indigo)}.segmented{background:#edf3f7;border:1px solid var(--border);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin:18px 0;padding:4px}.segmented button{background:transparent;border-radius:6px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;min-height:32px}.segmented button.is-selected{background:#fff;box-shadow:0 4px 14px #2535481a;color:var(--text)}.segmented button:disabled{cursor:not-allowed;opacity:.46}.preserve-color-button{align-items:center;background:#fff8eb;border:1px solid #ead5ad;border-radius:8px;color:#745328;cursor:pointer;display:inline-flex;font-size:13px;font-weight:840;gap:8px;justify-content:center;margin-bottom:18px;min-height:38px;padding:0 12px;width:100%}.preserve-color-button.is-active{background:#1f2937;border-color:#1f2937;color:#fff}.control-stack{display:grid;gap:15px}.slider-control{display:grid;gap:8px}.slider-control__top{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:800;gap:10px;justify-content:space-between}.slider-control__top span{align-items:center;display:inline-flex;gap:7px;min-width:0}.slider-control__top strong{color:var(--text);font-size:12px}.slider-control.is-disabled,.toggle-row.is-disabled{cursor:not-allowed;opacity:.48}input[type=range]{accent-color:var(--teal);cursor:pointer;width:100%}input[type=range]:disabled{cursor:not-allowed}.toggle-list{border-top:1px solid var(--border);display:grid;gap:4px;margin-top:18px;padding-top:14px}.toggle-row{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:13px;font-weight:760;gap:10px;justify-content:space-between;min-height:36px}.toggle-row__label{align-items:center;display:inline-flex;gap:8px;min-width:0}.toggle-row input{height:1px;opacity:0;position:absolute;width:1px}.switch{background:#cfd8e2;border-radius:999px;display:inline-flex;flex:0 0 auto;height:22px;position:relative;transition:background .16s ease;width:38px}.switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 7px #17212b3d;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .16s ease;width:18px}.toggle-row input:checked+.switch{background:var(--teal)}.toggle-row input:checked+.switch:after{transform:translate(16px)}.toggle-row input:disabled+.switch{background:#d8dee8}.rotate-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr .8fr;margin-top:16px}.rotate-actions button,.secondary-button,.primary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:820;gap:7px;justify-content:center;min-height:38px;padding:0 12px}.rotate-actions button{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.preview-stage{display:grid;gap:14px;min-width:0;padding:16px}.preview-stage__bar{min-height:46px}.canvas-shell{align-items:center;background:linear-gradient(135deg,rgba(215,224,234,.58) 25%,transparent 25%) 0 0 / 22px 22px,linear-gradient(225deg,rgba(215,224,234,.45) 25%,transparent 25%) 0 0 / 22px 22px,#dfe6ee;border:1px solid #c8d3df;border-radius:8px;display:flex;justify-content:center;min-height:610px;overflow:hidden;padding:26px;position:relative}.canvas-shell.has-image{background:linear-gradient(180deg,#ffffff85,#e9eef457),#dfe6ee}.empty-canvas{align-items:center;color:var(--muted);display:grid;gap:18px;justify-items:center;width:min(420px,100%)}.drop-zone{align-items:center;background:#fff;border:1px dashed #9eb0c5;border-radius:8px;color:var(--text);cursor:pointer;display:grid;gap:8px;justify-items:center;min-height:142px;padding:18px;width:100%}.drop-zone input{display:none}.drop-zone.is-compact{align-items:center;border-style:solid;display:inline-flex;gap:8px;justify-content:center;min-height:36px;padding:0 12px;width:auto}.drop-zone.is-dragging{border-color:var(--teal);box-shadow:0 0 0 4px #0ea5a424}.drop-zone__icon{align-items:center;background:#0ea5a41a;border-radius:8px;color:var(--teal-dark);display:inline-flex;height:44px;justify-content:center;width:44px}.drop-zone.is-compact .drop-zone__icon{background:transparent;height:auto;width:auto}.drop-zone__text{font-size:14px;font-weight:850;text-align:center}.drop-zone__meta{color:var(--muted);font-size:12px;font-weight:700}.comparison-frame{--compare: 48%;align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%;position:relative}.scan-image{background:#fff;border-radius:4px;box-shadow:0 18px 48px #17212b33;display:block;max-height:560px;max-width:min(100%,780px);object-fit:contain}.scan-image--processed{position:relative;z-index:1}.comparison-frame__before{bottom:0;clip-path:inset(0 calc(100% - var(--compare)) 0 0);left:0;overflow:hidden;position:absolute;top:0;z-index:2}.comparison-frame__before .scan-image{height:100%;max-height:none;max-width:none;object-fit:contain;width:auto}.comparison-frame__handle{align-items:center;background:#fff;border:1px solid rgba(23,33,43,.1);border-radius:999px;box-shadow:0 6px 16px #17212b2e;color:var(--indigo);display:inline-flex;height:30px;justify-content:center;left:var(--compare);position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;z-index:3}.comparison-frame__handle:before{background:#3447c6ad;bottom:-260px;content:"";left:50%;position:absolute;top:-260px;width:2px;z-index:-1}.processing-badge{align-items:center;background:#ffffffeb;border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;font-size:12px;font-weight:850;gap:7px;min-height:34px;padding:0 10px;position:absolute;right:14px;top:14px;z-index:4}.processing-badge svg{animation:spin .9s linear infinite}.processing-badge--still{color:var(--teal-dark)}.compare-control{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(120px,1fr) auto}.compare-control span{color:var(--muted);font-size:12px;font-weight:800}.export-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:18px}.primary-button{background:var(--teal);color:#fff}.primary-button:hover:not(:disabled){background:var(--teal-dark)}.secondary-button{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45}.stat-grid{display:grid;gap:8px;margin-top:16px}.output-stat{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;min-height:42px;padding:0 12px}.output-stat span{color:var(--muted);font-size:12px;font-weight:800}.output-stat strong{color:var(--text);font-size:12px;font-weight:850;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.quality-note{align-items:center;background:#c9821717;border:1px solid rgba(201,130,23,.22);border-radius:8px;color:#6e470a;display:flex;font-size:12px;font-weight:760;gap:8px;line-height:1.35;margin-top:14px;padding:10px}.history-block{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.history-block__title{align-items:center;color:var(--text);display:inline-flex;font-size:13px;font-weight:850;gap:8px;margin-bottom:10px}.history-strip{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.history-strip button{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;padding:2px}.history-strip button.is-active{border-color:var(--teal);box-shadow:0 0 0 3px #0ea5a41f}.history-strip img{border-radius:6px;height:100%;object-fit:cover;width:100%}.history-empty{color:var(--muted);font-size:12px;font-weight:750;grid-column:1 / -1}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){.workspace{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}.export-panel{grid-column:1 / -1}.history-strip{grid-template-columns:repeat(8,minmax(52px,1fr))}}@media (max-width: 820px){.app{padding:12px}.topbar{align-items:flex-start;gap:10px}.topbar__status{display:flex}.topbar__status .status{display:none}.workspace{grid-template-columns:1fr}.preview-stage{order:-1}.preview-stage__bar{align-items:flex-start;flex-direction:column}h1{max-width:100%;white-space:normal}.canvas-shell{min-height:440px;padding:14px}.scan-image{max-height:390px}.history-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}