@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f0f4ff;background:#09090e;font-synthesis:none;text-rendering:optimizeLegibility;--accent:#00C8FF;--blue:#4D7EFF;--violet:#7B5EFF;--bg:#09090E;--s0:#0F0F1A;--s1:#14142A;--s2:#1C1C35;--s3:#252545;--text:#F0F4FF;--sub:#8892B0;--muted:#4A5568;--line:rgba(255,255,255,.075);--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 34%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 85% 75% at 50% 34%,#000 30%,transparent 100%)}.ambient i{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.13;animation:drift 23s ease-in-out infinite alternate}.ambient i:nth-child(1){left:-12%;top:-280px;background:radial-gradient(circle,#4D7EFF,transparent 68%)}.ambient i:nth-child(2){right:-18%;top:240px;background:radial-gradient(circle,#7B5EFF,transparent 68%);animation-delay:-8s}.ambient i:nth-child(3){left:35%;bottom:-420px;background:radial-gradient(circle,#00C8FF,transparent 68%);animation-delay:-13s}@keyframes drift{to{transform:translate(35px,-28px) scale(1.08)}}.topbar{height:74px;max-width:1320px;padding:0 48px;margin:auto;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);animation:nav .55s var(--ease) both}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:.035em;white-space:nowrap}.brandmark{display:grid;place-items:center;width:34px;height:34px;color:#a6caff}.brandmark svg{width:100%;height:100%}.brand-light{font-weight:500;letter-spacing:0;color:#a8b0c5}.navlinks{display:flex;gap:34px;margin:auto;color:#929ab0;font-size:12px}.navlinks a,.footer-links a{transition:color .2s var(--ease)}.navlinks a:hover,.footer-links a:hover{color:var(--accent)}.top-actions{display:flex;align-items:center;gap:18px}.private{display:flex;align-items:center;gap:7px;color:#8791a9;font-size:11px}.private svg{color:#60d8ba}.upload-nav{display:flex;align-items:center;gap:8px;background:#141a27;border:1px solid rgba(0,200,255,.2);color:#d8e6fa;font-size:11px;font-weight:600;padding:10px 13px;border-radius:8px;transition:all .2s var(--ease)}.upload-nav:hover{border-color:#00c8ff7a;box-shadow:0 0 20px #00c8ff1a;transform:translateY(-1px)}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:20px;height:2px;background:#aeb8cc;margin:4px;border-radius:2px}main{position:relative;z-index:1}.hero{max-width:1200px;margin:0 auto;padding:72px 40px 65px;text-align:center;animation:rise .7s var(--ease) .1s both}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(95,139,255,.2);background:#26314f52;border-radius:999px;padding:6px 11px 6px 7px;color:#aebbe0;font-size:9px;font-weight:700;letter-spacing:.14em}.eyebrow-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#00c8ff21;color:#4ad9ff}.eyebrow-line{width:15px;height:1px;background:linear-gradient(90deg,#4d7eff,transparent)}h1{font-size:clamp(42px,5.2vw,66px);line-height:1.075;letter-spacing:-.057em;margin:23px 0 15px;font-weight:800}.hero h1 span,.how-inner h2 span{background:linear-gradient(100deg,#e8edff 3%,#b2c2ff 45%,#67d5ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:510px;margin:0 auto;color:#919bb4;font-size:14px;line-height:1.75}.hero-points{display:flex;justify-content:center;gap:26px;margin:22px 0 36px;color:#9da8bf;font-size:10px}.hero-points span{display:flex;align-items:center;gap:6px}.hero-points svg{color:#5eddb4}.workspace{max-width:1000px;margin:0 auto;padding:22px;background:linear-gradient(145deg,#14142af2,#0c0d18f5);border:1px solid rgba(153,174,255,.12);border-radius:17px;box-shadow:0 25px 100px #00000073,0 0 45px #3353b312;text-align:left}.workspace-head{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.section-kicker{display:flex;align-items:center;gap:7px;color:#72809d;font-size:9px;letter-spacing:.15em;font-weight:700}.live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981a6;animation:pulse 2.2s infinite}.workspace-head h2{font-size:19px;letter-spacing:-.035em;margin:6px 0 0}.workspace-meta{display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.6;color:#747f99}.workspace-meta b{color:#bac4d8;font-weight:500}.secure-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(16,185,129,.18);background:#10b9810f;border-radius:9px;color:#54caa8}.studio-grid{display:grid;grid-template-columns:.91fr 1.09fr;gap:16px;margin-top:17px}.input-panel,.preview-panel{min-width:0;border:1px solid var(--line);border-radius:12px;background:#08091061;padding:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-heading>div{display:flex;align-items:center;gap:8px}.step-number{color:#627391;font-size:9px;font-weight:700;letter-spacing:.08em}.panel-heading h3{font-size:12px;margin:0;font-weight:650}.file-count{font-size:9px;color:#858fa6;background:#1c2030;padding:5px 8px;border-radius:20px}.dropzone{height:224px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border:1px dashed rgba(121,142,187,.28);border-radius:10px;background:radial-gradient(ellipse at 50% 45%,#27345745,#11142133 68%);cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dropzone:hover,.dropzone.dragging{border-color:#00c8ffab;background:radial-gradient(ellipse at 50% 45%,#0096dc1f,#11142147 70%);box-shadow:inset 0 0 35px #00c8ff0d,0 0 22px #00c8ff12}.dropzone.compact{height:166px}.upload-visual{position:relative;margin-bottom:12px}.upload-ring{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,#00c8ff26,#4d7eff1f);border:1px solid rgba(0,200,255,.24);color:#5fdcff;box-shadow:0 0 28px #00c8ff1a;transition:transform .4s var(--spring)}.dragging .upload-ring{transform:translateY(-4px) scale(1.08)}.upload-spark{position:absolute;right:-5px;top:-6px;font-size:12px;color:#9eb2ff}.drop-title{font-size:12px;font-weight:650;color:#e6ebf7}.drop-hint{margin-top:5px;color:#7e89a2;font-size:10px}.drop-hint b{color:#61d8ff;font-weight:600}.drop-specs{display:flex;align-items:center;gap:6px;margin-top:17px;color:#778199;font-size:9px}.drop-specs span{color:#929db4;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:3px 5px;font-size:8px;font-weight:600}.drop-specs i{width:2px;height:2px;border-radius:50%;background:#59647c;margin:0 2px}.queue{margin-top:13px}.queue-title{display:flex;justify-content:space-between;align-items:center;color:#727d96;font-size:8px;font-weight:700;letter-spacing:.12em;margin-bottom:6px}.queue-title button{border:0;background:none;color:#6f7c97;font-size:9px;cursor:pointer}.queue-title button:hover{color:#ff9b9b}.file-row{display:flex;align-items:center;gap:9px;padding:8px 2px;border-top:1px solid rgba(255,255,255,.045);animation:rise .25s var(--ease) both}.file-thumb{width:33px;height:33px;flex:none;border-radius:7px;overflow:hidden;background:#20243a}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-info{min-width:0;flex:1}.file-name{font-size:10px;color:#c9d0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub{margin-top:4px;font-size:8px;color:#747f98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub span{padding:0 3px;color:#505a70}.error-text{font-size:8px;color:#f58b8b;margin-top:3px}.icon-action{width:27px;height:27px;display:grid;place-items:center;flex:none;border:1px solid transparent;background:none;border-radius:6px;color:#71809a;cursor:pointer;transition:all .18s var(--ease)}.icon-action:hover{color:#dce4f5;background:#252a3c;border-color:var(--line)}.download-action{color:#54d7ff}.mini-spinner,.button-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(0,200,255,.22);border-top-color:#00c8ff;animation:spin .8s linear infinite}.keep-field{margin-top:15px}.keep-field label{color:#79849d;font-size:8px;font-weight:700;letter-spacing:.13em}.input-wrap{display:flex;align-items:center;gap:8px;margin-top:7px;height:35px;padding:0 10px;border:1px solid rgba(255,255,255,.085);background:#0d0f19b3;border-radius:7px;color:#65748f;transition:border-color .2s var(--ease)}.input-wrap:focus-within{border-color:#00c8ff73}.input-wrap input{min-width:0;flex:1;background:transparent;color:#e0e8f6;border:0;outline:0;font-size:10px}.input-wrap input::placeholder{color:#606b82}.keep-field p{color:#6e7890;font-size:8px;line-height:1.5;margin:6px 0 0}.primary-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:1px solid rgba(108,203,255,.33);border-radius:8px;background:linear-gradient(100deg,#168fdf,#4b70ef 62%,#655ae6);color:#fff;font-size:11px;font-weight:650;box-shadow:0 5px 20px #2c6fdf30;cursor:pointer;transition:all .2s var(--ease)}.primary-button>span:first-child{display:flex;align-items:center}.primary-button>svg:last-child{margin-left:auto;margin-right:8px}.primary-button>span:first-child{margin-left:8px}.primary-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 8px 26px #2c6fdf4d}.primary-button:disabled{opacity:.46;cursor:not-allowed}.primary-button .button-spinner{width:14px;height:14px;border-color:#ffffff47;border-top-color:#fff}.safe-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:10px 0 0;color:#69758d;font-size:8px}.safe-note svg{color:#4dc2a0}.preview-panel{display:flex;flex-direction:column}.preview-heading{margin-bottom:13px}.view-toggle{border:1px solid rgba(0,200,255,.21);background:#00c8ff12;border-radius:6px;padding:6px 8px;color:#8fe4ff;font-size:8px;cursor:pointer}.view-toggle:hover{background:#00c8ff21}.preview-canvas{position:relative;min-height:327px;flex:1;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:9px;background-color:#10121d}.checker{background-image:linear-gradient(45deg,#1a1d2b 25%,transparent 25%),linear-gradient(-45deg,#1a1d2b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1d2b 75%),linear-gradient(-45deg,transparent 75%,#1a1d2b 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:18px;animation:preview-in .35s var(--ease) both}.preview-label{position:absolute;top:10px;left:10px;border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:5px 7px;background:#0a0b12bf;font-size:7px;font-weight:700;letter-spacing:.1em;color:#b5c2da}.preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-art{height:115px;width:145px;position:relative;display:grid;place-items:center;margin-bottom:8px}.empty-orbit{position:absolute;border:1px solid rgba(99,130,220,.15);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:142px;height:60px}.orbit-two{width:110px;height:87px;transform:rotate(43deg);border-color:#00c8ff21}.empty-gem{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(98,143,237,.27);border-radius:17px;transform:rotate(-8deg);background:linear-gradient(145deg,#3a5fb540,#00c8ff14);color:#8eb8ff;box-shadow:0 0 35px #3462de24}.empty-plus{position:absolute;right:25px;top:14px;color:#6bcdf5;font-size:12px}.preview-empty h4{font-size:11px;font-weight:600;margin:3px 0 6px}.preview-empty p{font-size:9px;line-height:1.6;color:#77829a;margin:0}.empty-format{display:flex;align-items:center;gap:6px;margin-top:16px;color:#6b7891;font-size:7px;letter-spacing:.13em}.empty-format span{width:5px;height:5px;border-radius:50%;background:#5c73bc}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px}.preview-caption{display:flex;align-items:center;gap:8px}.preview-lock,.success-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;border:1px solid rgba(113,136,196,.16);background:#3744681f;color:#89a4df;flex:none}.success-mark{color:#55d3a5;border-color:#10b98138;background:#10b98114;animation:pop .35s var(--spring)}.preview-caption b,.preview-caption small{display:block}.preview-caption b{font-size:9px;color:#c4cddd;font-weight:600}.preview-caption small{font-size:8px;color:#77829a;margin-top:3px}.download-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(0,200,255,.24);border-radius:7px;background:#00c8ff1a;color:#7fddf8;font-size:9px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease)}.download-button:hover{background:#00c8ff2b;border-color:#00c8ff7a;box-shadow:0 0 18px #00c8ff1a}.batch-summary{display:flex;justify-content:space-between;margin:13px 2px 0;color:#78849d;font-size:9px}.batch-summary span:first-child{display:flex;align-items:center;gap:6px;color:#64d2aa}.trust-row{display:flex;justify-content:center;align-items:center;gap:19px;margin-top:22px;color:#7e89a0;font-size:9px}.trust-row>span:not(.trust-divider){display:flex;align-items:center;gap:7px}.trust-icon{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(133,159,222,.15);border-radius:6px;color:#7b9cd8;font-size:7px;font-style:normal;font-weight:700}.trust-divider{height:14px;width:1px;background:#ffffff1a}.how-section{border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045);background:linear-gradient(90deg,#0f101c2e,#1214228a,#0f101c2e);padding:61px 40px}.how-inner{max-width:1000px;margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center}.how-inner .section-kicker{color:#7181a1}.how-inner h2{margin:12px 0;font-size:33px;line-height:1.12;letter-spacing:-.05em}.how-copy{color:#818da6;font-size:11px;line-height:1.7;max-width:230px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.how-steps article{position:relative;min-width:0}.how-index{position:absolute;right:1px;top:0;color:#3d4860;font-size:8px;font-weight:700}.how-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(0,200,255,.16);border-radius:10px;background:#00c8ff0e;color:#5dcdf1;margin-bottom:12px}.how-steps h3{font-size:10px;margin:0 0 7px}.how-steps p{font-size:9px;line-height:1.7;color:#7b869e;margin:0}.privacy-band{max-width:1000px;margin:34px auto 58px;padding:17px 20px;display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#111a2194,#10121fb3);border:1px solid rgba(80,192,173,.13);border-radius:11px}.privacy-symbol{width:37px;height:37px;display:grid;place-items:center;flex:none;border:1px solid rgba(16,185,129,.2);border-radius:10px;background:#10b98111;color:#5bcaa8}.privacy-band>div:nth-child(2){flex:1}.privacy-band h3{font-size:10px;margin:0 0 4px}.privacy-band p{margin:0;color:#79879a;font-size:9px;line-height:1.6}.privacy-band>a{display:flex;align-items:center;gap:5px;color:#76dabb;font-size:9px;white-space:nowrap}.privacy-band>a:hover{color:#b2f5df}footer{min-height:70px;max-width:1320px;margin:auto;padding:14px 48px;display:flex;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.05);color:#717b91;font-size:9px}.footer-brand{display:flex;align-items:center;gap:7px;color:#c1cbdf;font-size:10px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.footer-brand i{font-size:7px;font-style:normal;font-weight:600;letter-spacing:.11em;color:#73809b}.footer-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:linear-gradient(135deg,#193874,#12495c);color:#7ddfff}.copyright{margin:auto;color:#636e84}.footer-links{display:flex;gap:18px}.toast{position:fixed;z-index:5;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100% - 28px);padding:11px 13px 11px 16px;border:1px solid rgba(248,113,113,.23);border-radius:9px;background:#1a141b;color:#f2c4c4;font-size:10px;box-shadow:0 10px 35px #0008}.toast button{display:grid;place-items:center;border:0;background:none;color:#bd8790;cursor:pointer}@keyframes nav{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 4px #10b98114,0 0 12px #10b98199}}@keyframes preview-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(.7)}to{transform:scale(1)}}@media(max-width:850px){.topbar{padding:0 25px}.navlinks{gap:20px}.private{display:none}.hero{padding:58px 25px}.workspace{padding:17px}.studio-grid{grid-template-columns:.94fr 1.06fr;gap:12px}.input-panel,.preview-panel{padding:12px}.preview-canvas{min-height:310px}.how-section{padding:52px 26px}.how-inner{gap:30px}.privacy-band{margin-left:25px;margin-right:25px}footer{padding:14px 25px}}@media(max-width:650px){.topbar{height:64px;padding:0 18px}.brand{font-size:13px}.brandmark{width:30px;height:30px}.navlinks{display:none}.top-actions{margin-left:auto}.upload-nav{padding:9px 10px;font-size:10px}.menu-button{display:none}.hero{padding:49px 15px 48px}.hero h1{font-size:43px;margin-top:20px}.hero-copy{font-size:12px;max-width:400px}.hero-points{flex-wrap:wrap;gap:10px 17px;margin:19px 0 26px;font-size:9px}.workspace{padding:13px;border-radius:14px}.workspace-head{padding:0 1px 13px}.workspace-head h2{font-size:17px}.workspace-meta{font-size:8px}.secure-icon{width:28px;height:28px}.studio-grid{grid-template-columns:1fr;gap:11px;margin-top:12px}.input-panel,.preview-panel{padding:12px}.dropzone{height:202px}.dropzone.compact{height:145px}.keep-field{margin-top:13px}.preview-canvas{min-height:290px}.preview-footer{align-items:flex-start}.preview-caption small{max-width:140px;line-height:1.45}.download-button{min-height:32px;padding:0 8px;font-size:8px}.trust-row{gap:9px;margin-top:18px;font-size:8px}.trust-icon{width:18px;height:18px}.how-section{padding:43px 20px}.how-inner{grid-template-columns:1fr;gap:25px}.how-inner h2{font-size:29px}.how-copy{max-width:none}.how-steps{gap:14px}.how-steps h3{font-size:9px;min-height:23px}.how-steps p{font-size:8px}.how-icon{width:33px;height:33px;margin-bottom:10px}.privacy-band{margin:24px 15px 39px;padding:14px;gap:10px;flex-wrap:wrap}.privacy-symbol{width:32px;height:32px}.privacy-band>div:nth-child(2){min-width:calc(100% - 52px)}.privacy-band>a{margin-left:42px;font-size:8px}footer{padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:10px}.copyright{grid-row:2;grid-column:1/-1;margin:0}.footer-links{gap:12px}.footer-brand{font-size:9px}}@media(max-width:390px){.hero h1{font-size:38px}.workspace-meta{display:none}.trust-row{gap:7px}.trust-row>span:not(.trust-divider){gap:4px}.trust-divider{height:12px}.file-name{max-width:210px}.how-steps{gap:10px}.how-steps p{font-size:7.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
