@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg:#0d0f12;--bg-elevated:#151922e0;--bg-soft:#ffffff0a;--panel-border:#d4af3724;--panel-border-strong:#ffcf663d;--text:#f0f4f8;--text-muted:#9aa4b2;--text-soft:#768194;--gold:#d4af37;--gold-bright:#ffcf66;--gold-deep:#ff8c00;--danger:#ff7a7a;--shadow-lg:0 28px 80px #00000073;--shadow-md:0 20px 50px #00000047;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--sans:"Inter", sans-serif;--heading:"Outfit", sans-serif;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 20%,#d4af373d,#0000 24%),radial-gradient(circle at 85% 14%,#ff8c002e,#0000 28%),linear-gradient(#151922 0%,#0d0f12 56%,#090b0e 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000);mask-image:linear-gradient(#000000b3,#0000)}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.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}.app-shell{width:min(1240px,100vw - 32px);margin:0 auto;padding:40px 0 64px}.hero-panel,.panel,.drop-zone{border:1px solid var(--panel-border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero-panel{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;padding:36px;display:grid}.hero-panel:after,.panel:after,.drop-zone:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 28% 70%,#ffcf660d);position:absolute;inset:0}.hero-panel__copy,.panel,.drop-zone{z-index:1}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--gold-bright), transparent);width:24px;height:1px}h1,h2,h3{font-family:var(--heading);letter-spacing:-.04em;margin:0}h1{margin-top:18px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.94}h2,h3{font-size:clamp(1.2rem,2.4vw,1.65rem)}p{margin:0}.hero-panel__lead{max-width:62ch;color:var(--text-muted);margin-top:18px;font-size:1.02rem}.hero-panel__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.stat-card,.size-pill,.drop-zone__badge{border:1px solid var(--panel-border-strong);background:linear-gradient(#ffcf6624,#ffffff05)}.stat-card{border-radius:var(--radius-md);padding:16px 18px}.stat-card strong{font-size:.95rem;display:block}.stat-card span{color:var(--text-soft);margin-top:6px;font-size:.9rem;display:block}.hero-panel__visual{place-items:center;min-height:280px;display:grid;position:relative}.hero-panel__image{z-index:2;filter:drop-shadow(0 26px 40px #0006);width:min(220px,100%);position:relative}.hero-orb{aspect-ratio:1;filter:blur(6px);background:radial-gradient(circle at 30% 30%,#ffcf66eb,#0000 32%),radial-gradient(circle at 65% 60%,#ff8c004d,#0000 38%),#ffffff0a;border-radius:50%;width:280px;animation:8s ease-in-out infinite breathe;position:absolute}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);gap:22px;margin-top:24px;display:grid}.workspace-grid__main,.workspace-grid__side{gap:22px;display:grid}.drop-zone,.panel{border-radius:var(--radius-lg)}.drop-zone{text-align:left;padding:28px;transition:transform .18s,border-color .18s,background .18s}.drop-zone.is-dragging{background:#1b1f28fa;border-color:#ffcf6675;transform:translateY(-2px)}.drop-zone.is-disabled{opacity:.72}.drop-zone__badge,.size-pill{min-height:34px;color:var(--gold-bright);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.84rem;font-weight:700;display:inline-flex}.drop-zone h2{margin-top:18px}.drop-zone__copy,.panel__note{color:var(--text-muted);margin-top:10px}.drop-zone__actions,.panel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.drop-zone__actions{flex-wrap:wrap;margin-top:22px}.drop-zone__file,.drop-zone__hint{color:var(--text-soft);margin-top:18px}.drop-zone__file strong{color:var(--text);display:block}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,.button.is-disabled{opacity:.45;pointer-events:none}.button--gold{color:#111318;background:linear-gradient(135deg, var(--gold-bright), var(--gold), var(--gold-deep));font-weight:700;box-shadow:0 14px 26px #ff8c0033}.button--ghost{color:var(--text);border-color:var(--panel-border-strong);background:#ffffff05}.button--wide{width:100%}.panel{padding:24px}.panel--controls{gap:18px;display:grid}.range-control,.number-control{gap:10px;display:grid}.range-control span,.number-control span{color:var(--text-muted);font-size:.94rem}input[type=range]{width:100%;accent-color:var(--gold)}input[type=number]{border:1px solid var(--panel-border-strong);width:100%;min-height:46px;color:var(--text);background:#0000002e;border-radius:14px;padding:0 14px}.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.thumbnail-card{border:1px solid var(--panel-border);text-align:left;color:var(--text);background:#ffffff05;border-radius:18px;gap:10px;padding:12px;transition:transform .16s,border-color .16s,background .16s;display:grid}.thumbnail-card:hover:not(:disabled){transform:translateY(-2px)}.thumbnail-card.is-selected{background:linear-gradient(#ffcf661f,#ffffff08);border-color:#ffcf668a}.thumbnail-card__image,.thumbnail-card__empty{aspect-ratio:16/9;border-radius:12px;width:100%}.thumbnail-card__image{object-fit:cover}.thumbnail-card__empty{color:var(--gold-bright);font-family:var(--heading);background:linear-gradient(135deg,#ffffff0f,#ffffff05),#0000002e;place-items:center;display:grid}.thumbnail-card strong{font-size:.95rem}.thumbnail-card span{color:var(--text-soft);font-size:.85rem}.panel--progress{place-items:center;min-height:280px;display:grid}.progress-circle{place-items:center;display:grid;position:relative}.progress-circle__svg{transform:rotate(-90deg)}.progress-circle__track{fill:none;stroke:#ffffff14}.progress-circle__value{fill:none;stroke:url(#progressGlow);stroke-linecap:round;filter:drop-shadow(0 0 12px #ffcf6659);transition:stroke-dashoffset .2s}.progress-circle__content{text-align:center;align-content:center;justify-items:center;padding:0 26px;display:grid;position:absolute;inset:0}.progress-circle__content strong{font-family:var(--heading);font-size:2.35rem}.progress-circle__content span{color:var(--gold-bright);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:.78rem;font-weight:700}.progress-circle__content small{color:var(--text-muted);margin-top:12px;font-size:.83rem;line-height:1.45;display:block}.fact-list{gap:12px;margin-top:18px;display:grid}.fact-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.fact-row span{color:var(--text-soft)}.fact-row strong{text-align:right;font-size:.96rem}.result-card{gap:18px;display:grid}.panel--error{background:#5014144d;border-color:#ff7a7a47}.panel--error p{color:#ffd6d6;margin-top:12px}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (width<=980px){.app-shell{width:min(100vw - 20px,100%);padding-top:22px}.hero-panel,.workspace-grid,.hero-panel__stats,.thumbnail-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-panel,.panel,.drop-zone{padding:20px}.panel__header,.drop-zone__actions{flex-direction:column;align-items:stretch}.fact-row{flex-direction:column;align-items:flex-start}}