@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172238;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#172238;--muted:#788398;--line:#e8ebf3;--purple:#6958d8;--purple-dark:#5544c4;--soft-purple:#f0edff;--green:#1d9b70}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 0%,#f0efff 0,transparent 32%),#f7f8fc}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:76px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(225,229,240,.75)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 21px Manrope,sans-serif;letter-spacing:-1px}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border-radius:11px;background:var(--purple);color:#fff;font:800 21px Manrope;box-shadow:0 5px 12px #6958d83d}.brand-mark span,.brand-period{color:#b6aaff}.top-nav{display:flex;align-items:center;gap:34px;margin-left:110px}.top-nav a{font-size:13px;text-decoration:none;color:#8992a5;font-weight:600}.top-nav a.nav-active{color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:18px}.privacy-pill{display:flex;align-items:center;gap:7px;color:#68758b;font-size:12px;font-weight:600}.privacy-pill .icon{width:15px;height:15px;color:var(--green)}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9e5ff;color:var(--purple);font:800 13px Manrope}main{max-width:1180px;margin:auto;padding:0 28px}.hero-section{display:flex;align-items:center;justify-content:space-between;min-height:365px;padding:47px 44px 36px 38px;position:relative}.hero-copy{max-width:570px;z-index:1}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--purple)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#8d7df0;box-shadow:0 0 0 4px #ebe8ff}.hero-copy h1{font:800 clamp(42px,5vw,61px)/1.08 Manrope,sans-serif;letter-spacing:-3.2px;margin:18px 0 15px;color:#1b2540}.hero-copy h1 span{color:var(--purple)}.hero-description{max-width:500px;color:#778298;line-height:1.75;font-size:15px;margin:0}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:24px;color:#8791a4;font-size:11px;font-weight:600}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust .icon{width:14px;height:14px;color:#27a37b}.hero-trust i{height:3px;width:3px;border-radius:50%;background:#c6ccda}.hero-art{height:230px;width:360px;position:relative;margin-right:38px}.art-orbit{position:absolute;border:1px solid #e3e0fa;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:340px;height:180px;left:0;top:27px}.orbit-two{width:280px;height:150px;left:31px;top:41px;transform:rotate(27deg)}.art-card{position:absolute;width:130px;height:158px;border:1px solid #ececf5;background:#fff;border-radius:17px;box-shadow:0 18px 45px #37336e14;padding:20px 17px}.art-card-back{left:65px;top:35px;transform:rotate(-10deg);opacity:.86}.art-card-front{left:178px;top:20px;transform:rotate(8deg);z-index:2}.art-file{height:48px;width:42px;border-radius:10px;display:grid;place-items:center;color:#fff;font:800 13px Manrope;margin-bottom:19px}.art-file-green{background:linear-gradient(145deg,#46c79a,#15936a)}.art-file-purple{background:linear-gradient(145deg,#a99afa,#6857d5);font-size:10px}.art-lines{display:flex;flex-direction:column;gap:7px}.art-lines i{height:5px;background:#edf0f6;border-radius:5px}.art-lines i:nth-child(2){width:78%}.art-lines i:nth-child(3){width:90%}.art-lines i:nth-child(4){width:55%}.art-convert{position:absolute;z-index:3;left:144px;top:92px;width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--purple);box-shadow:0 8px 25px #4940a52b}.art-convert .icon{width:20px}.art-sparkle{position:absolute;color:#a89af8;font-size:24px}.sparkle-a{top:14px;right:27px}.sparkle-b{bottom:15px;left:42px;font-size:18px}.workspace{background:#fff;border:1px solid #e9ebf3;border-radius:22px;padding:30px 32px 25px;box-shadow:0 18px 60px #28345c0a}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.workspace-heading h2{font:800 22px Manrope,sans-serif;letter-spacing:-.7px;margin:7px 0 5px;color:#1b2540}.workspace-heading p{font-size:12px;color:#8a94a8;margin:0}.step-indicator{display:flex;align-items:center;gap:9px;margin-right:5px}.step-indicator span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f0f1f6;color:#9ca4b5;font-size:10px;font-weight:700}.step-indicator span.step-active{background:var(--soft-purple);color:var(--purple)}.step-indicator i{width:25px;height:1px;background:#e5e7ef}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);gap:22px}.upload-column{min-width:0}.dropzone{min-height:190px;border:1.5px dashed #d8dced;border-radius:16px;background:linear-gradient(140deg,#fbfbff,#fafaff);display:flex;align-items:center;justify-content:center;transition:.2s;border-color:#d9dcef;cursor:pointer}.dropzone:hover,.dropzone.is-dragging{border-color:#9588ec;background:#f8f6ff}.dropzone input{display:none}.drop-content{display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px;text-align:center}.upload-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eeeaff;color:var(--purple);margin-bottom:2px}.upload-icon .icon{width:22px;height:22px}.drop-content>strong{font:700 15px Manrope;color:#303a54}.drop-content>span{font-size:12px;color:#8a94a7}.drop-content>small{font-size:10px;color:#a0a8b8;margin-top:4px}.text-button{border:0;background:none;color:var(--purple);font-weight:700;padding:0;text-decoration:underline;text-underline-offset:2px}.dropzone.has-file{min-height:112px;background:#fbfcff;border-style:solid;border-color:#e8eaf3;cursor:default}.selected-file{display:flex;align-items:center;gap:14px;padding:20px;width:100%;min-width:0}.file-glyph{width:43px;height:48px;flex:0 0 43px;position:relative;display:grid;place-items:center;color:var(--glyph-color,#8b7ce7)}.file-glyph svg{position:absolute;inset:0;width:100%;height:100%;fill:#fff;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.file-glyph span{position:relative;margin-top:12px;font:800 7px Manrope;color:var(--glyph-color,#8b7ce7)}.selected-file-meta{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.selected-file-meta strong{font-size:13px;color:#303a54;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-meta span{font-size:11px;color:#929caf}.selected-file-meta b{padding:0 4px;color:#c0c5d1}.icon-button{width:31px;height:31px;border:1px solid #e8eaf2;background:#fff;color:#8d96a8;border-radius:9px;display:grid;place-items:center}.icon-button:hover{color:#d15c68;border-color:#f0dadd}.icon-button .icon{width:15px}.upload-footnote{display:flex;justify-content:space-between;gap:12px;padding:10px 2px 19px;color:#9aa3b3;font-size:10px}.upload-footnote span:first-child{display:flex;align-items:center;gap:5px}.upload-footnote .icon{width:13px;height:13px;color:#29a47c}.format-flow{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:10px;margin-top:4px}.format-box{border:1px solid #e9ebf3;border-radius:13px;padding:12px 14px;background:#fff;min-width:0}.format-box>span{display:block;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#a0a8b8;margin-bottom:9px}.format-box>div{display:flex;align-items:center;gap:9px}.format-box .file-glyph{width:27px;height:30px;flex-basis:27px}.format-box .file-glyph span{font-size:5px;margin-top:8px}.format-box strong{font:800 13px Manrope;color:#303a54}.flow-arrow{display:grid;place-items:center;color:#a39adf}.flow-arrow .icon{width:20px}.output-select-wrap{position:relative;justify-content:space-between!important}.output-select-wrap select{width:100%;border:0;outline:0;appearance:none;background:transparent;font:800 13px Manrope;color:#5544c4;cursor:pointer}.output-select-wrap .icon{width:15px;color:#8e83d8;pointer-events:none}.route-note{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:10px;color:#8c96a9}.route-dot{width:7px;height:7px;border-radius:50%;background:#b7bdca}.route-local{background:#26a47b;box-shadow:0 0 0 3px #e5f6ef}.route-server{background:#e0a14f;box-shadow:0 0 0 3px #fff4e4}.route-help{margin-left:auto;border:1px solid #dce0eb;border-radius:50%;width:15px;height:15px;text-align:center;line-height:13px;color:#98a1b2;font-size:9px}.settings-panel{border:1px solid #e9ebf3;border-radius:16px;padding:19px 19px 14px;background:#fdfdff;display:flex;flex-direction:column;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title h3{font:800 15px Manrope;color:#26314b;margin:5px 0 0}.panel-spark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#f0edff;color:var(--purple)}.panel-spark .icon{width:17px}.settings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #e9eaf3;background:#fff;border-radius:11px;padding:12px;text-align:left;color:#303a54}.settings-toggle>span{display:flex;flex-direction:column;gap:4px}.settings-toggle strong{font-size:11px}.settings-toggle small{font-size:10px;color:#929caf}.settings-toggle .icon{width:15px;color:#929caf;transition:transform .2s}.settings-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.default-settings{display:flex;flex-direction:column;gap:12px;padding:4px 0 8px}.setting-row{display:flex;align-items:center;gap:10px}.setting-mini-icon{width:30px;height:30px;border-radius:9px;background:#f0edff;color:var(--purple);display:grid;place-items:center;flex:0 0 30px}.setting-mini-icon .icon{width:15px}.setting-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.setting-row strong{font-size:11px;color:#46516a}.setting-row small{font-size:10px;color:#9aa2b2}.setting-row>b{font-size:9px;color:#239a72;background:#e9f7f0;padding:4px 7px;border-radius:6px}.panel-divider{height:1px;background:#eceef4;margin:15px 0 12px}.ready-line{display:flex;align-items:center;gap:7px;font-size:10px;color:#929bad;margin-bottom:8px}.ready-indicator{width:7px;height:7px;border-radius:50%;background:#c3c8d4}.ready-indicator.ready{background:#25a47a;box-shadow:0 0 0 3px #e5f6ef}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border:0;border-radius:11px;background:linear-gradient(105deg,#7160df,#5b4bc9);color:#fff;font-weight:700;font-size:12px;box-shadow:0 7px 16px #6554d52e;transition:transform .15s,box-shadow .15s}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #6554d540}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary-button .icon{width:16px}.cancel-button{background:#fff0f1;color:#c34c5a;box-shadow:none}.cancel-button:hover{box-shadow:none!important}.button-caption{text-align:center;font-size:9px;color:#a0a8b7;margin:9px 0 0}.image-settings{display:flex;flex-direction:column;gap:9px;padding-top:13px}.setting-label{font-size:10px;font-weight:700;color:#778298}.mode-option{display:flex;align-items:center;gap:9px;border:1px solid #eaecf3;background:#fff;padding:9px;border-radius:9px;cursor:pointer}.mode-option.selected{border-color:#b9b0f2;background:#faf9ff}.mode-option input{position:absolute;opacity:0;pointer-events:none}.radio-dot{width:13px;height:13px;border:1.5px solid #c5cada;border-radius:50%;position:relative;flex:0 0 13px}.mode-option.selected .radio-dot{border-color:var(--purple)}.mode-option.selected .radio-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--purple)}.mode-option>span:last-child{display:flex;flex-direction:column;gap:3px}.mode-option strong,.metadata-option strong{font-size:10px;color:#4b566e}.mode-option small,.metadata-option small{font-size:9px;color:#9aa3b3}.slider-card{background:#fff;border:1px solid #eaecf3;border-radius:9px;padding:10px}.slider-heading,.slider-ends{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#818ba0}.slider-heading strong{font-size:11px;color:var(--purple)}.slider-card input{width:100%;accent-color:var(--purple);margin:10px 0 5px}.slider-ends{color:#a0a8b7}.metadata-option{display:flex;gap:8px;align-items:flex-start}.metadata-option input{accent-color:var(--purple);margin:1px 0 0}.metadata-option span{display:flex;flex-direction:column;gap:3px}.settings-disclaimer{font-size:9px;color:#a0a8b7;line-height:1.5;margin:0}.result-panel{margin-top:19px;border:1px solid #e7e9f1;border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:12px;background:#fafbff}.result-success{background:#f4fbf7;border-color:#d8f0e4}.result-error{background:#fff8f8;border-color:#f5dfe1}.result-symbol{width:33px;height:33px;border-radius:10px;background:#eeeaff;color:var(--purple);display:grid;place-items:center;flex:0 0 33px}.result-success .result-symbol{background:#e2f6eb;color:#1c9b6d}.result-error .result-symbol{background:#fce9eb;color:#c34c5a}.result-symbol .icon{width:17px}.result-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.result-copy strong{font-size:11px;color:#35415a}.result-copy span{font-size:10px;color:#8791a4;overflow-wrap:anywhere}.result-copy small{font-size:9px;color:#a1a9b7}.download-button{border:0;border-radius:9px;background:#1d9b70;color:#fff;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;white-space:nowrap}.download-button .icon{width:14px}.loader{width:15px;height:15px;border:2px solid #d8d2fa;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:32px 16px 40px}.benefit-item{display:flex;align-items:flex-start;gap:12px}.benefit-icon{width:35px;height:35px;border-radius:11px;background:#eeecff;color:var(--purple);display:grid;place-items:center;flex:0 0 35px}.benefit-icon .icon{width:17px}.benefit-item strong{font:700 11px Manrope;color:#38445d}.benefit-item p{font-size:10px;line-height:1.6;color:#929bad;margin:5px 0 0;max-width:230px}.site-footer{max-width:1180px;margin:auto;border-top:1px solid #e9ebf2;padding:19px 28px 25px;display:flex;align-items:center;gap:15px;color:#a0a8b7;font-size:10px}.footer-brand{font-size:15px;gap:7px}.footer-brand .brand-mark{width:24px;height:24px;border-radius:8px;font-size:16px}.site-footer>span:last-child{margin-left:auto}.icon{width:18px;height:18px;display:block}@media(max-width:900px){.hero-section{padding-left:10px;padding-right:10px}.hero-art{transform:scale(.82);transform-origin:center right;margin-right:0;width:310px}.workspace{padding:24px}.workspace-grid{grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:14px}.settings-panel{padding:15px}}@media(max-width:680px){.topbar{height:65px;padding:0 18px}.top-nav{display:none}.privacy-pill{font-size:0}.privacy-pill .icon{width:18px;height:18px}.topbar-right{gap:10px}main{padding:0 15px}.hero-section{min-height:0;padding:48px 4px 28px}.hero-copy h1{font-size:45px;letter-spacing:-2.5px}.hero-description{font-size:13px;max-width:440px}.hero-art{display:none}.hero-trust{flex-wrap:wrap;gap:8px;font-size:9px}.workspace{padding:19px 15px;border-radius:17px}.workspace-heading{align-items:flex-start}.workspace-heading h2{font-size:18px}.step-indicator{gap:5px}.step-indicator span{width:21px;height:21px}.step-indicator i{width:12px}.workspace-grid{grid-template-columns:1fr;gap:18px}.settings-panel{padding:16px}.dropzone{min-height:175px}.upload-footnote{font-size:9px}.benefits{grid-template-columns:1fr;gap:17px;padding:26px 6px 32px}.benefit-item p{max-width:none}.site-footer{padding:18px 16px;flex-wrap:wrap;gap:8px}.site-footer>span:nth-child(2){width:100%;order:3}.site-footer>span:last-child{margin-left:auto}.result-panel{align-items:flex-start;flex-wrap:wrap}.download-button{margin-left:45px}.format-flow{grid-template-columns:1fr 30px 1fr;gap:6px}.format-box{padding:10px}.format-box strong{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
