:root{--ink:#edeafb;--muted:#a7a0bd;--paper:#110d20;--line:#ffffff16;--accent:#f48ae0;--cyan:#91f0e3;--white:#211a34;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 75% 0,#30204d 0,transparent 43%),var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei","Malgun Gothic",Arial,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.topbar{max-width:1280px;margin:auto;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:850;letter-spacing:.3px}.brand-soft{color:var(--accent);margin-left:4px}.brand small{display:block;font-size:7px;letter-spacing:2px;font-weight:600;color:#aca0c4}.brand-mark{width:39px;height:39px;background:linear-gradient(140deg,#f58cd9,#9d6bf2);border-radius:12px;color:#21152c;font-size:30px;font-weight:900;line-height:40px;text-align:center;transform:rotate(-8deg);position:relative}.brand-mark{flex:none}.brand-arrow{position:absolute;right:-3px;top:-5px;width:16px;height:16px;color:#9ff9e9}.action-arrow{width:15px;height:15px;flex:none}nav{display:flex;align-items:center;gap:23px;font-size:12px}nav>a{color:var(--muted)}nav>a:hover{color:#fff}.language-label{display:flex;align-items:center;gap:5px;background:#ffffff08;border:1px solid var(--line);border-radius:9px;padding:7px 8px;color:#c6b9de}.language-label select{background:transparent;color:var(--ink);border:0;font-size:11px;max-width:100px}.language-label option{color:#fff;background:#241a36}.button{border:1px solid #ffffff23;border-radius:10px;background:#352947;color:#fff;padding:12px 20px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-2px);background:#49375f}.button.small{padding:9px 16px}.button.primary{background:linear-gradient(100deg,#f298d9,#b28cf6);border:0;color:#281735;box-shadow:0 6px 25px #de7cd41a}.button.primary:hover:not(:disabled){background:linear-gradient(100deg,#ffb6e9,#c3a6ff)}.button.accent{background:#bbf4e3;color:#14362a}.text-button{border:0;background:none;padding:5px;color:#cab6e5;font-weight:600}.account-email{font-size:11px;color:#b1a2c7;max-width:140px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;margin-right:10px}main{max-width:1180px;margin:auto;padding:0 0 55px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:445px;padding:50px 0 60px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;display:flex;align-items:center;gap:7px;color:#d2b3eb}.muted{color:#a898ba}.live-dot{height:6px;width:6px;background:#9bf2df;border-radius:50%;box-shadow:0 0 10px #8de7d7}h1{font-size:64px;letter-spacing:-3.1px;line-height:1.07;margin:23px 0 20px;font-weight:850}h1 .gradient-text{background:linear-gradient(110deg,#ff9cdd,#b1a3fd 75%);background-clip:text;color:transparent}.hero-copy>p{font-size:14px;color:#ada3bf;max-width:440px;line-height:1.85;margin-bottom:25px}.hero-tags{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;font-size:9px;color:#b7a8c8}.hero-art{position:relative;min-width:0;padding:30px 0}.hero-art img{position:relative;width:100%;height:auto;display:block;border:5px solid #ffffff13;border-radius:22px;transform:rotate(3deg);box-shadow:0 20px 60px #08051099}.art-glow{position:absolute;inset:-25px 0;background:radial-gradient(ellipse,#a96cf64d,transparent 65%)}.art-chip{position:absolute;bottom:12px;left:-18px;background:#a9f3df;border:3px solid #171023;color:#234536;border-radius:12px;transform:rotate(-5deg);padding:9px 15px;font-size:11px;font-weight:800;box-shadow:0 10px 25px #0005}.art-coordinate{position:absolute;bottom:-14px;right:15px;font-size:7px;letter-spacing:2.5px;color:#88789f}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:27px;letter-spacing:-1px;line-height:1.3;margin:7px 0}.community-badge{font-size:9px;color:#b6a0cc;border:1px solid #b09ac62c;padding:6px 11px;border-radius:20px}.tool-navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 24px}.tool-nav{position:relative;padding:17px 18px;background:#20172f;border:1px solid #ffffff10;border-radius:15px;color:var(--ink);display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;text-align:left;transition:background .2s,border-color .2s}.tool-nav.active{background:linear-gradient(120deg,#55304d,#372448);border-color:#e798d171}.tool-nav:hover{border-color:#bb8cdd77}.nav-icon{width:38px;height:38px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:24px;grid-row:span 2}.pink{background:#f092c91f;color:#f5a0d8}.purple{background:#ad8df128;color:#c5a3ff}.cyan{background:#8addd51c;color:#9af0dc}.tool-nav strong{font-size:13px}.tool-nav small{font-size:7px;letter-spacing:1.5px;color:#ad9cbe}.tool-nav.active small{color:#eea5da}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:23px;align-items:start}.tool-card{background:#21192f;border:1px solid #ffffff15;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 50px #08041030}.tool-top{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 20px;gap:15px}.tool-top h2{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:5px 0 0}.secure-label{font-size:8px;color:#a6c9bc}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 28px;background:#161020;border:1px solid #ffffff07;border-radius:11px;padding:4px;gap:4px}.mode-tab{border:0;border-radius:8px;background:none;color:#9689a9;min-height:47px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:12px;font-weight:650;padding:10px}.mode-tab.active{background:#43304f;color:#fff}.free-pill{font-size:8px;background:#b1f1d322;color:#bef2dd;border-radius:5px;padding:3px 6px}.price-pill{font-size:9px;color:#cbb7dd}#job-form{padding:22px 28px}.dropzone{width:100%;min-height:215px;border:1.5px dashed #a78bb541;background:radial-gradient(ellipse at 50% 0,#a078c50d,transparent),#1c1529;border-radius:13px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;color:var(--ink)}.dropzone:hover,.dropzone.dragover{border-color:#f3a5df;background:#332139}.upload-symbol{width:48px;height:48px;background:#b58af414;border:1px solid #b18cd325;border-radius:14px;font-size:32px;line-height:40px;color:#c5a4e8;margin-bottom:6px}.dropzone strong{font-size:15px;font-weight:650}.dropzone>span:not(.upload-symbol){font-size:11px;color:#9f8eb3}.dropzone .file-limit{font-size:9px!important;color:#89789e!important;margin-top:7px;letter-spacing:.5px}.selected-file{margin-top:12px;background:#171021;border:1px solid var(--line);padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:12px}.file-type-badge{font-size:9px;font-weight:750;background:#b98ce526;color:#d9b4f9;padding:8px 6px;border-radius:6px}.selected-file>div{min-width:0;flex:1}.selected-file strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file div>span{display:block;font-size:10px;color:#9d8bab}.icon-button{border:0;background:none;color:#b6a2c7;font-size:23px;padding:4px}.tool-note{display:flex;gap:8px;align-items:flex-start;margin:15px 0 20px;font-size:10px;color:#a28eb5}.tool-note>span{color:#ba9dd8}.tool-note p{margin:0}.submit-row{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cost>span{font-size:8px;letter-spacing:1px;color:#9885ab;display:block}.cost strong{font-size:23px;letter-spacing:-.6px}.tool-bottom{padding:12px 28px;background:#1a1327;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#a18eb0}.side-panel{display:flex;flex-direction:column;gap:20px}.pricing-card{border:1px solid #ba9ad629;border-radius:var(--radius);padding:25px;background:linear-gradient(145deg,#3e2853,#271c38)}.pricing-card h2{font-size:27px;letter-spacing:-1px;line-height:1.3;margin:17px 0 22px;max-width:260px}.price-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;color:#b8a4cc}.price-line strong{color:#a8efda}.price-line.paid{align-items:flex-start}.price-line.paid strong{font-size:32px;color:#f4b9e8;line-height:1.1;letter-spacing:-1px}.price-line.paid small{display:block;font-size:9px;color:#b9a0c9;text-align:right;letter-spacing:0;margin-top:7px;font-weight:400}.pricing-card ul{list-style:none;margin:20px 0;padding:0;font-size:10px;line-height:2.4;color:#c0acd0}.payment-caption{font-size:8px;color:#baa2cc;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-caption>span:first-child{font-size:13px;font-weight:800;color:#a6edd8}.privacy-card{display:flex;gap:14px;padding:4px 10px;color:#b9a4cb}.privacy-icon{font-size:32px;color:#c8a5ef;line-height:1.1}.privacy-card strong{font-size:12px}.privacy-card p{font-size:10px;line-height:1.85;color:#9b87af;margin:6px 0}.pack-details{margin-top:20px}.pack-details label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:650}.pack-details small{font-size:9px;color:#9f89b3;font-weight:400}.id-row{display:flex;align-items:center;gap:15px;margin:10px 0}.id-row input{width:105px;padding:10px 12px;font-size:16px;border:1px solid #9377ac44;border-radius:8px;background:#151020;color:#eee3fb}.output-name{font-family:monospace;font-size:14px;color:#bc98e5}.pack-details p{font-size:10px;color:#a68db9}.payment-unavailable{font-size:11px;color:#ead7ab;background:#4b3c2b;border:1px solid #ae89543d;padding:12px;border-radius:9px;margin-bottom:15px}.form-error{font-size:12px;color:#ffc2ce;background:#5d253c;padding:11px;border:1px solid #b54a673e;border-radius:8px;margin:12px 0}.how-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:45px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-section h2{font-size:25px;letter-spacing:-.8px;margin:8px 0;line-height:1.3}.how-section ol{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;list-style:none;margin:0;padding:0}.how-section li>span{display:block;font-size:11px;color:#d8a4e8;font-weight:800;margin-bottom:6px}.how-section strong{font-size:12px}.how-section p{font-size:10px;color:#a38bb6;line-height:1.8;margin:5px 0}.history-section{margin-top:32px}.section-heading h2 #job-count{font:500 12px monospace;color:#a88bbc;margin-left:8px}.history-card{border:1px solid var(--line);border-radius:16px;background:#1d152b}.empty-state{padding:35px;display:flex;align-items:center;flex-direction:column;text-align:center}.empty-icon{font-size:30px;color:#986bad;line-height:1.3;margin-bottom:8px}.empty-state strong{font-size:12px;font-weight:550;color:#c0a6d2}.empty-state p{font-size:10px;color:#8f76a3;margin:5px 0}.job-row{padding:20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center}.job-row:last-child{border:0}.job-icon{height:36px;width:36px;background:#b888e61a;color:#c997f1;border:1px solid #d49bf51a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.job-main{min-width:0}.job-filename{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-meta{font-size:9px;display:flex;gap:12px;flex-wrap:wrap;color:#927aa6;margin-top:4px}.job-status{font-size:10px;color:#b0cfbc;margin-top:5px}.job-status.failed{color:#efa6b9}.job-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.job-controls .button{font-size:10px;padding:9px 12px}.download-clock{font-family:monospace;color:#f6abd8;font-size:10px}.job-progress{width:100%;height:5px;accent-color:#c895f2;display:block;margin-top:9px}.coming-panel{background:radial-gradient(ellipse at top,#5f36725c,transparent),#21182f;border:1px solid #bc82e039;border-radius:22px;padding:60px 25px;text-align:center}.coming-panel .nav-icon{margin:0 auto 20px}.coming-panel .eyebrow{justify-content:center}.coming-panel h2{font-size:35px;margin:10px 0}.coming-panel p{max-width:490px;margin:0 auto 25px;color:#b49bc5;font-size:13px}footer{max-width:1180px;margin:auto;padding:25px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:#90789f;font-size:8px}.footer-brand{font-weight:800;letter-spacing:1px;flex:1}.footer-brand>span{font-weight:400;letter-spacing:0;margin-left:8px;color:#8c739d}footer a:hover{color:#dcc1ef}dialog{border:1px solid #7f5c9a66;border-radius:23px;padding:35px;width:440px;max-width:calc(100vw - 30px);color:var(--ink);background:#251a35;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080512bb;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:17px;top:15px}dialog h2{font-size:31px;line-height:1.2;letter-spacing:-.8px;margin:20px 0 12px}.auth-intro{font-size:12px;color:#b09ac3}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:23px 0}.auth-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#9c81b1;padding:10px;font-weight:650;font-size:12px}.auth-tabs button.active{color:#f6b0e1;border-bottom-color:#d990dd}dialog label{display:block;font-size:11px;margin:14px 0 7px;font-weight:650}dialog input{width:100%;padding:12px;border:1px solid #ad7ec13d;border-radius:9px;background:#171021;color:#f2e5fa}dialog input::placeholder{color:#8b719e;font-size:10px}.auth-submit{width:100%;margin-top:23px}.auth-footnote{font-size:9px;color:#997dab;margin:17px 0 0;text-align:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);width:max-content;padding:14px 22px;border:1px solid #916bb64d;border-radius:12px;background:#3b2853;color:#f2e6fb;font-size:12px;box-shadow:0 15px 40px #0005;z-index:5}@media(max-width:1250px){main,footer{margin-left:38px;margin-right:38px}.hero{gap:35px}h1{font-size:54px}.topbar{padding:22px 38px}}@media(max-width:950px){.topbar nav{gap:13px}.hero{gap:25px;min-height:390px}h1{font-size:44px;letter-spacing:-2px}.hero-copy>p{font-size:12px}.hero-tags{gap:9px;font-size:8px}.workspace-grid{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.pricing-card{padding:21px}.tool-top,#job-form{padding-left:22px;padding-right:22px}.mode-tabs{margin-left:22px;margin-right:22px}.secure-label{display:none}.tool-nav{padding:14px 12px;grid-template-columns:33px 1fr;column-gap:9px}.tool-nav strong{font-size:11px}.nav-icon{width:33px;height:33px}.tool-nav small{font-size:6px}.submit-row{flex-wrap:wrap;gap:12px}.submit-row>.button{flex:1}.how-section{gap:25px;grid-template-columns:1fr 2fr}.how-section h2{font-size:22px}.hero-art .art-chip{font-size:9px;left:0}.tool-bottom{flex-wrap:wrap}}@media(max-width:730px){main,footer{margin-left:20px;margin-right:20px}.topbar{padding:18px 20px;gap:12px}.brand{font-size:14px}.brand small{font-size:5px;letter-spacing:1px}.brand-mark{width:32px;height:32px;font-size:24px;line-height:33px;border-radius:9px}.topbar nav{gap:9px}.topbar nav>a{display:none}.account-email{display:none}.topbar .button{padding:8px 11px;font-size:10px}.language-label{padding:6px}.language-label select{font-size:10px;max-width:85px}.hero{grid-template-columns:1fr;padding:35px 0 45px;gap:25px}.hero h1{font-size:50px;max-width:520px}.hero-copy>p{max-width:500px;font-size:13px}.hero-art{max-width:490px;margin:0 auto;padding:12px 7px 23px}.hero-art img{transform:rotate(2deg)}.hero-art .art-chip{bottom:10px;left:-5px}.art-coordinate{bottom:-5px;right:10px;font-size:6px}.hero-tags{font-size:9px}.section-heading h2{font-size:24px}.community-badge{display:none}.tool-navigation{gap:9px}.tool-nav{display:flex;flex-direction:column;text-align:center;padding:13px 6px;gap:6px}.tool-nav .nav-icon{width:32px;height:32px;font-size:22px}.tool-nav strong{font-size:10px}.tool-nav small{font-size:6px;letter-spacing:1px}.workspace-grid{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:4px}.pricing-card{padding:22px}.pricing-card h2{font-size:23px}.privacy-card{padding-top:20px;flex-direction:column;gap:10px}.privacy-card p{font-size:11px}.how-section{display:block;margin:32px 0}.how-section ol{margin-top:22px;gap:17px}.job-row{grid-template-columns:32px minmax(0,1fr);padding:17px 14px;gap:10px}.job-controls{grid-column:2;align-items:flex-start}.job-icon{width:30px;height:30px}.tool-bottom{padding:12px 22px;font-size:8px}.footer-brand>span{display:block;margin:7px 0 0}footer{flex-direction:column;gap:12px}.topbar .text-button{font-size:10px}}@media(max-width:400px){.brand{gap:7px;font-size:12px}.brand small{font-size:4px}.brand-mark{width:28px;height:28px;line-height:28px;font-size:22px}.language-label>span{display:none}.hero h1{font-size:43px}.mode-tab{font-size:11px;gap:6px;padding:10px 7px}.price-pill{font-size:8px}.tool-top h2{font-size:21px}.side-panel{display:block}.privacy-card{flex-direction:row;padding:20px 8px 0}.hero-tags{font-size:8px}.how-section ol{gap:11px}.how-section strong{font-size:10px}.how-section p{font-size:9px}.submit-row>.button{font-size:11px}.pack-details label{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.wallet-strip{display:flex;align-items:center;gap:26px;padding:22px 27px;margin-bottom:38px;border:1px solid #b2efdc36;border-radius:18px;background:linear-gradient(110deg,#263c3a55,#39254888)}.wallet-strip strong{display:block;font-size:29px;letter-spacing:-1px;margin-top:5px;color:#acf3db}.wallet-strip>p{font-size:12px;color:#b0a4bc;flex:1}.wallet-strip .eyebrow{color:#9bc7b8}.wallet-history{margin-top:35px}.topup-row{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.topup-row:last-child{border:0}.topup-row strong{font-size:12px;display:block}.topup-row small{display:block;color:#ab94be;font-size:10px;margin-top:5px}.topup-row .button{font-size:10px;padding:9px 12px}.ledger-details{font-size:11px;color:#bca0ce;margin-top:16px}.ledger-details summary{cursor:pointer}.ledger-row{padding:12px 5px;border-bottom:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap}.ledger-row>small{margin-left:auto;color:#826b98}.positive{color:#acebd5}.negative{color:#f6b3df}#topup-dialog{width:490px;max-height:90vh;overflow:auto}dialog select{width:100%;background:#181123;color:#e8d9f4;border:1px solid #ad7ec13d;padding:12px;border-radius:9px}.topup-estimate{color:#acf3db;font-size:15px}.deposit-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 18px}.deposit-heading strong{font-size:22px;color:#e8b4f3}.deposit-heading>span{font-size:11px;color:#9edece}#deposit-qr{display:block;max-width:100%;height:auto;width:248px;margin:0 auto 20px;border:12px solid white;border-radius:10px;background:#fff}.deposit-details{padding:16px;border:1px solid var(--line);border-radius:12px;background:#181124}.deposit-details label{font-size:8px;letter-spacing:1px;color:#a789be;margin:12px 0 5px}.deposit-details>label:first-child{margin-top:0}.deposit-details strong{font-size:22px;color:#baf3df}.deposit-details code{display:block;overflow-wrap:anywhere;font-size:11px;color:#ddc8ef;user-select:all}.deposit-warning{font-size:10px;color:#d2b5b5;background:#55374544;padding:12px;border-radius:9px;line-height:1.8}#another-topup{display:block;margin:18px auto 0;font-size:11px}#deposit-retry{width:100%;margin-top:15px}@media(max-width:730px){.wallet-strip{gap:15px;flex-wrap:wrap;padding:20px;margin-top:5px}.wallet-strip>p{display:none}.wallet-strip>.button{margin-left:auto;font-size:12px}.wallet-strip strong{font-size:25px}.wallet-strip .eyebrow{font-size:7px}.topup-row{padding:16px;flex-wrap:wrap}.ledger-row{gap:10px}}

/* Compact wallet modal and aligned workspace cards. */
.workspace-grid{align-items:stretch}.side-panel{align-self:stretch}.pricing-card{flex:1;display:flex;flex-direction:column}.pricing-card .payment-caption{margin-top:auto}.pricing-card ul{margin-bottom:24px}#topup-dialog .wallet-strip{margin:20px 0;padding:16px 20px}#topup-dialog .wallet-strip strong{font-size:30px}#topup-dialog .wallet-history{margin-top:28px}#topup-dialog .wallet-history .eyebrow{display:none}#topup-dialog .wallet-history h2{font-size:20px;margin:0}#topup-dialog .history-card .empty-state{padding:20px}.wallet-trigger{color:var(--cyan);border-color:#91f0e344}@media(max-width:730px){.side-panel{display:flex;margin-top:0}.pricing-card h2{max-width:none}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}.topbar{align-items:flex-start}.wallet-trigger{font-size:10px}}

/* Balance and top-up action belong to the pricing card. */
.pricing-card .wallet-strip{display:block;margin:0 0 24px;padding:18px;border-radius:14px;background:#17102466}.pricing-card .wallet-strip strong{font-size:27px;margin:4px 0 14px}.pricing-card .wallet-strip .button{width:100%;font-size:12px}.pricing-card .wallet-strip .eyebrow{font-size:8px}.pricing-card .wallet-strip .wallet-trigger{color:#281735;background:linear-gradient(100deg,#f298d9,#b28cf6)}

/* Deposit form lives directly beside the ACV tool. */
.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(310px,360px)}#topup-dialog.inline-topup{width:auto;max-height:none;overflow:visible}.inline-topup>h2{margin:12px 0}.inline-topup .auth-intro{margin:0 0 10px}.inline-topup label{display:block;font-size:11px;font-weight:650;margin:14px 0 7px}.inline-topup input,.inline-topup select{width:100%;padding:12px;border:1px solid #ad7ec13d;border-radius:9px;background:#171021;color:var(--ink)}.inline-topup .wallet-strip{margin:12px 0;padding:12px 16px}.inline-topup .wallet-strip strong{margin:3px 0;font-size:26px}.inline-topup .auth-footnote{line-height:1.7}.inline-topup .wallet-history h2{font-size:19px}.inline-topup .deposit-details{padding:12px}.inline-topup .section-heading{margin-bottom:12px}@media(max-width:950px){.workspace-grid{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:730px){.workspace-grid{grid-template-columns:1fr}}

/* Keep the deposit form compact; activity must not stretch the upload card. */
.workspace-grid{align-items:start}.side-panel{align-self:start}.tool-card{align-self:start}.inline-topup .wallet-strip{margin:10px 0 12px;padding:10px 14px;border-radius:10px}.inline-topup .wallet-strip>div{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.inline-topup .wallet-strip .eyebrow{font-size:7px;letter-spacing:1px}.inline-topup .wallet-strip strong{font-size:23px;margin:0;white-space:nowrap}.inline-topup>h2{margin:8px 0}.inline-topup>h2+ .auth-intro{font-size:11px}.inline-topup label{margin:10px 0 5px}.inline-topup input,.inline-topup select{padding:10px}.inline-topup .topup-estimate{font-size:13px;margin:12px 0 8px}.inline-topup .auth-footnote{font-size:9px;line-height:1.6;margin-top:10px;text-align:left}.inline-topup .auth-submit{margin-top:17px}.wallet-history{padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:#211a3455}.wallet-history .section-heading{margin-bottom:14px}.wallet-history h2{font-size:21px}.wallet-history .empty-state{padding:20px}.wallet-history .eyebrow{display:none}.wallet-history .ledger-details{margin-top:12px}

.workspace-grid{align-items:stretch}.workspace-grid>.tool-card,.workspace-grid>.side-panel{align-self:stretch}.inline-topup #topup-form{flex:1;display:flex;flex-direction:column}.inline-topup #topup-submit{margin-top:auto}.inline-topup #topup-minimum{margin-bottom:18px}.workspace-grid:has(#topup-payment:not([hidden])){align-items:start}.workspace-grid:has(#topup-payment:not([hidden]))>.tool-card,.workspace-grid:has(#topup-payment:not([hidden]))>.side-panel{align-self:start}

/* Reserve the official GIS button footprint while its iframe initializes. */
#google-signin{width:320px;max-width:100%;min-height:44px;margin:18px 0 0}#google-signin svg{width:20px;height:20px;max-width:20px;max-height:20px;flex-shrink:0}#google-signin iframe{border:0;max-width:100%}#google-signin.google-loading{visibility:hidden}.google-loading-note{font-size:12px;color:var(--muted);margin:18px 0 0}

.tool-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.subscription-panel{margin:22px 0 26px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#211a3455}.subscription-panel .section-heading{margin-bottom:12px}.subscription-panel p{margin:5px 0;color:var(--muted);font-size:11px}.subscription-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.plan-card>strong{font-size:13px}.plan-card>p{font-size:21px;color:var(--cyan);font-weight:750;margin:10px 0}.plan-card small{font-size:10px;font-weight:400}.plan-card .button{width:100%;font-size:11px}.subscription-note{margin-top:12px!important}.mode-tab{flex-wrap:wrap}#plan-dialog p{font-size:12px;color:var(--muted)}#plan-buy{width:100%;margin-top:20px}@media(max-width:730px){.tool-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-panel{padding:15px}.subscription-plans{gap:8px}.plan-card{padding:10px}.plan-card>p{font-size:17px}.plan-card>strong{font-size:11px}.plan-card .button{padding:8px;font-size:10px}}

/* Persistent account and balance, with access pricing inside the right card. */
html{scroll-padding-top:108px}.topbar{position:sticky;top:0;z-index:30;max-width:none;background:#151023ed;backdrop-filter:blur(16px);box-shadow:0 6px 24px #0002}.header-left{display:flex;align-items:center;gap:24px;min-width:0}.header-account{display:flex;align-items:center;gap:12px;min-width:0;margin-left:auto}#account .account-email{display:inline-block;max-width:220px;margin:0;font-size:11px}.balance-chip{border:1px solid #91f0e344;border-radius:30px;padding:7px 12px;background:#91f0e30a;color:var(--cyan);white-space:nowrap}.balance-chip strong{font-size:12px}.balance-chip:hover{background:#91f0e31c}#topup-dialog .subscription-panel{margin:18px 0;padding:0;border:0;background:none}#topup-dialog .subscription-plans{grid-template-columns:1fr;gap:10px}#topup-dialog .plan-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:13px}#topup-dialog .plan-card>p{font-size:19px;margin:0}#topup-dialog .plan-card .button{grid-column:1/-1;margin-top:7px}#topup-dialog .subscription-note{font-size:9px;line-height:1.7}#topup-dialog #subscription-status{font-size:11px;margin:0}#payg-pricing{padding:18px 0}#payg-cost{font-size:23px;color:var(--cyan)}#payg-policy{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}#topup-details{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}#topup-details>summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--accent)}#topup-rates{margin-top:15px}.inline-topup #topup-form{display:block}.inline-topup #topup-submit{margin-top:17px}.workspace-grid{align-items:start}.workspace-grid>.tool-card,.workspace-grid>.side-panel{align-self:start}
@media(max-width:1050px){
 #account .account-email{max-width:180px}
 .balance-chip{padding:4px 10px}
 .topbar nav{gap:10px}
}
@media(max-width:730px){
 html{scroll-padding-top:108px}
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;padding:8px 12px}
 .header-left{grid-row:1;grid-column:1}
 .header-left .brand{font-size:clamp(11px,3.4vw,14px);gap:7px;letter-spacing:0}
 .brand-mark{width:30px;height:30px;line-height:31px;font-size:24px}
 .brand small{white-space:nowrap}
 .topbar nav{grid-row:1;grid-column:2;flex-wrap:nowrap;gap:6px}
 .topbar .language-label{padding:0 5px}
 .topbar .language-label>span{display:none}
 .topbar .language-label select{width:clamp(74px,20vw,82px);min-height:40px;padding:0 2px;font-size:11px}
 .topbar #logout,.topbar #auth-open{min-height:42px;padding:0 5px;white-space:nowrap;font-size:11px}
 .topbar .header-account{grid-row:2;grid-column:1/-1;margin:0;justify-content:space-between;gap:8px;padding-top:4px;border-top:1px solid var(--line)}
 #account .account-email{min-width:0;max-width:none;font-size:11px}
 .balance-chip{flex:none;min-height:32px}
 .balance-chip strong{font-size:11px}
}

#acv-workspace.free-tools{grid-template-columns:minmax(0,1fr)}#acv-workspace.free-tools>.tool-card{width:100%}

#admin-dialog{width:min(760px,90vw);max-height:85vh}#support-dialog{width:min(480px,90vw)}.support-row{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.support-row p{margin:6px 0}#support-open{margin:12px 0}#support-dialog input{width:100%}

/* Both desktop cards share the same bounds; controls retain their natural size. */
@media(min-width:901px){.workspace-grid{align-items:stretch}.workspace-grid>.tool-card,.workspace-grid>.side-panel{align-self:stretch}.workspace-grid>.tool-card{display:flex;flex-direction:column}.tool-card #job-form{flex:1;display:flex;flex-direction:column}.tool-card #tool-panel{flex:1;display:flex;flex-direction:column}.tool-card .submit-row{margin-top:auto}.workspace-grid>.side-panel{display:flex;flex-direction:column}.side-panel>.pricing-card{flex:1}.tool-card .dropzone{min-height:210px}.tool-card .tool-bottom{margin-top:0}}
#pack-variant{margin:8px 0 14px;width:100%}.pack-details>.id-row{margin-top:12px}

#pack-variant{padding:12px 14px;background:#171021;color:#f2e5fa;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:13px;color-scheme:dark}@media(max-width:730px){.side-panel{display:block}}

/* Compact subscription rows keep funding visible without three stacked cards. */
#topup-dialog .subscription-plans{gap:6px}
#topup-dialog .plan-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-radius:10px}
#topup-dialog .plan-card>strong{font-size:11px}
#topup-dialog .plan-card>p{font-size:16px;margin:0;text-align:right;white-space:nowrap}
#topup-dialog .plan-card>p small{font-size:8px}
#topup-dialog .plan-card .button{grid-column:auto;margin:0;padding:8px;font-size:10px;min-height:34px}
#topup-dialog .subscription-note{margin:10px 0 0;font-size:9px;line-height:1.6}
#topup-dialog .subscription-panel{margin:12px 0 0}
#topup-dialog .subscription-panel .section-heading{margin-bottom:10px}
#topup-details{margin-top:14px;padding-top:12px}
#topup-details h3{margin:8px 0 12px;font-size:16px}
#topup-dialog .plan-card .button{max-width:90px;white-space:normal}

#plan-dialog{max-height:90vh;overflow-y:auto}#plan-funding #topup-details{margin-top:18px}#plan-funding select,#plan-funding input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#171021;color:#f2e5fa;font:inherit}#plan-funding label{display:block;margin:14px 0 8px;font-size:12px}#plan-funding #topup-submit{width:100%;margin-top:16px}#plan-funding #deposit-qr{max-width:100%;height:auto}#plan-funding code{overflow-wrap:anywhere}

/* File activity fills the left column independently of the funding card. */
.workspace-main{min-width:0;display:flex;flex-direction:column;gap:22px;align-self:start}
.workspace-main>.tool-card{display:block}
.workspace-main .tool-card #job-form,.workspace-main .tool-card #tool-panel{display:block}
.workspace-main .tool-card .submit-row{margin-top:22px}
.workspace-main>.history-section{margin:0}
.workspace-main>.history-section>.section-heading{margin-bottom:14px}
.workspace-main .job-row{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:18px}
.workspace-main .job-filename{overflow-wrap:anywhere}
.workspace-main .job-controls .button{font-size:11px;padding:10px 12px}
@media(max-width:730px){.workspace-main .job-row{grid-template-columns:32px minmax(0,1fr)}.workspace-main .job-controls{grid-column:2}}

/* Stretch cards across their own column, without stretching either column vertically. */
#acv-workspace{align-items:start;gap:24px}
#acv-workspace>.workspace-main{width:100%;align-self:start}
#acv-workspace .workspace-main>.tool-card{width:100%;min-width:0;align-self:stretch;box-sizing:border-box}
#acv-workspace>.side-panel{align-self:start;display:block;min-width:0}
#acv-workspace .side-panel>.pricing-card{width:100%;box-sizing:border-box}
#acv-workspace.free-tools>.workspace-main{grid-column:1/-1}
.workspace-main .history-section .section-heading{align-items:center}
.workspace-main .job-row{min-width:0}
@media(max-width:900px){#acv-workspace{grid-template-columns:minmax(0,1fr)}#acv-workspace>.side-panel{width:100%}}

/* Balance the entire workspace, including activity, rather than individual cards. */
@media(min-width:901px){
 #acv-workspace{align-items:stretch}
 #acv-workspace>.workspace-main{align-self:stretch}
 #acv-workspace .workspace-main>.history-section{margin-top:auto;padding-top:0}
 #acv-workspace>.side-panel{align-self:stretch;display:flex;flex-direction:column}
 #acv-workspace .side-panel>.pricing-card{flex:1;display:flex;flex-direction:column}
 #acv-workspace #topup-details{flex:1;display:flex;flex-direction:column}
 #acv-workspace #topup-form{flex:1;display:flex;flex-direction:column}
 #acv-workspace #topup-submit{margin-top:auto}
 #acv-workspace #topup-minimum{margin-bottom:18px}
}
.workspace-main>.history-section .section-heading h2{margin:0}
.workspace-main>.history-section .section-heading{margin-bottom:16px}

#history{max-height:390px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#806294 #1d1529}
.files-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:var(--muted)}
.files-pagination .button{min-width:36px;padding:7px 12px}
#qr-dialog{width:min(520px,calc(100vw - 32px));max-height:90vh;overflow-y:auto;padding:30px}
#qr-dialog .deposit-heading{padding-right:28px;margin-bottom:18px}
#qr-dialog #deposit-qr{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:12px}
#qr-dialog .deposit-details{overflow-wrap:anywhere}
#qr-dialog code{white-space:normal;overflow-wrap:anywhere}
#qr-dialog #another-topup{display:block;margin:16px auto 0}
@media(max-width:730px){#history{max-height:350px}#qr-dialog{padding:24px}}

/* The Google iframe owns the interactive button. Hide the SDK placeholder
   even when its inline styles are blocked by the page CSP. */