:root{font-family:Avenir Next,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#201d1b;background:#f5f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper: #f5f1ea;--paper-deep: #ece6dc;--ink: #201d1b;--muted: #686159;--line: rgba(32,29,27,.2);--violet: #8d64f4;--violet-dark: #6740ce;--violet-cta: #6e49bd;--page: min(1180px, calc(100% - 64px) );--header-height: 84px;--primary: #6e49bd;--primary-hover: #59389d;--secondary: #8d64f4;--bg: #f5f1ea;--surface: #fffdf9;--text-primary: #201d1b;--text-secondary: #686159;--border: rgba(32,29,27,.2)}*,*:before,*:after{box-sizing:border-box}html{background:#f5f1ea;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:#f5f1ea}button,input,select{font:inherit}a{color:inherit}#root{min-height:100vh}::selection{color:#201d1b;background:#8d64f43d}.app-shell{min-height:100vh}.site-account-actions{display:flex;justify-self:end;align-items:center;gap:9px}.site-account-chip{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem;white-space:nowrap}.site-account-chip b{display:inline-grid;width:23px;height:23px;place-items:center;border-radius:50%;color:#fff;background:var(--violet);font-size:.7rem}.site-text-button,.nav-link,.footer-link{padding:0;border:0;color:var(--muted);cursor:pointer;background:transparent;font-size:.78rem}.site-text-button:hover,.nav-link:hover,.footer-link:hover{color:var(--violet-dark)}.button{cursor:pointer}.button:disabled{cursor:wait;opacity:.58;transform:none}.button-icon{margin-left:7px;font-size:1rem}.final-cta-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.upload-icon{color:var(--violet-dark)!important;font-size:2rem;font-weight:400!important}.tile-status{position:absolute;right:5px;bottom:5px;left:5px;overflow:hidden;padding:3px 5px;color:#fff;background:#201d1bb8;font-size:.58rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tile-status.is-error{background:#ae312be6}.workspace-advanced{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:18px}.workspace-advanced summary{width:fit-content;color:var(--violet-dark);cursor:pointer;font-size:.84rem;font-weight:650}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.advanced-grid label{display:grid;gap:6px;color:var(--muted);font-size:.76rem}.advanced-grid select{width:100%;min-height:39px;padding:0 10px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:#faf8ffd1}.advanced-grid .advanced-check{display:flex;grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px}@media(max-width:760px){.site-header .header-start,.site-account-chip{display:none}.site-account-actions .button{min-height:36px;padding-inline:.75rem}.advanced-grid{grid-template-columns:1fr}}.auth-modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#030306c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-modal{--ink: #f7f7fb;--muted-ink: #b8b5c4;--dim-ink: #85818f;--cyan: #55d6ff;--line: rgba(255, 255, 255, .14);position:relative;width:min(100%,438px);padding:34px 34px 26px;border:1px solid rgba(255,255,255,.14);border-radius:20px;color:var(--ink);background:linear-gradient(145deg,#1e1d27fa,#0d0d12fc);box-shadow:0 30px 120px #0000009e,0 0 0 1px #8a5cf614 inset}.auth-modal-close{position:absolute;top:15px;right:17px;width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--muted-ink);font-size:25px;line-height:1}.auth-modal-close:hover{color:var(--ink);background:#ffffff12}.auth-modal-kicker{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font:10px JetBrains Mono,monospace;letter-spacing:.13em}.auth-modal-kicker span{width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:var(--violet)}.auth-modal h2{margin:17px 0 7px;font-size:30px;letter-spacing:-.055em}.auth-modal-subtitle{margin:0;color:var(--muted-ink);font-size:12px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:26px 0 18px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#ffffff09}.auth-tabs button{min-height:36px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--dim-ink);font-size:12px}.auth-tabs button.is-active{background:#8a5cf62e;color:var(--ink);box-shadow:0 0 0 1px #8a5cf64d inset}.auth-form{display:grid;gap:14px}.auth-form label:not(.auth-check){display:grid;gap:7px;color:var(--muted-ink);font-size:11px}.auth-form input{width:100%;min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:9px;outline:0;background:#ffffff0f;color:var(--ink);font-size:13px;transition:border-color .16s ease,box-shadow .16s ease}.auth-form input::placeholder{color:#5f5e69}.auth-form input:focus{border-color:#55d6ffb8;box-shadow:0 0 0 3px #55d6ff1a}.auth-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.auth-send-code{min-width:104px;padding:0 10px;border:1px solid rgba(85,214,255,.28);background:#55d6ff14;color:#a9edff;font-size:11px}.auth-send-code:disabled{cursor:not-allowed;opacity:.55}.auth-check{display:inline-flex;align-items:center;gap:8px;color:var(--muted-ink);font-size:11px}.auth-check input{width:14px;min-height:14px;accent-color:var(--violet)}.auth-message{padding:9px 11px;border-radius:8px;font-size:11px;line-height:1.45}.auth-message.is-error{border:1px solid rgba(239,68,68,.25);background:#ef444417;color:#ffaaa8}.auth-message.is-notice{border:1px solid rgba(112,224,161,.2);background:#70e0a114;color:#a5eec1}.auth-submit{min-height:46px;margin-top:2px;border:0;border-radius:9px;background:linear-gradient(100deg,var(--violet),#6675ff);color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 26px #6f5cf63b}.auth-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.62}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--dim-ink);font-size:10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-oauth-grid button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid var(--line);background:#ffffff0b;color:var(--muted-ink);font-size:11px}.auth-oauth-grid button:hover:not(:disabled){border-color:#ffffff4d;color:var(--ink);background:#ffffff14}.auth-oauth-grid button:disabled{cursor:wait;opacity:.55}.oauth-icon{display:inline-grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#f7f7f8;color:#17171c;font-size:12px;font-weight:700}.auth-legal{margin:17px 0 0;color:var(--dim-ink);text-align:center;font-size:10px}@media(max-width:520px){.auth-modal{padding:29px 21px 22px;border-radius:16px}.auth-modal h2{font-size:26px}}:root{--paper: #f5f1ea;--paper-deep: #ece6dc;--ink: #201d1b;--muted: #686159;--line: rgba(32, 29, 27, .2);--violet: #8d64f4;--violet-dark: #6740ce;--violet-cta: #6e49bd;--violet-cta-hover: #59389d;--serif: var(--sans);--sans: Avenir Next, "Noto Sans SC", PingFang SC, "Microsoft YaHei", sans-serif;--mono: var(--sans);--page: min(1180px, calc(100% - 64px) );--header-height: 84px}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.55;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration-color:#8d64f47a;text-underline-offset:.18em;transition:color .16s ease,text-decoration-color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}a:hover{color:var(--violet-dark);text-decoration-color:currentColor}a:focus-visible{outline:3px solid var(--violet);outline-offset:4px}button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}#product,#privacy,#workflow,#final-cta{scroll-margin-top:calc(var(--header-height) + 24px)}.site-header{--glass-frost: .46;--glass-saturation: 1.3;--filter-id: url(#topbar-fluid-glass);position:sticky;z-index:10;top:16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:var(--page);min-height:52px;margin:16px auto 0;padding:0 18px 0 28px;border:1px solid rgba(255,255,255,.46);border-radius:2px;background:#faf8ff75;box-shadow:0 9px 26px #201d1b14}.topbar-glass-filter{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none}.site-header>:not(.topbar-glass-filter){position:relative;z-index:1}.glass-surface--svg{background:rgb(250 248 255 / var(--glass-frost));-webkit-backdrop-filter:var(--filter-id) saturate(var(--glass-saturation));backdrop-filter:var(--filter-id) saturate(var(--glass-saturation));box-shadow:0 0 2px 1px #201d1b21 inset,0 0 10px 4px #ffffff70 inset,0 6px 18px #201d1b14,0 12px 30px #201d1b0d,0 4px 16px #ffffff38 inset}.glass-surface--fallback{background:#faf8ff85;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border-color:#ffffff85;box-shadow:0 8px 32px #1f26871f,0 2px 16px #1f268714,inset 0 1px #ffffffb8,inset 0 -1px #ffffff52,inset 14px 0 24px #ffffff29}.site-logo{font-family:var(--mono);font-size:.77rem;font-weight:700;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.3vw,30px)}.compact-menu{display:none}.site-header nav a,.site-footer nav a{color:var(--muted);font-size:.78rem;text-decoration:none}.site-header nav a{display:inline-flex;align-items:center;gap:5px}.lucide{flex:none;stroke-width:1.75}.site-header nav .lucide{width:13px;height:13px;color:var(--violet-dark)}.site-header>.button{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.63rem 1rem;border:1px solid transparent;border-radius:1px;font-family:var(--sans);font-size:.86rem;font-weight:650;line-height:1;text-decoration:none;white-space:nowrap}.button .lucide{width:15px;height:15px;margin-left:2px}.button-primary{color:#fff;background:var(--violet-cta);border-color:var(--violet-cta);box-shadow:3px 3px #201d1b24}.button-primary:hover{color:#fff;background:var(--violet-cta-hover);border-color:var(--violet-cta-hover);transform:translate(-1px,-1px)}.button-primary:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--ink),3px 3px #201d1b24}.button-secondary{color:#fffffff5;border-color:#ffffff9e;background:#201d1b2e}.button-secondary:hover{color:#fff;border-color:#fff;background:#201d1b66}.hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:75svh;margin-top:calc(-1 * var(--header-height));overflow:hidden}.hero:before,.final-cta:before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none}.hero-wordmark{position:absolute;z-index:0;top:70px;left:50%;width:min(86vw,1050px);height:auto;color:var(--ink);opacity:.075;pointer-events:none;transform:translate(-50%)}.hero-image{position:absolute;z-index:0;pointer-events:none}.hero-pixel-canvas{position:absolute;z-index:1;inset:0;pointer-events:none}.hero-image img{width:100%;height:100%;object-fit:contain;object-position:center}.hero-image--left{--parallax-x: 0px;--parallax-y: 0px;top:auto;bottom:-8vh;left:0;width:min(50vw,809px);aspect-ratio:1;transform:translate(calc(-10% + var(--parallax-x)),var(--parallax-y));transition:transform .26s cubic-bezier(.22,1,.36,1)}.hero-image--right{--parallax-x: 0px;--parallax-y: 0px;top:50%;right:0;width:min(69vw,832px);aspect-ratio:1;transform:translate(calc(10% + var(--parallax-x)),calc(-50% + var(--parallax-y)));transition:transform .26s cubic-bezier(.22,1,.36,1)}.hero-image--left img{object-position:left bottom}.hero-image--right img{object-position:right top}.hero-content{position:relative;z-index:2;width:min(780px,calc(100% - 48px));margin-top:var(--header-height);padding:64px 0;color:var(--ink);text-align:center;transform:translateY(-3vh)}.eyebrow{margin:0 0 18px;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.hero .eyebrow{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.065em;text-wrap:balance}h1{max-width:8.8em;margin:0 auto;font-size:clamp(3rem,7vw,6.5rem);line-height:.99}h1 span{position:relative;display:inline-block;margin:.07em .03em .02em .02em;padding:.03em .13em .09em;color:var(--violet-dark);letter-spacing:-.07em}h1 span:before{position:absolute;z-index:2;inset:-.085em -.105em -.04em;content:"";pointer-events:none;background:linear-gradient(var(--violet),var(--violet)) left top / .11em .11em no-repeat,linear-gradient(var(--violet),var(--violet)) right top / .11em .11em no-repeat,linear-gradient(var(--violet),var(--violet)) left bottom / .11em .11em no-repeat,linear-gradient(var(--violet),var(--violet)) right bottom / .11em .11em no-repeat}h1 span:after{position:absolute;z-index:1;inset:-.015em -.035em .03em;border:1px solid var(--violet);content:"";transform:translate(.025em,-.015em)}.hero-content>p:not(.eyebrow){max-width:48rem;margin:27px auto 0;color:var(--muted);font-size:clamp(.98rem,1.8vw,1.12rem);line-height:1.8;text-wrap:balance}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.hero .button-secondary{color:var(--ink);border-color:var(--line);background:#f5f1eac7}.hero .button-secondary:hover{color:var(--ink);border-color:var(--ink);background:var(--paper)}.benefits,.workflow{width:var(--page);margin:0 auto;padding:clamp(84px,12vw,152px) 0}.benefits>header,.workflow>header{display:grid;grid-template-columns:minmax(140px,.64fr) minmax(0,1.36fr);gap:28px;align-items:baseline;padding-bottom:33px;border-bottom:1px solid var(--line)}.benefits .eyebrow,.workflow .eyebrow{margin-bottom:0;color:var(--violet-dark)}h2{max-width:10em;margin:0;font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.06}.benefit-list{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.benefit{min-height:285px;padding:36px clamp(22px,3vw,42px) 40px 0}.benefit+.benefit{padding-left:clamp(22px,3vw,42px);border-left:1px solid var(--line)}.benefit#privacy{background:linear-gradient(135deg,rgba(141,100,244,.1),transparent 68%)}.icon-host{position:relative;display:none;width:44px;height:44px;margin-bottom:66px;border:1px solid var(--violet)}.icon-host.is-active{display:block}.icon-host:after{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-top:1px solid var(--violet);border-left:1px solid var(--violet);content:"";background:var(--paper)}.benefit#privacy .icon-host:after{background:#f0e9fa}.benefit h3,.workflow h3{margin-bottom:9px;font-size:1.05rem;font-weight:700;letter-spacing:-.035em;line-height:1.35}.benefit p{margin-bottom:0;color:var(--muted);font-size:.92rem}.workflow{padding-top:0}.workflow>header{padding-top:clamp(84px,12vw,152px)}.workflow ol{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;counter-reset:workflow}.workflow li{position:relative;min-height:228px;padding:31px clamp(22px,3vw,42px) 28px 0;border-bottom:1px solid var(--line)}.workflow li+li{padding-left:clamp(22px,3vw,42px);border-left:1px solid var(--line)}.workflow-lead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:62px}.workflow-number{display:block;color:var(--violet);font-family:var(--serif);font-size:clamp(3.3rem,5.4vw,5.4rem);font-weight:500;letter-spacing:-.095em;line-height:.75}.workflow-icon{width:31px;height:31px;color:var(--violet-dark);stroke-width:1.65}.workflow li h3{margin:0;font-size:clamp(1.1rem,1.7vw,1.35rem)}.final-cta{position:relative;isolation:isolate;display:grid;place-items:center;min-height:min(650px,72vw);overflow:hidden;color:#fff;background:#292523}.final-cta:before{background:linear-gradient(90deg,#181414b3,#1814144d 52%,#181414a8)}.final-cta>div{position:relative;z-index:2;width:min(760px,calc(100% - 48px));padding:72px 0;text-align:center}.final-cta .eyebrow{color:#ffffffc7}.final-cta h2{max-width:8em;margin:0 auto 30px;font-size:clamp(2.9rem,7vw,6.2rem);line-height:1}.site-footer{display:grid;grid-template-columns:1fr auto;gap:32px;width:var(--page);margin:0 auto;padding:38px 0 0;font-size:.78rem}.site-footer p{margin-bottom:2px}.site-footer p:first-child{font-family:var(--mono);font-weight:700;letter-spacing:-.04em}.site-footer p:last-child{color:var(--muted)}.site-footer nav{display:flex;align-items:start;gap:22px;padding-top:2px}.footer-wordmark{grid-column:1 / -1;width:100%;height:auto;margin-top:42px;color:var(--ink);opacity:.24}@media(max-width:760px){:root{--page: min(100% - 32px, 600px);--header-height: 72px}.site-header{top:8px;width:var(--page);min-height:48px;margin-top:8px;padding:0 12px 0 16px}.site-header nav{display:none}.site-header{grid-template-columns:minmax(0,1fr) auto auto}.compact-menu{position:relative;display:block}.compact-menu summary{display:flex;align-items:center;min-height:46px;padding:0 .66rem;color:var(--ink);border-left:1px solid var(--line);cursor:pointer;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:-.035em;list-style:none}.compact-menu summary::-webkit-details-marker{display:none}.compact-menu summary:after{width:7px;height:7px;margin-left:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;content:"";transform:translateY(-2px) rotate(45deg)}.compact-menu[open] summary:after{transform:translateY(2px) rotate(225deg)}.compact-menu summary:focus-visible{outline:3px solid var(--violet);outline-offset:-3px}.compact-menu nav,.site-header .compact-menu nav{position:absolute;top:calc(100% + 8px);right:0;display:grid;min-width:174px;padding:8px;border:1px solid var(--line);background:#f5f1eafa;box-shadow:5px 5px #201d1b1f}.site-header .compact-menu nav a{display:block;padding:.66rem .7rem;color:var(--ink);font-size:.85rem}.site-header .compact-menu nav a:hover{color:var(--violet-cta-hover);background:#8d64f41a}.site-header>.button{min-height:46px;padding:.6rem .78rem;font-size:.8rem}.hero{min-height:75svh;margin-top:calc(-1 * var(--header-height))}.hero-wordmark{top:54px;width:130vw;opacity:.055}.hero-image--left{top:auto;bottom:-8vh;width:min(65vw,290px);aspect-ratio:1;transform:translate(-18%)}.hero-image--right{top:50%;width:min(44vw,220px);aspect-ratio:1;transform:translate(35%,-50%)}.hero-content{width:calc(100% - 32px);padding:54px 0 42px;transform:translateY(-2vh)}h1{max-width:7.1em;font-size:clamp(2.7rem,13vw,4.1rem)}.hero-content>p:not(.eyebrow){margin-top:23px;font-size:.94rem;line-height:1.72}.hero-actions{margin-top:26px}.benefits,.workflow{padding:78px 0}.benefits>header,.workflow>header{display:block;padding-bottom:26px}.benefits .eyebrow,.workflow .eyebrow{margin-bottom:16px}h2{max-width:9em;font-size:clamp(2.3rem,11vw,3.55rem)}.benefit-list,.workflow ol{display:block}.benefit,.benefit+.benefit,.workflow li,.workflow li+li{min-height:0;padding:30px 0;border-left:0}.benefit+.benefit,.workflow li+li{border-top:1px solid var(--line)}.benefit#privacy{margin:0 -16px;padding-right:16px;padding-left:16px}.icon-host{margin-bottom:30px}.workflow{padding-top:0}.workflow>header{padding-top:78px}.workflow li{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center}.workflow-lead{margin-bottom:0}.workflow-number{font-size:3.7rem}.final-cta{min-height:515px}.final-cta:before{background:linear-gradient(0deg,#181414bd,#1814143d 70%,#18141496)}.final-cta>div{width:calc(100% - 32px);padding:64px 0}.final-cta h2{max-width:7.8em;font-size:clamp(2.85rem,13vw,4.1rem)}.site-footer{display:block;padding:32px 0 0}.site-footer nav{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.footer-wordmark{display:block;margin-top:36px}}@media(max-width:380px){.hero-actions{display:grid;width:min(100%,250px);margin-right:auto;margin-left:auto}.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reference-workspace{min-height:calc(100svh - var(--header-height));padding:clamp(74px,11vw,132px) 0 clamp(64px,10vw,118px)}#upload,#gallery{width:var(--page);margin:0 auto}#upload{max-width:780px;text-align:center}#upload .eyebrow,#gallery .eyebrow{color:var(--violet-dark)}#upload h1{max-width:9.6em;font-size:clamp(2.8rem,6vw,5.5rem)}#upload>p:not(.eyebrow):not(#upload-help){max-width:38rem;margin:22px auto 0;color:var(--muted);text-wrap:balance}#image-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.upload-drop-zone{display:grid;place-items:center;gap:13px;min-height:clamp(216px,29vw,300px);margin-top:40px;padding:30px;border:1px solid var(--violet);color:var(--violet-dark);cursor:pointer;background:linear-gradient(135deg,rgba(141,100,244,.1),transparent 42%),#faf8ff66;box-shadow:8px 8px #8d64f41f;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.upload-drop-zone .lucide{width:31px;height:31px;stroke-width:1.45}.upload-drop-zone span{color:var(--ink);font-weight:650;letter-spacing:-.03em}.upload-drop-zone:hover{background:linear-gradient(135deg,#8d64f433,#faf8ffd1);box-shadow:10px 10px #8d64f42e;transform:translate(-2px,-2px)}#image-input:focus-visible+.upload-drop-zone{outline:3px solid var(--violet);outline-offset:5px}#upload-help{display:block;margin:18px auto 0;color:var(--muted);font-size:.84rem}#workspace-status{display:none}#workspace-status:not(:empty){position:fixed;z-index:20;right:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;display:block;width:min(520px,calc(100vw - 32px));margin:0 auto;padding:10px 14px;border:1px solid rgba(141,100,244,.3);color:var(--violet-dark);pointer-events:none;background:#faf8fff0;box-shadow:0 8px 24px #201d1b29;font-size:.84rem;font-weight:650;line-height:1.45;text-align:center;white-space:pre-line}#gallery{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px clamp(24px,4vw,54px);align-items:center;padding:clamp(30px,5vw,58px);border:1px solid rgba(255,255,255,.62);background:#faf8ff8f;box-shadow:0 14px 38px #201d1b1a,inset 0 1px #fffc;backdrop-filter:blur(16px) saturate(1.45);-webkit-backdrop-filter:blur(16px) saturate(1.45)}#gallery[hidden]{display:none}#gallery>header{grid-column:1}#gallery h2{max-width:8.6em;font-size:clamp(2.2rem,4.4vw,4.25rem)}#gallery-viewer{grid-column:2;grid-row:1 / span 3;display:grid;place-items:center;width:min(41vw,430px);min-height:clamp(270px,34vw,430px);perspective:1100px;perspective-origin:50% 45%}.gallery-dome{--dome-depth: min(18vw, 184px);position:relative;width:min(31vw,310px);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(-11deg) rotateY(var(--dome-rotation, -18deg));transition:transform .46s cubic-bezier(.22,1,.36,1)}.gallery-tile{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:4 / 3;overflow:hidden;border:2px solid rgba(255,255,255,.9);background:var(--paper-deep);box-shadow:0 9px 20px #201d1b30;transform:translate(-50%,-50%) rotateY(var(--tile-angle, 0deg)) translateZ(var(--dome-depth)) rotateY(calc(-1 * var(--tile-angle, 0deg)));backface-visibility:hidden}.gallery-tile img{width:100%;height:100%;object-fit:cover}#gallery>nav{display:flex;grid-column:1;gap:8px}#gallery>nav button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f5f1eab8;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}#gallery>nav button:hover{border-color:var(--violet);color:var(--violet-dark);background:#8d64f41f;transform:translate(-1px,-1px)}#gallery>nav button:focus-visible,.gallery-actions .button:focus-visible,#download-demo:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.gallery-actions{display:flex;grid-column:1;flex-wrap:wrap;gap:10px}.gallery-actions .button:not(.button-primary){border-color:var(--line);color:var(--ink);background:#f5f1eab8}#generation-progress{grid-column:1 / -1;height:5px;overflow:hidden;background:#201d1b1f}#generation-progress:before{display:block;width:var(--progress, 0%);height:100%;content:"";background:var(--violet);transition:width .18s ease}#download-demo{grid-column:1;justify-self:start}#generate-action[hidden],#download-demo[hidden]{display:none}@media(max-width:760px){.reference-workspace{padding-top:62px}#upload h1{font-size:clamp(2.65rem,12vw,4rem)}.upload-drop-zone{min-height:220px;margin-top:32px}#gallery{grid-template-columns:1fr;align-items:stretch;padding:28px 22px}#gallery-viewer{grid-column:1;grid-row:auto;order:-1;width:100%;min-height:272px;perspective:680px}.gallery-dome{--dome-depth: 108px;width:min(72vw,278px)}#gallery>nav,.gallery-actions{justify-content:center}#download-demo{align-self:center}}@media(prefers-reduced-motion:reduce){.upload-drop-zone,.gallery-dome,.gallery-tile,#gallery>nav button,#generation-progress:before{transition-duration:.01ms!important}.gallery-dome{transform:rotateX(-6deg) rotateY(0)}}