:root{color-scheme:dark;font-family:Avenir Next,Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-0: #06080c;--bg-1: #0c1017;--bg-2: #121823;--shell: rgba(10, 13, 19, .6);--shell-strong: rgba(12, 16, 22, .74);--surface: rgba(255, 255, 255, .045);--surface-strong: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--text-main: #f6efe1;--text-soft: rgba(246, 239, 225, .74);--text-dim: rgba(246, 239, 225, .45);--accent-gold: #f7cc76;--accent-gold-soft: rgba(247, 204, 118, .16);--accent-coral: #ff7165;--accent-coral-soft: rgba(255, 113, 101, .15);--success: #c4f2d4;--success-soft: rgba(196, 242, 212, .14);--danger: #ffc3bc;--danger-soft: rgba(255, 113, 101, .14);--shadow-lg: 0 36px 100px rgba(0, 0, 0, .35);--shadow-md: 0 20px 50px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--text-main);background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 48%,var(--bg-2) 100%)}button,input,select{font:inherit}img{display:block;max-width:100%}.scene{position:relative;min-height:100svh;overflow-x:hidden;isolation:isolate}.background-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;filter:saturate(1.14)}.orb,.beam,.grid-overlay,.noise-overlay{position:absolute}.orb{border-radius:999px;filter:blur(118px);opacity:.96;mix-blend-mode:screen;will-change:transform,opacity}.orb-gold{top:-22%;left:-16%;width:44rem;height:44rem;background:radial-gradient(circle,rgba(247,204,118,.74) 0%,rgba(247,204,118,.28) 34%,rgba(247,204,118,.08) 62%,transparent 78%);animation:orbitGold 26s cubic-bezier(.45,.05,.55,.95) infinite}.orb-coral{top:4%;right:-14%;width:40rem;height:40rem;background:radial-gradient(circle,rgba(255,113,101,.68) 0%,rgba(255,113,101,.24) 36%,rgba(255,113,101,.07) 64%,transparent 80%);animation:orbitCoral 30s cubic-bezier(.45,.05,.55,.95) infinite}.orb-shadow{bottom:-26%;left:10%;width:58rem;height:38rem;background:radial-gradient(circle,rgba(255,255,255,.24) 0%,rgba(151,192,255,.12) 34%,rgba(255,255,255,.03) 66%,transparent 82%);animation:orbitShadow 34s cubic-bezier(.45,.05,.55,.95) infinite}.beam{top:-18%;bottom:-18%;width:22rem;opacity:.36;filter:blur(54px);will-change:transform,opacity;background:linear-gradient(180deg,transparent,rgba(255,255,255,.16) 14%,rgba(247,204,118,.12) 34%,rgba(255,113,101,.07) 58%,transparent 88%)}.beam-left{left:-8rem;transform:rotate(12deg);animation:sweepLeft 24s cubic-bezier(.45,.05,.55,.95) infinite}.beam-right{right:-9rem;transform:rotate(-18deg);animation:sweepRight 28s cubic-bezier(.45,.05,.55,.95) infinite}.grid-overlay,.noise-overlay{top:0;right:0;bottom:0;left:0}.grid-overlay{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:6rem 6rem;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.64),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.64),transparent 92%);opacity:.24}.noise-overlay{background:radial-gradient(circle at 18% 20%,rgba(247,204,118,.1),transparent 18%),radial-gradient(circle at 82% 30%,rgba(255,113,101,.09),transparent 20%),radial-gradient(circle at 50% 76%,rgba(151,192,255,.08),transparent 18%),radial-gradient(circle at 30% 56%,rgba(255,255,255,.06),transparent 24%);mix-blend-mode:screen;opacity:.28}.page-shell{position:relative;z-index:1;width:min(1328px,calc(100% - 32px));margin:0 auto}.page-shell.landing{min-height:100svh;display:grid;place-items:center;padding:24px 0}.page-shell.revealed{min-height:100svh;padding:24px 0 40px}.experience-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#ffffff14,#ffffff05),var(--shell);box-shadow:inset 0 1px #ffffff14,var(--shadow-lg);-webkit-backdrop-filter:blur(28px) saturate(1.02);backdrop-filter:blur(28px) saturate(1.02);transition:width .42s ease,padding .42s ease,border-radius .42s ease,transform .42s ease}.experience-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),radial-gradient(circle at top left,rgba(247,204,118,.06),transparent 26%),radial-gradient(circle at top right,rgba(255,113,101,.05),transparent 24%);pointer-events:none}.experience-shell.landing{width:min(940px,100%)}.experience-shell.revealed{width:100%}.hero-panel,.workspace{position:relative;z-index:1}.hero-panel{display:grid;gap:14px;padding:28px;transition:padding .36s cubic-bezier(.22,1,.36,1),gap .36s cubic-bezier(.22,1,.36,1),min-height .42s cubic-bezier(.22,1,.36,1)}.experience-shell.landing .hero-panel{min-height:min(76vh,720px);align-content:center;justify-items:center;text-align:center}.experience-shell.revealed .hero-panel{padding:22px 28px 20px;border-bottom:1px solid var(--line-soft);justify-items:center;text-align:center}.brand-line{width:min(100%,980px);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:nowrap}.brand-block{min-width:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.44rem .96rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0d;font-size:.95rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0f;white-space:nowrap}.brand-copy,.section-label,.section-meta,.action-title+p,.preview-meta-row dt{color:var(--text-dim)}.brand-copy,.section-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.locale-pill{position:relative;flex-shrink:0;min-height:2.65rem;min-width:7rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:0 1rem 0 .9rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#ffffff08;color:var(--text-main);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000024;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.locale-pill:hover,.locale-pill:focus-within{transform:translateY(-1px);border-color:#f7cc7647;background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#ffffff08;box-shadow:0 0 0 4px #f7cc7614,inset 0 1px #ffffff14,0 14px 28px #00000029}.locale-pill-icon{width:1.05rem;height:1.05rem;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-gold)}.locale-pill-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.locale-pill-code{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.locale-pill-caret{width:.48rem;height:.48rem;border-right:2px solid rgba(246,239,225,.68);border-bottom:2px solid rgba(246,239,225,.68);transform:rotate(45deg) translateY(-1px)}.locale-select-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0}.hero-panel h1{margin:0;max-width:16ch;font-size:clamp(2.2rem,5vw,4rem);line-height:.94;letter-spacing:-.06em;transition:font-size .36s cubic-bezier(.22,1,.36,1),letter-spacing .36s cubic-bezier(.22,1,.36,1),max-width .36s cubic-bezier(.22,1,.36,1)}.experience-shell.revealed .hero-panel h1{max-width:none;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.04em}.hero-text,.hero-footnote,.support-copy,.preview-summary,.action-copy p{margin:0;color:var(--text-soft)}.hero-text{max-width:48rem;font-size:1rem;transition:font-size .32s ease,opacity .22s ease}.hero-progress{margin:0;color:var(--accent-gold);font-size:.9rem;letter-spacing:.02em;animation:softPulse 1.8s ease-in-out infinite}.support-strip{width:min(100%,960px);display:grid;gap:14px;justify-items:center}.support-strip-head,.hero-footnote{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.hero-footnote{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.support-dialog-button,.source-modal-close{min-height:2.2rem;padding:.4rem .9rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0d;color:var(--text-soft);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.support-dialog-button:hover,.source-modal-close:hover{color:var(--text-main);background:#ffffff17;border-color:#fff3;transform:translateY(-1px)}.support-marquee{width:100%;overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}.support-marquee-track,.support-marquee-group{display:flex;align-items:center}.support-marquee-track{width:max-content;gap:10px;will-change:transform;animation:supportMarqueeLeft 28s linear infinite}.support-marquee-group{flex-shrink:0;gap:10px}.support-pill,.source-result-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.58rem .92rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#ffffff06;color:var(--text-soft);box-shadow:inset 0 1px #ffffff0d}.support-pill{font-size:.92rem;letter-spacing:.02em;white-space:nowrap}.source-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#06080cb8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.source-modal{width:min(920px,100%);max-height:min(82vh,900px);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#0a0d13eb;box-shadow:inset 0 1px #ffffff14,var(--shadow-lg)}.source-modal-head,.source-modal-toolbar{padding:20px 22px}.source-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-soft)}.source-modal-copy{display:grid;gap:8px}.source-modal-copy h2,.source-empty-state{margin:0}.source-modal-copy h2{font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.04em}.source-modal-text,.source-empty-state{margin:0;color:var(--text-soft)}.source-modal-toolbar{border-bottom:1px solid var(--line-soft)}.source-search-input{width:100%;min-height:56px;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#ffffff05;color:var(--text-main);outline:none;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000024;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.source-search-input::placeholder{color:#f6efe157}.source-search-input:focus{transform:translateY(-1px);border-color:#f7cc7647;box-shadow:0 0 0 4px #f7cc7614,inset 0 1px #ffffff14,0 14px 28px #00000029}.source-modal-results{overflow:auto;padding:20px 22px 24px}.source-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:10px}.source-result-chip{font-size:.9rem;line-height:1.35;text-align:center}.source-empty-state{padding:8px 2px}.experience-shell.revealed .hero-text{font-size:.92rem}.url-shell{width:min(100%,780px);display:grid;grid-template-columns:minmax(0,1fr);gap:12px;transition:width .36s cubic-bezier(.22,1,.36,1),gap .36s cubic-bezier(.22,1,.36,1)}.experience-shell.revealed .url-shell{width:min(100%,960px);justify-self:center;grid-template-columns:minmax(0,1fr) auto;align-items:center}.url-field{position:relative}.url-input,.quality-select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#ffffff05;color:var(--text-main);outline:none;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000024;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.url-input{min-height:64px;padding:0 72px 0 18px}.experience-shell.revealed .url-input{min-height:58px}.clear-url-button{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:2.5rem;height:2.5rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.clear-url-button:hover{color:var(--text-main);background:#ffffff17;border-color:#ffffff2e}.clear-url-icon{position:relative;width:.95rem;height:.95rem;display:inline-flex;align-items:center;justify-content:center}.clear-url-icon span{position:absolute;width:100%;height:2px;border-radius:999px;background:currentColor}.clear-url-icon span:first-child{transform:rotate(45deg)}.clear-url-icon span:last-child{transform:rotate(-45deg)}.url-input::placeholder{color:#f6efe157}.url-input:focus,.quality-select:focus{transform:translateY(-1px);border-color:#f7cc7647;box-shadow:0 0 0 4px #f7cc7614,inset 0 1px #ffffff14,0 14px 28px #00000029;background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#ffffff08}.status-chip{display:inline-flex;align-items:center;justify-content:center;max-width:0;min-height:0;padding:0;border:0 solid transparent;border-radius:999px;white-space:nowrap;overflow:hidden;opacity:0;transform:translateY(8px);pointer-events:none;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),border-width .32s ease}.experience-shell.revealed .status-chip{max-width:220px;min-height:2.2rem;padding:.38rem .82rem;border-width:1px;border-color:var(--line);background:#ffffff0d;box-shadow:inset 0 1px #ffffff0d;opacity:1;transform:translateY(0)}.status-chip.idle,.status-chip.loading{color:var(--accent-gold);background:linear-gradient(180deg,#f7cc7629,#f7cc760f)}.status-chip.ready{color:var(--success);background:linear-gradient(180deg,#c4f2d429,#c4f2d40f)}.status-chip.error{color:var(--danger);background:linear-gradient(180deg,#ff716529,#ff71650f)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 0px;transition:grid-template-columns .52s cubic-bezier(.22,1,.36,1),border-color .32s ease}.workspace.stage-1{grid-template-columns:minmax(0,1fr) 0px}.workspace.stage-2,.workspace.stage-3,.workspace.stage-4{grid-template-columns:minmax(0,.98fr) 420px}.control-panel{padding:22px 24px 24px}.preview-panel{padding:0;border-right:1px solid transparent;display:grid;gap:0;transition:border-color .36s ease}.preview-panel .section-heading{padding:22px 24px 12px}.preview-panel .preview-info,.preview-panel .feedback-panel{padding-left:24px;padding-right:24px}.preview-panel .preview-info{padding-top:16px;padding-bottom:24px}.preview-panel .feedback-panel{margin:16px 24px 24px;padding:12px 14px}.control-panel{display:grid;gap:18px;min-width:0;overflow:visible;transition:padding .42s cubic-bezier(.22,1,.36,1)}.workspace.stage-2 .preview-panel,.workspace.stage-3 .preview-panel,.workspace.stage-4 .preview-panel{border-right-color:var(--line-soft)}.workspace.stage-1 .control-panel{padding-left:0;padding-right:0}.stage-enter{animation:liftIn .52s cubic-bezier(.22,1,.36,1) both}.stage-preview{animation-duration:.62s}.stage-controls,.stage-format,.stage-quality,.stage-action{animation-duration:.46s}.reveal-block{opacity:0;transform:translateY(14px);filter:blur(8px);pointer-events:none;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1)}.reveal-block.is-visible{opacity:1;transform:translateY(0);filter:blur(0);pointer-events:auto}.control-panel.reveal-block{transform:translate(22px)}.control-panel.reveal-block.is-visible{transform:translate(0)}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-meta{font-size:.82rem}.preview-shell,.preview-frame{justify-self:center;width:100%;max-width:100%}.preview-frame{aspect-ratio:var(--preview-ratio);overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff04),#0b0e1480;box-shadow:var(--shadow-md)}.preview-image{width:100%;max-width:100%;height:auto;display:block;border-radius:22px;box-shadow:var(--shadow-md)}.preview-shell.landscape,.preview-image.landscape,.preview-frame.landscape{width:min(100%,38rem)}.preview-shell.square,.preview-image.square,.preview-frame.square{width:min(100%,20rem)}.preview-shell.portrait,.preview-image.portrait,.preview-frame.portrait{width:min(100%,15rem)}.preview-placeholder{width:100%;height:100%;display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,rgba(247,204,118,.08),transparent 42%),linear-gradient(225deg,rgba(255,113,101,.08),transparent 44%),#ffffff05}.placeholder-window{width:100%;display:grid;gap:10px}.placeholder-bar{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#f7cc7629,#ff716547);background-size:200% 100%;animation:shimmer 3.2s linear infinite}.placeholder-bar.long{width:72%}.placeholder-bar.medium{width:56%}.placeholder-bar.short{width:36%}.preview-info{display:grid;gap:12px}.preview-title{margin:0;font-size:clamp(1.28rem,2vw,2rem);line-height:1.06;letter-spacing:-.04em}.preview-meta-list{margin:0;display:grid;gap:0}.preview-meta-row{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line-soft)}.preview-meta-row:first-child{border-top:0}.preview-meta-row dd{margin:0}.control-group{display:grid;gap:12px}.mode-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border-radius:22px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#ffffff04}.mode-tab{display:flex;align-items:center;justify-content:center;min-height:54px;padding:8px 10px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--text-soft);text-align:center;line-height:1.2;font-weight:700;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.mode-tab:hover{color:var(--text-main);background:#ffffff0a}.mode-tab:disabled{cursor:wait;opacity:.64}.mode-tab.active{color:var(--text-main);border-color:#ffffff1a;background:linear-gradient(135deg,#f7cc761f,#ff71650f),#ffffff0f}.select-shell,.quality-picker{position:relative}.quality-trigger{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:62px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#ffffff05;color:var(--text-main);text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000024;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.quality-trigger:hover:not(:disabled),.quality-trigger.open{transform:translateY(-1px);border-color:#f7cc7638;background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#ffffff08;box-shadow:0 0 0 4px #f7cc760f,inset 0 1px #ffffff12,0 16px 28px #00000029}.quality-trigger:disabled{cursor:wait;opacity:.78}.quality-trigger-copy{display:grid;gap:4px;min-width:0}.quality-trigger-copy strong{font-size:.98rem}.quality-trigger-copy span,.quality-option-description,.progress-size{color:var(--text-soft)}.quality-trigger-copy span{font-size:.86rem;line-height:1.35}.quality-trigger-meta{position:relative;display:inline-flex;align-items:center;gap:12px;color:var(--text-main);font-size:.88rem;font-weight:700;white-space:nowrap}.quality-trigger-meta:after{content:"";width:9px;height:9px;border-right:2px solid rgba(246,239,225,.64);border-bottom:2px solid rgba(246,239,225,.64);transform:rotate(45deg);transition:transform .18s ease}.quality-trigger.open .quality-trigger-meta:after{transform:rotate(225deg) translateY(-2px)}.quality-menu{display:grid;gap:8px;padding:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(180deg,#161b25fc,#0c0f16f7),#0a0c12fa;box-shadow:inset 0 1px #ffffff0f,0 28px 54px #0000006b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.quality-menu-floating{position:fixed;z-index:120;animation:qualityMenuIn .18s cubic-bezier(.22,1,.36,1)}.quality-menu-floating[data-placement=top]{transform-origin:bottom center}.quality-menu-floating[data-placement=bottom]{transform-origin:top center}.quality-option{width:100%;padding:12px 13px;border:1px solid transparent;border-radius:16px;background:#ffffff0d;color:var(--text-main);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.quality-option:hover,.quality-option.active{transform:translateY(-1px);border-color:#f7cc762e;background:linear-gradient(135deg,#f7cc7624,#ff71650f),#ffffff14}.quality-option-copy{display:grid;gap:5px}.quality-option-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quality-option-head strong{font-size:.96rem}.quality-option-size{color:var(--accent-gold);font-size:.82rem;font-weight:700;white-space:nowrap}.quality-option-description{font-size:.86rem;line-height:1.4}.action-panel{display:grid;gap:14px;margin-top:2px;padding-top:18px;border-top:1px solid var(--line-soft)}.action-title{display:block;font-size:1.04rem;margin-bottom:4px}.progress-panel{display:grid;gap:10px;padding:14px 15px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#ffffff05;box-shadow:inset 0 1px #ffffff0a}.progress-panel.completed{border-color:#c4f2d429;background:linear-gradient(180deg,#c4f2d424,#c4f2d40d),#ffffff05}.progress-panel.failed{border-color:#ff716529;background:linear-gradient(180deg,#ff716524,#ff71650d),#ffffff05}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-state,.progress-value{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.progress-state{color:var(--text-dim)}.progress-value{color:var(--text-main);font-weight:800}.progress-message{margin:0;color:var(--text-soft);font-size:.92rem}.progress-size{margin:-2px 0 0;font-size:.84rem}.progress-track{position:relative;overflow:hidden;height:10px;border-radius:999px;background:#ffffff14}.progress-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 42%,rgba(255,255,255,.03));pointer-events:none}.progress-fill{--download-progress: 0;display:block;height:100%;width:calc(var(--download-progress) * 1%);border-radius:inherit;background:linear-gradient(90deg,#f7cc76,#ffb56d 44%,#ff7165);box-shadow:0 0 20px #ff716538;transition:width .32s cubic-bezier(.22,1,.36,1),filter .2s ease,opacity .2s ease}.progress-track.indeterminate .progress-fill{width:38%;animation:progressSweep 1.25s cubic-bezier(.22,1,.36,1) infinite}.progress-panel.completed .progress-fill{background:linear-gradient(90deg,#c4f2d4eb,#f7cc76d1);box-shadow:0 0 16px #c4f2d433}.progress-panel.failed .progress-fill{background:linear-gradient(90deg,#ff7165eb,#ffa07ed1);box-shadow:0 0 16px #ff71652e}@keyframes progressSweep{0%{transform:translate(-115%)}to{transform:translate(215%)}}.download-button{width:100%;display:grid;place-items:center;min-height:58px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(135deg,#f7cc76,#ffb46f 46%,#ff7165);color:#15171c;font-weight:900;letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:0 18px 34px #ff716529;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,filter .16s ease}.download-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 38px #ff716538}.download-button:disabled{cursor:wait;opacity:.72;filter:saturate(.9)}.feedback-panel{margin:0;padding:12px 14px;border-radius:18px;border:1px solid transparent;font-size:.9rem}.feedback-panel.error{color:var(--danger);background:linear-gradient(180deg,#ff716524,#ff716514);border-color:#ff716529}.feedback-panel.success{color:var(--success);background:linear-gradient(180deg,#c4f2d424,#c4f2d414);border-color:#c4f2d429}@keyframes orbitGold{0%,to{transform:translateZ(0) scale(1) rotate(0);opacity:.9}20%{transform:translate3d(16vw,8vh,0) scale(1.12) rotate(8deg);opacity:1}45%{transform:translate3d(30vw,20vh,0) scale(1.04) rotate(14deg);opacity:.86}70%{transform:translate3d(12vw,32vh,0) scale(1.18) rotate(6deg);opacity:.98}}@keyframes orbitCoral{0%,to{transform:translateZ(0) scale(1) rotate(0);opacity:.88}24%{transform:translate3d(-14vw,10vh,0) scale(1.14) rotate(-10deg);opacity:1}52%{transform:translate3d(-28vw,24vh,0) scale(1.02) rotate(-18deg);opacity:.82}76%{transform:translate3d(-8vw,38vh,0) scale(1.16) rotate(-8deg);opacity:.96}}@keyframes orbitShadow{0%,to{transform:translateZ(0) scale(1) rotate(0);opacity:.74}18%{transform:translate3d(10vw,-10vh,0) scale(1.06) rotate(4deg);opacity:.88}46%{transform:translate3d(24vw,-22vh,0) scale(1.18) rotate(10deg);opacity:.96}74%{transform:translate3d(8vw,-36vh,0) scale(1.08) rotate(2deg);opacity:.78}}@keyframes sweepLeft{0%,to{transform:translateZ(0) rotate(12deg) scaleY(1);opacity:.24}28%{transform:translate3d(18vw,-3vh,0) rotate(18deg) scaleY(1.08);opacity:.42}60%{transform:translate3d(34vw,10vh,0) rotate(22deg) scaleY(1.14);opacity:.3}82%{transform:translate3d(12vw,18vh,0) rotate(16deg) scaleY(1.02);opacity:.4}}@keyframes sweepRight{0%,to{transform:translateZ(0) rotate(-18deg) scaleY(1);opacity:.24}24%{transform:translate3d(-14vw,2vh,0) rotate(-24deg) scaleY(1.04);opacity:.38}56%{transform:translate3d(-30vw,14vh,0) rotate(-28deg) scaleY(1.12);opacity:.32}80%{transform:translate3d(-10vw,22vh,0) rotate(-20deg) scaleY(1.03);opacity:.4}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes revealWorkspace{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes liftIn{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes softPulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes supportMarqueeLeft{0%{transform:translate(0)}to{transform:translate(calc(-50% - 5px))}}@keyframes qualityMenuIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 1024px){.control-panel{position:sticky;top:20px;align-self:start}}@media (max-width: 980px){.page-shell{width:min(68rem,calc(100% - 20px))}.workspace,.workspace.stage-1,.workspace.stage-2,.workspace.stage-3,.workspace.stage-4{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid var(--line-soft)}.workspace.stage-2 .preview-panel,.workspace.stage-3 .preview-panel,.workspace.stage-4 .preview-panel{border-right:0;border-bottom-color:var(--line-soft)}.control-panel{position:static}.workspace.stage-1 .control-panel,.workspace.stage-2 .control-panel,.workspace.stage-3 .control-panel,.workspace.stage-4 .control-panel{padding-left:24px;padding-right:24px}}@media (max-width: 760px){.page-shell{width:calc(100% - 16px)}.experience-shell{border-radius:24px}.hero-panel,.control-panel,.preview-panel .section-heading,.preview-panel .preview-info{padding-left:16px;padding-right:16px}.preview-panel .feedback-panel{margin-left:16px;margin-right:16px}.hero-panel h1{max-width:none;font-size:clamp(1.86rem,10vw,2.8rem)}.experience-shell.revealed .hero-panel h1{font-size:clamp(1.36rem,6vw,1.74rem)}.experience-shell.revealed .url-shell{grid-template-columns:1fr;gap:10px}.hero-footnote{gap:6px;font-size:.76rem}.brand-line{width:100%;flex-wrap:wrap;justify-content:center}.brand-block{justify-content:center}.locale-pill{min-width:0}.experience-shell.revealed .status-chip{max-width:none;width:100%}.section-heading{flex-wrap:wrap;align-items:flex-start}.section-meta{width:100%}.preview-title,.action-title,.feedback-panel,.progress-message,.progress-size{overflow-wrap:anywhere}.quality-trigger{grid-template-columns:minmax(0,1fr);gap:10px;align-items:flex-start}.quality-trigger-meta{width:100%;justify-content:space-between}.quality-option-head,.progress-head{flex-wrap:wrap;align-items:flex-start}.progress-value{margin-left:auto}.support-marquee{padding:2px 0}.support-marquee-track,.support-marquee-group{gap:8px}.support-pill,.source-result-chip{min-height:2.2rem;padding:.5rem .8rem;font-size:.84rem}.source-modal-overlay{padding:12px}.source-modal-head{flex-direction:column}.source-modal-head,.source-modal-toolbar,.source-modal-results{padding-left:16px;padding-right:16px}.mode-segment{grid-template-columns:1fr}.preview-meta-row{grid-template-columns:1fr;gap:4px}}@media (max-width: 520px){.page-shell{width:calc(100% - 12px)}.page-shell.landing,.page-shell.revealed{padding-top:12px;padding-bottom:20px}.experience-shell{border-radius:20px}.hero-panel,.control-panel,.preview-panel .section-heading,.preview-panel .preview-info{padding-left:14px;padding-right:14px}.hero-panel{gap:12px;padding-top:20px;padding-bottom:18px}.experience-shell.revealed .hero-panel{padding:18px 14px 16px}.experience-shell.landing .hero-panel{min-height:auto}.brand-line,.support-strip,.url-shell{width:100%}.brand-block,.support-strip-head{width:100%;justify-content:center}.locale-pill{width:100%}.url-input{min-height:60px;padding-left:16px;padding-right:76px}.clear-url-button{right:10px;width:2.35rem;height:2.35rem}.control-panel{gap:16px;padding-top:18px;padding-bottom:18px}.preview-panel .preview-info{padding-top:14px;padding-bottom:18px}.preview-panel .feedback-panel{margin-left:14px;margin-right:14px;margin-bottom:18px}.mode-tab{min-height:50px}.quality-trigger,.download-button{min-height:56px}.progress-panel{padding:12px 13px}}@media (hover: none) and (pointer: coarse){.page-shell{width:calc(100% - 16px)}.experience-shell{border-radius:24px}.brand-line{width:100%;flex-wrap:wrap;justify-content:center}.brand-block{justify-content:center}.locale-pill{width:100%;min-width:0}.experience-shell.revealed .url-shell{grid-template-columns:1fr;gap:10px}.workspace,.workspace.stage-1,.workspace.stage-2,.workspace.stage-3,.workspace.stage-4{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid var(--line-soft)}.workspace.stage-2 .preview-panel,.workspace.stage-3 .preview-panel,.workspace.stage-4 .preview-panel{border-right:0;border-bottom-color:var(--line-soft)}.hero-panel,.control-panel,.preview-panel .section-heading,.preview-panel .preview-info{padding-left:16px;padding-right:16px}.preview-panel .feedback-panel{margin-left:16px;margin-right:16px}.control-panel{position:static;gap:16px}.workspace.stage-1 .control-panel,.workspace.stage-2 .control-panel,.workspace.stage-3 .control-panel,.workspace.stage-4 .control-panel{padding-left:16px;padding-right:16px}.section-heading,.quality-option-head,.progress-head{flex-wrap:wrap;align-items:flex-start}.section-meta{width:100%}.preview-title,.action-title,.feedback-panel,.progress-message,.progress-size{overflow-wrap:anywhere}.mode-segment,.preview-meta-row{grid-template-columns:1fr}.preview-meta-row{gap:4px}.quality-trigger{grid-template-columns:minmax(0,1fr);gap:10px;align-items:flex-start}.quality-trigger-meta{width:100%;justify-content:space-between}.progress-value{margin-left:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
