:root{--bg:#edf1f5;--panel:#ffffffe0;--panel-strong:#fffffff5;--text:#1f2933;--muted:#66707d;--border:#4f5b6b29;--accent:#5d6a78;--accent-strong:#3f4a56;--success:#2d7f57;--error:#aa3c28;--shadow:0 20px 56px #27303d1a;--heading-font:"Helvetica Neue", Helvetica, Arial, sans-serif;--body-font:"Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--mono-font:"SFMono-Regular", "SF Mono", Consolas, monospace;color:var(--text);font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf1f5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,a{font:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px}.feature-section{margin-top:20px}.site-footer{color:var(--muted);text-align:right;margin-top:28px;padding:0 4px 8px;font-size:.94rem}.site-footer a{color:var(--accent-strong);text-decoration:none}.site-footer a:hover{text-decoration:underline}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px}.controls{padding:28px}.upload-layout,.section-layout{gap:20px;display:grid}.upload-layout{grid-template-columns:minmax(0,1fr);align-items:start}.section-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start}.section-controls{position:sticky;top:20px}.section-previews{grid-template-columns:1fr;gap:20px;display:grid}.preview-group-card{padding:24px}.preview-group-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.preview-slot{min-width:0}.preview-slot-sdr{max-width:100%}.preview-slot-label{color:var(--text);margin:0 0 10px;font-size:.92rem;font-weight:600}.preview-group-description{max-width:54ch;color:var(--muted);margin:0;line-height:1.55}.preview-frame-download{position:relative;overflow:hidden}.preview-download-overlay{pointer-events:auto;text-decoration:none;position:absolute;bottom:14px;right:14px}.preview-download-overlay[aria-disabled=true]{pointer-events:none}.preview-group-overlay-button{min-height:48px;color:var(--text);background:#fffcf8f5;border:1px solid #5d361c1f;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:0 18px 36px #150a0638}.preview-download-overlay:hover .preview-group-overlay-button,.preview-download-overlay:focus-visible .preview-group-overlay-button{background:#fff;transform:translateY(-1px);box-shadow:0 22px 40px #150a0642}.preview-download-overlay[aria-disabled=true] .preview-group-overlay-button{opacity:.6}.group-label{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);margin:0;padding-left:4px;font-size:.78rem}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-strong);margin:0 0 10px;font-size:.78rem}h1,h2{font-family:var(--heading-font);color:var(--text);margin:0;font-weight:700;line-height:.98}h1{font-size:clamp(2.1rem,4.6vw,3.6rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem)}.lede,.upload-meta,.status,.empty-state{color:var(--muted)}.lede{margin:16px 0 0;line-height:1.65}.upload-card{cursor:pointer;background:linear-gradient(180deg, #ffffffe6, #f4f7fad1), var(--panel-strong);border:1.5px dashed #5d6a7847;border-radius:11px;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:16px;margin-top:24px;padding:11px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.upload-card:hover{border-color:#5d6a786b;transform:translateY(-1px);box-shadow:0 16px 28px #27303d1a}.upload-card-copy{gap:8px;min-width:0;display:grid}.upload-copy{color:var(--text);font-weight:600}.upload-meta{font-size:.94rem}.upload-thumb-frame{aspect-ratio:1;background:linear-gradient(135deg,#f2f6faeb,#fffffffa),repeating-linear-gradient(45deg,#5d6a780a,#5d6a780a 10px,#0000 10px 20px);border:1px solid #4f5b6b1a;border-radius:9px;place-items:center;width:72px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffa6}.upload-thumb-frame img{object-fit:cover;width:100%;height:100%}.upload-thumb-empty{text-align:center;color:var(--muted);padding:12px;font-size:.86rem;line-height:1.4}.upload-warning{color:var(--text);background:linear-gradient(135deg,#ffba4947,#ff74362e);border:1px solid #bf5a2a3d;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:16px 0 0;padding:14px 16px;line-height:1.55;display:grid}.upload-warning-icon{color:#fffaf3;width:28px;height:28px;font-family:var(--heading-font);background:linear-gradient(135deg,#ff8c3a 0%,#e45b1f 100%);border-radius:999px;place-items:center;font-size:1rem;font-weight:700;display:inline-grid;box-shadow:0 10px 20px #bf5a2a38}.control{margin-top:24px}.control-note{color:var(--muted);margin:12px 0 0;font-size:.94rem;line-height:1.5}.control-group+.control-group{border-top:1px solid #5d361c1f;margin-top:28px;padding-top:28px}.control-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.control-row label{font-weight:600}.control-row output{color:var(--accent-strong);font-family:var(--mono-font);background:#5d6a781f;border-radius:999px;padding:4px 10px;font-size:.92rem}input[type=range]{width:100%;accent-color:var(--accent)}select{width:100%;min-height:44px;color:var(--text);background:#ffffffd1;border:1px solid #4f5b6b24;border-radius:7px;padding:0 12px}.fixed-profile{min-height:44px;color:var(--text);background:#ffffffd1;border:1px solid #4f5b6b24;border-radius:7px;align-items:center;padding:0 12px;font-weight:600;display:flex}.button{background:linear-gradient(135deg, var(--accent) 0%, #6f7c8a 100%);color:#fff9f3;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 16px 30px #27303d29}.button:hover:not([aria-disabled=true]){transform:translateY(-1px);box-shadow:0 20px 36px #27303d33}.button[aria-disabled=true]{opacity:.55;pointer-events:none;box-shadow:none}.button-secondary{color:var(--text);box-shadow:none;background:#ffffffc7;border:1px solid #4f5b6b1f}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.combined-controls{margin-top:0}.status{min-height:1.5em;margin:18px 0 0;line-height:1.55}.status:empty{min-height:0;margin-top:0}.status[data-tone=success]{color:var(--success)}.status[data-tone=error]{color:var(--error)}.preview-card{padding:22px}.preview-frame{place-items:center;min-height:0;margin-top:18px;display:grid}.preview-frame img{object-fit:contain;border-radius:8px;width:100%;max-height:68vh;box-shadow:0 18px 42px #27303d1a}.preview-frame-sdr img{width:100%}.empty-state{text-align:center;max-width:28ch;margin:0;line-height:1.6}@media (width<=980px){.shell{width:min(100%,100% - 20px);padding:20px 0 28px}.upload-layout,.section-layout{grid-template-columns:1fr}.section-controls{position:static}}@media (width<=640px){.upload-card{grid-template-columns:1fr}.upload-thumb-frame{width:100%;max-width:180px}.preview-group-grid{grid-template-columns:1fr}.controls,.preview-card{border-radius:11px;padding:18px}.preview-frame{min-height:240px;padding:14px}}