@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=DM+Sans:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f6efe5;--panel:#fffaf3d6;--panel-strong:#fffaf3f5;--panel-dark:#241d18e0;--line:#4432251f;--line-strong:#44322538;--text:#32261c;--muted:#6f6052;--accent:#ef6c3f;--accent-strong:#cc4d25;--accent-soft:#ef6c3f29;--success:#156f53;--danger:#a1392b;--shadow:0 24px 80px #3d240a1f;--shadow-strong:0 28px 100px #3d240a2e;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--max-width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #ffbc7fa6, transparent 28%), radial-gradient(circle at right 15%, #dcf2d8bf, transparent 30%), linear-gradient(180deg, #fcf7f0 0%, var(--bg) 100%);margin:0;font-family:DM Sans,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#44322508 1px,#0000 1px),linear-gradient(90deg,#44322508 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 90%);mask-image:radial-gradient(circle,#000 42%,#0000 90%)}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{width:min(calc(100% - 32px), var(--max-width));margin:0 auto;padding:24px 0 56px}.hero-card,.surface-card,.preview-card,.status-card,.history-card,.upload-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before,.surface-card:before,.preview-card:before,.status-card:before,.history-card:before,.upload-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff80,#0000 40%);position:absolute;inset:0}.page-grid{gap:20px;display:grid}.hero-card{padding:28px}.hero-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:stretch;gap:24px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffffc2;border:1px solid #4432251a;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.88rem;display:inline-flex}.hero-copy h1,.section-heading h2,.preview-header h2,.upload-copy h2{letter-spacing:-.05em;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:.95}.hero-copy h1{max-width:10ch;margin-top:18px;font-size:clamp(3rem,6vw,5.8rem)}.hero-copy p,.section-heading p,.preview-header p,.upload-copy p,.meta-copy,.status-copy,.history-empty,.status-note{color:var(--muted);line-height:1.6}.hero-copy p{max-width:62ch;margin-top:18px;font-size:1.04rem}.pill-row,.metric-row,.action-row,.stat-strip,.info-list{flex-wrap:wrap;gap:12px;display:flex}.pill{color:var(--text);background:#ffffffc2;border:1px solid #44322514;border-radius:999px;align-items:center;gap:8px;padding:11px 14px;display:inline-flex}.metric-panel{border-radius:var(--radius-lg);background:linear-gradient(#fffc,#fdf5eceb);border:1px solid #44322514;gap:16px;height:100%;padding:20px;display:grid}.metric-panel h2{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.5rem}.metric-card{border-radius:var(--radius-md);background:#ffffffd9;border:1px solid #44322514;padding:16px}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;display:block}.metric-value{margin-top:6px;font-size:1.25rem;font-weight:700;display:block}.workspace-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;display:grid}.left-rail,.right-rail{align-content:start;gap:20px;display:grid}.upload-card,.surface-card,.status-card,.history-card,.preview-card{padding:24px}.dropzone{border-radius:var(--radius-lg);background:linear-gradient(#ffffffb3,#fff4ebc7),linear-gradient(135deg,#ef6c3f1f,#0000 58%);border:2px dashed #44322529;place-items:center;gap:16px;min-height:280px;padding:24px;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s;display:grid;position:relative}.dropzone.is-active{border-color:var(--accent);box-shadow:var(--shadow-strong);transform:translateY(-2px)}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone-icon{width:72px;height:72px;color:var(--accent);background:#fffc;border-radius:22px;place-items:center;display:grid;box-shadow:0 16px 36px #ef6c3f2e}.upload-copy{text-align:center}.upload-copy h2{font-size:clamp(2rem,4vw,2.8rem)}.upload-copy p{margin-top:10px}.upload-copy strong{color:var(--text)}.helper-line,.error-text,.selected-file{font-size:.94rem}.error-text{color:var(--danger)}.selected-file{background:#ffffffbd;border:1px solid #44322514;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.button-row,.action-row{flex-wrap:wrap;gap:12px;display:flex}.button,.ghost-button,.download-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 18px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.button,.download-button{background:linear-gradient(135deg, var(--accent), #f79952);color:#fffdf9;box-shadow:0 18px 40px #ef6c3f38}.button:hover,.download-button:hover,.ghost-button:hover{transform:translateY(-1px)}.button:disabled,.ghost-button:disabled,.download-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.ghost-button{color:var(--text);background:#ffffffb8;border-color:#4432251f}.status-card{gap:14px;display:grid}.status-header,.preview-header,.section-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.status-badge{background:#ffffffc2;border:1px solid #44322514;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:500;display:inline-flex}.status-badge.success{color:var(--success)}.status-badge.error{color:var(--danger)}.status-badge.processing,.status-badge.loading-model{color:var(--accent-strong)}.progress-track{background:#44322514;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #f7a55c);height:100%;transition:width .18s}.checkerboard{background-image:linear-gradient(45deg,#44322514 25%,#0000 25%),linear-gradient(-45deg,#44322514 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#44322514 75%),linear-gradient(-45deg,#0000 75%,#44322514 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.preview-stage{border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #44322514;min-height:300px;position:relative;overflow:hidden}.preview-stage img,.comparison-base,.comparison-result{object-fit:contain;width:100%;height:100%}.preview-placeholder{text-align:center;min-height:300px;color:var(--muted);place-items:center;padding:32px;display:grid}.comparison-shell{gap:14px;display:grid}.comparison-frame{border-radius:var(--radius-lg);background:#ffffffd9;border:1px solid #44322514;min-height:360px;position:relative;overflow:hidden}.comparison-layer{position:absolute;inset:0}.comparison-overlay{clip-path:inset(0 calc(100% - var(--reveal,50%)) 0 0)}.comparison-handle{background:#fffffff2;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #4432251f}.comparison-handle:after{content:"Before / After";color:var(--text);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:7px 10px;font-size:.78rem;position:absolute;top:18px;left:50%;transform:translate(-50%)}.slider-row{gap:10px;display:grid}.slider-row input[type=range]{width:100%;accent-color:var(--accent)}.slider-labels{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.preview-meta{flex-wrap:wrap;gap:10px;display:flex}.meta-pill{background:#ffffffc2;border:1px solid #44322514;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.92rem;display:inline-flex}.stat-strip{margin-top:18px}.stat-block{border-radius:var(--radius-md);background:#ffffffc7;border:1px solid #44322514;flex:180px;padding:16px}.stat-block strong{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.4rem;display:block}.stat-block span{color:var(--muted);font-size:.9rem}.history-list{gap:12px;display:grid}.history-item{border-radius:var(--radius-md);background:#ffffffb8;border:1px solid #44322514;gap:6px;padding:16px;display:grid}.history-item strong{font-size:1rem}.history-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.88rem;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#21181266;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-panel{border-radius:var(--radius-lg);background:var(--panel-dark);color:#fff7ef;width:min(100%,420px);box-shadow:var(--shadow-strong);gap:16px;padding:24px;display:grid}.loading-spinner{border:4px solid #ffffff2e;border-top-color:#fff7ef;border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin}.loading-panel p,.loading-panel small{color:#fff7efc7}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.hero-layout,.workspace-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{width:min(calc(100% - 20px), var(--max-width));padding-top:12px;padding-bottom:28px}.hero-card,.surface-card,.preview-card,.status-card,.history-card,.upload-card{border-radius:24px;padding:18px}.dropzone{min-height:240px;padding:20px}.comparison-frame,.preview-stage,.preview-placeholder{min-height:240px}.status-header,.preview-header,.section-heading,.button-row,.action-row{flex-direction:column}.button,.ghost-button,.download-button{width:100%}}