.erase-page{max-width:1320px;margin:auto;padding:32px 24px 64px}.erase-page header{margin-bottom:28px}.eyebrow{color:var(--brand);font-size:var(--font-sm);margin:24px 0 8px}.erase-page h1{font-size:var(--font-hero,var(--font-title));margin:0 0 12px}.subtitle,.note{color:var(--sub);line-height:1.7}.erase-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.erase-page .p-card{padding:24px;min-width:0}.workspace-heading,.view-tools,.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-heading{justify-content:space-between;margin-bottom:16px}.workspace-heading strong{overflow-wrap:anywhere;min-width:0;max-width:65%}.erase-stage{height:480px;position:relative;overflow:hidden;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--r-md)}#erase-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:0;background:transparent;font:inherit;width:100%;height:100%;text-align:center;color:var(--sub);padding:20px}#empty-state[hidden]{display:none}#empty-state>span[aria-hidden]{font-size:var(--font-title);color:var(--brand)}#empty-state strong{color:var(--ink);margin-top:12px}.view-tools{margin-top:14px;font-size:var(--font-sm)}.view-tools .note{margin-left:auto}.erase-panel h2{font-size:var(--font-lg);margin:0 0 20px}.mode-tabs{display:flex;gap:8px}.mode-tabs button{flex:1}.erase-panel [aria-pressed=true]{background:var(--tint);border-color:var(--brand);color:var(--brand-deep)}.erase-panel fieldset{border:0;padding:0;margin:20px 0}.erase-panel legend{font-size:var(--font-sm);margin-bottom:12px}.erase-panel label{display:flex;justify-content:space-between;margin:18px 0 8px}.erase-page input[type=range]{width:100%;accent-color:var(--brand);min-height:32px;cursor:pointer}.erase-panel output{font-weight:700;color:var(--brand-deep)}.main-action{width:100%;justify-content:center;text-align:center;display:flex;margin:14px 0;min-height:46px}#task-state{font-weight:600;line-height:1.7;overflow-wrap:anywhere}.quote-box{padding:16px;background:var(--tint);border-radius:var(--r-md);margin-top:16px}.privacy{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:var(--font-xs)}.erase-history{margin-top:24px}.erase-history h2{font-size:var(--font-lg);margin:0}.erase-history button{margin:4px}#upload-progress{width:100%;accent-color:var(--brand)}#compare-tools{margin-top:18px}#compare-tools label{display:block;color:var(--sub);font-size:var(--font-sm);margin-top:10px}#result-actions>button{margin-bottom:8px}.erase-page button:disabled{opacity:.45;cursor:not-allowed}.erase-page :focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:800px){.erase-page{padding:20px 12px 40px}.erase-layout{grid-template-columns:minmax(0,1fr);gap:16px}.erase-page .p-card{padding:16px}.erase-stage{height:360px}.view-tools .note{flex-basis:100%;margin-left:0}.workspace-heading strong{max-width:100%}.erase-panel .main-action{position:relative}.erase-page header{margin-bottom:20px}}

#empty-state .empty-hint{margin:16px 0}

.erase-feedback{padding:18px;margin:18px 0;background:var(--surface-soft);border:1px solid var(--brand-border);border-radius:var(--r-md);overflow-wrap:anywhere}
.erase-feedback-heading{display:flex;align-items:center;gap:10px;color:var(--brand-deep)}
#task-icon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--tint);font-weight:700}
.erase-feedback[data-stage=upload] #task-icon,.erase-feedback[data-stage=processing] #task-icon{width:20px;height:20px;background:transparent;border:3px solid var(--brand-border);border-top-color:var(--brand);animation:erase-spin 1s linear infinite}
.erase-feedback ol{display:flex;gap:8px;list-style:none;padding:0;margin:16px 0 0;font-size:var(--font-xs);color:var(--sub)}
.erase-feedback li{flex:1;border-top:3px solid var(--line);padding-top:8px;text-align:center}
.erase-feedback .is-current{color:var(--brand-deep);font-weight:700;border-color:var(--brand)}
.erase-feedback .is-done{border-color:var(--brand-soft);color:var(--brand-deep)}
.erase-feedback[data-stage=success]{background:var(--tint)}
.erase-feedback[data-stage=error]{background:var(--danger-soft);border-color:var(--danger-line)}
.erase-feedback[data-stage=error] .erase-feedback-heading{color:var(--danger)}
.erase-feedback[data-stage=warning] .erase-feedback-heading{color:var(--warning)}
@keyframes erase-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#task-icon{animation:none!important}}

#auto-options{margin:16px 0}
.erase-panel .text-option{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-soft);cursor:pointer;transition:background .15s,border-color .15s}
.text-option:has(input:checked){background:var(--tint);border-color:var(--brand)}
.text-option:has(input:disabled){opacity:.55;cursor:not-allowed}
#remove-text{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:0 0 20px;width:20px;height:20px;margin:0;border:1.5px solid var(--sub);border-radius:5px;background:var(--card);cursor:inherit}
#remove-text:checked{background:var(--brand);border-color:var(--brand)}
#remove-text:checked::after{content:"";width:9px;height:5px;border:solid white;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
#remove-text-help{font-size:var(--font-xs);margin:8px 2px 0;line-height:1.6}