.comparison-workbench{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.comparison-workbench [hidden]{display:none}.comparison-workbench :focus-visible{outline:3px solid var(--eyebrow);outline-offset:4px}.comparison-header{justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.comparison-header h2{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(1.5rem,3vw,2rem)}.comparison-header p:last-child{color:var(--muted)}.comparison-header>button{flex-shrink:0}.comparison-workbench h3{margin:0 0 14px;font-size:1.1rem;font-weight:750}.comparison-button{border:1px solid var(--line);background:var(--paper);min-height:48px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:12px 16px;font-size:.85rem;font-weight:650;line-height:1.4;display:inline-flex}.comparison-button:hover{background:var(--mist)}.comparison-button:disabled{opacity:.5;cursor:not-allowed}.comparison-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.comparison-primary:hover{background:#20483d}.comparison-photos{grid-template-columns:1fr 1fr;gap:20px;padding:0 32px 16px;display:grid}.comparison-photo{border:1px solid var(--line);background:var(--workbench);border-radius:8px;min-width:0;padding:16px}.comparison-photo[data-active=true]{border-color:var(--ink);background:var(--mist)}.comparison-photo-select{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;width:100%;min-height:80px;padding:0;font-weight:750;display:flex}.comparison-photo-select canvas{-o-object-fit:contain;object-fit:contain;background:var(--paper);border-radius:4px;width:120px;height:70px}.comparison-upload{width:100%;margin-top:14px;position:relative}.comparison-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.comparison-upload:has(input:focus-visible){outline:3px solid var(--eyebrow);outline-offset:4px}.comparison-upload:has(input:disabled){opacity:.5;cursor:not-allowed}.comparison-file{overflow-wrap:anywhere;min-height:24px;color:var(--muted);margin:10px 0;font-size:.75rem}.comparison-label,.comparison-field{gap:8px;margin-top:18px;font-size:.85rem;font-weight:650;display:grid}.comparison-field>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.comparison-field output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:400}.comparison-field select,.comparison-field input:not([type=range]):not([type=color]),.comparison-label input{border:1px solid var(--line);width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fff;border-radius:6px;padding:10px 12px;font-size:1rem;font-weight:400}.comparison-field input[type=range]{width:100%;min-width:0;height:44px;accent-color:var(--ink)}.comparison-field input[type=color]{border:1px solid var(--line);background:#fff;border-radius:4px;width:64px;height:44px;padding:4px}.comparison-field:has(input:disabled),.comparison-field:has(select:disabled){opacity:.5}.comparison-check{align-items:center;gap:10px;min-height:44px;margin-top:12px;font-size:.85rem;font-weight:600;display:flex}.comparison-check input{width:18px;height:18px;accent-color:var(--ink)}.comparison-help{color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0;font-size:.8rem;font-weight:400;line-height:1.6}.comparison-photos~.comparison-help{margin:4px 32px 12px}.comparison-workspace{border-top:1px solid var(--line);grid-template-columns:280px minmax(0,1fr);margin-top:24px;display:grid}.comparison-controls{border-right:1px solid var(--line);min-width:0;padding:28px 24px}.comparison-framing{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.comparison-framing>button{width:100%;margin-top:18px}.comparison-stage{background:var(--workbench);min-width:0;padding:28px}.comparison-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.comparison-preview-heading h3{margin:0}.comparison-preview-heading>span{color:var(--muted);font:.75rem/1.5 monospace}.comparison-preview{border:1px solid var(--line);background:var(--paper);cursor:crosshair;width:100%;height:auto;display:block}.comparison-preview-frame{position:relative}.comparison-guide{pointer-events:none;border:1px dashed #ffedb7;position:absolute;box-shadow:0 0 0 1px #0000001f}.comparison-guide>span{color:#fffdf8;background:#081513cc;max-width:calc(100% - 10px);padding:4px 6px;font-size:.7rem;line-height:1.4;position:absolute;top:5px;left:5px}.comparison-source{text-underline-offset:3px;align-items:center;min-height:44px;margin-right:4px;font-size:.8rem;font-weight:650;text-decoration:underline;display:inline-flex}.comparison-warning{color:#964116;background:#fff2e9;margin-top:16px;padding:12px;font-size:.85rem;line-height:1.5}.comparison-export{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.comparison-export>div{min-width:0}.comparison-export h3{margin-bottom:8px}.comparison-export-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.comparison-export-actions .comparison-field{flex:180px;margin:0}.comparison-status{min-height:40px;color:var(--muted);overflow-wrap:anywhere;margin:0;padding:0 32px 24px;font-size:.85rem;line-height:1.6}.comparison-status[data-error=true]{color:#964116}@media (width<=900px){.comparison-workspace{grid-template-columns:240px minmax(0,1fr)}.comparison-controls,.comparison-stage{padding:24px 18px}.comparison-export{flex-direction:column;align-items:flex-start}}@media (width<=600px){.comparison-header{flex-wrap:wrap;gap:16px;padding:24px 20px}.comparison-photos{gap:12px;padding:0 20px 12px}.comparison-photo{padding:12px}.comparison-photo-select{flex-direction:column;align-items:flex-start;gap:8px}.comparison-photo-select canvas{width:100%;height:auto}.comparison-upload{padding:10px 8px;font-size:.78rem}.comparison-photos~.comparison-help{margin-inline:20px}.comparison-workspace{grid-template-columns:1fr}.comparison-controls{border-right:0;border-bottom:1px solid var(--line)}.comparison-controls>section:first-child{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.comparison-controls>section:first-child>h3,.comparison-controls>section:first-child>[data-comparison-split-field]{grid-column:1/-1}.comparison-controls select{padding-inline:8px;font-size:.9rem}.comparison-export{padding:24px 20px}.comparison-status{padding-inline:20px}}