.comparison{background:var(--panel);border:1px solid var(--line);position:relative;padding:0 12px}.viewer-topline{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:8px 8px}.text-button{background:none;border:0;color:var(--text);font-size:12px;padding:8px 0}.text-button:hover{color:var(--accent)}.compare-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0c100e;isolation:isolate;--split:50%}.compare-frame img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.after-image{position:absolute;inset:0}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.before-image{filter:saturate(.35) contrast(.88) brightness(1.1)}.comparison[data-real="true"] .before-image{filter:none}.frame-label{position:absolute;top:17px;background:#0b100ed9;color:#e6e9e2;padding:7px 10px;font-size:12px;pointer-events:none;z-index:2}.before-label{left:17px}.after-label{right:17px}.split-line{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:var(--accent);pointer-events:none;z-index:3}.split-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;background:var(--accent);border:4px solid #202922;border-radius:50%;font-size:16px;white-space:nowrap;color:#171813;box-shadow:0 2px 12px #0005}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:4}.compare-frame:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.image-count{position:absolute;bottom:15px;left:17px;font-size:12px;color:#d7ded3;text-shadow:0 1px 4px #000;pointer-events:none}.comparison-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:12px 6px}.mode-group{display:flex;border:1px solid #495049;background:#101310}.mode-group button{font-size:12px;background:none;border:0;padding:10px 14px;border-right:1px solid #495049}.mode-group button:last-child{border-right:0}.mode-group button[aria-pressed="true"]{background:#d5d9cf;color:#1b211c}.drag-hint{font-size:12px;color:var(--muted);margin-left:auto}.expand-button{font-size:24px;padding:0 4px}.comparison-disclosure{margin:0;padding:0 7px 13px;color:var(--muted);font-size:12px;line-height:1.6}.comparison[data-mode="before"] .split-line,.comparison[data-mode="after"] .split-line{display:none}.comparison[data-mode="before"] .after-label,.comparison[data-mode="after"] .before-label{visibility:hidden}.comparison:fullscreen{display:flex;flex-direction:column;padding:15px;background:#0c100f}.comparison:fullscreen .compare-frame{flex:1;aspect-ratio:auto}.comparison:fullscreen .comparison-controls{flex-shrink:0}
dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:28px;width:min(520px,calc(100% - 28px));max-height:85dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:25px}.dialog-top h2{font-size:25px;font-weight:400;margin:0;letter-spacing:-1px}.close-button{border:1px solid var(--line);background:transparent;color:var(--text);font-size:22px;width:40px;height:40px;flex-shrink:0}.cart-item{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:24px 0}.cart-item h3{font-size:16px;font-weight:400;margin:0}.cart-item p{font-size:12px;color:var(--muted);margin:7px 0}.remove-button{grid-column:1;text-align:left;width:fit-content;color:var(--muted);font-size:12px;padding:0;border:0;border-bottom:1px solid var(--muted);background:transparent}.cart-total{display:flex;justify-content:space-between;padding:28px 0;font-size:19px}.cart-note,.empty-copy,.dialog-copy{font-size:14px;line-height:1.8;color:var(--muted)}.checkout-preview{margin-top:24px;padding:18px;border:1px solid var(--accent)}.checkout-preview h3{font-size:18px;font-weight:400;margin:0 0 12px}.checkout-preview p{font-size:14px;line-height:1.8;color:var(--muted)}.prototype-label,.orange{color:var(--accent)}.prototype-label{font-size:12px;letter-spacing:1px;margin-bottom:15px}.empty-copy{padding:25px 0}.file-label{display:block;font-size:14px;border:1px solid var(--line);padding:16px;margin:15px 0}.file-label input{display:block;width:100%;margin-top:13px;font-size:12px;color:var(--muted)}input::file-selector-button{background:#c8cfc3;color:#152017;border:0;padding:9px 12px;margin-right:12px;font:12px var(--mono);cursor:pointer}.file-status{font-size:12px;line-height:1.7;color:var(--accent);min-height:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:14px 24px;z-index:4;font-size:14px;width:max-content;max-width:90%}