/* Repsurfer / complete layout rebuild. No dependency on the previous styles.css. */
@font-face{font-family:SF;src:url('fonts/SFProText-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SF;src:url('fonts/SFProText-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:SF;src:url('fonts/SFProText-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:SF;src:url('fonts/SFProText-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#111212;--card:#1c1e1e;--line:#303333;--text:#f4f6f3;--muted:#8d9594;--blue:#168cff;--green:#bdf889;--page-pad:14px;--nav-h:116px;font-family:SF,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}
body{color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}
button:focus-visible,a:focus-visible{outline:2px solid #b6dcff;outline-offset:3px}
svg{display:block;width:24px;height:24px;flex-shrink:0}
h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:32px;letter-spacing:-.8px;font-weight:700}h2{font-size:21px;line-height:27px;letter-spacing:-.5px}h3{font-size:15px;line-height:21px}
a{color:#7cc2ff;text-underline-offset:3px}[hidden]{display:none!important}
.app-shell{width:100%;height:100dvh;overflow:hidden}
.screen{width:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;padding:max(14px,var(--telegram-safe-top,0px)) var(--page-pad) calc(var(--nav-h) + max(env(safe-area-inset-bottom),var(--telegram-safe-bottom,0px)));scrollbar-width:none;overscroll-behavior:contain;background:var(--bg);-webkit-overflow-scrolling:touch}
.screen::-webkit-scrollbar{display:none}.screen.no-nav{padding-bottom:25px}
.content{width:100%;min-height:max-content;animation:reveal .2s ease both}
.screen.stable-render .content,.sheet-static{animation:none!important}
@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.header{display:flex;height:38px;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.logo{display:block;width:128px;height:34px;object-fit:contain;object-position:left center}
.balance-pill{display:flex;align-items:center;gap:5px;height:30px;padding:3px 9px 3px 4px;border:1px solid #424b4660;border-radius:50px;background:#26302a;font-size:12px;font-weight:600;white-space:nowrap}
.balance-icon{display:grid;width:21px;height:21px;flex:0 0 21px;place-items:center;border-radius:50%;background:#bdf889;color:#23341b;font-size:12px}
.balance-pill::after{content:'+';color:#a7beaf;font-size:14px;margin-left:3px}
.top-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff14;border-radius:50%;background:#232727;color:#a3afad;padding:0}.icon-button svg{width:18px;height:18px}
.subtitle,.muted{color:var(--muted)}.subtitle{font-size:12px;line-height:18px}
.eyebrow{font-size:9px;line-height:14px;letter-spacing:1.3px;color:#8eaaa3}

/* Compact campaign banner, then a three-column poster catalogue. */
.hero{position:relative;height:100px;margin-bottom:19px;border-radius:15px;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,#4c8a69,transparent 65%),linear-gradient(105deg,#27513f,#40735b 65%,#18392d);isolation:isolate;border:1px solid #6d987154}
.hero::after{position:absolute;z-index:-1;inset:0;content:'';background:repeating-linear-gradient(130deg,transparent 0 20px,#ffffff03 21px 22px)}
.hero-copy{position:relative;z-index:2;left:13px;top:12px;width:64%}
.hero-tag{display:block;font-size:7px;line-height:10px;letter-spacing:1.1px;font-weight:600;color:#c1e2c9;margin-bottom:5px}
.hero-copy strong{display:block;font-size:19px;line-height:21px;letter-spacing:-.5px}
.hero-caption{display:inline-block;margin-top:7px;font-size:8px;line-height:11px;background:#d7ffd91b;border:1px solid #d7ffd926;border-radius:4px;padding:2px 5px;color:#d8f5de}
.hero-surfer{position:absolute;z-index:1;right:-9px;top:-15px;width:47%;height:130%;object-fit:contain;object-position:right center;filter:drop-shadow(0 9px 8px #0d211944)}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:10px}
.catalog-heading h1{font-size:19px;line-height:25px;letter-spacing:-.45px}
.catalog-count{font-size:9px;color:#94a09b;border-radius:6px;background:#232827;padding:4px 6px}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:7px;margin-bottom:13px}
.input-wrap{position:relative;min-width:0}.input-wrap>svg{position:absolute;z-index:1;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#73817b;pointer-events:none}
.input,.select,.textarea{width:100%;color:var(--text);outline:none;border:1px solid #ffffff0e;background:#1c2020;border-radius:10px}
.input{height:36px;padding:0 12px;font-size:12px}.input-wrap .input{padding-left:33px}
.input::placeholder,.textarea::placeholder{color:#77827e}
.input:focus,.select:focus,.textarea:focus{border-color:#528eac;background:#202828}
.view-switch{display:grid;place-items:center;border:1px solid #ffffff14;border-radius:50%;background:#262c2a;color:#9eaaa4}.view-switch svg{width:17px;height:17px}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}
.brand-card{min-width:0;background:transparent;border:0;padding:0;overflow:hidden}
.brand-art{display:grid;place-items:center;position:relative;aspect-ratio:.88;overflow:hidden;border-radius:13px;background:#fff;border:1px solid #ffffff14}
.brand-logo-dark{background:#202322}
.brand-art img{display:block;width:76%;height:64%;object-fit:contain;transition:transform .25s}
.brand-logo-fallback{padding:12px;color:#181a19;font-size:15px;font-weight:600;text-align:center;overflow-wrap:anywhere}
.brand-info{padding:5px 1px 0}.brand-info h3{height:16px;margin:0 2px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:16px;font-weight:500;letter-spacing:-.1px}
.small-button{display:flex;width:100%;height:26px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:50px;background:#148bff;color:#fff;font-size:8px;line-height:1;font-weight:600;padding:0 7px}
.small-button span{display:block;font:inherit;line-height:1;white-space:nowrap}.small-button .button-price{opacity:.8}.small-button svg{width:11px;height:11px;margin-left:auto;flex-shrink:0}
.brand-grid.list-view{grid-template-columns:1fr;gap:8px}.brand-card.list{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;align-items:center;height:78px;border-radius:14px;background:#1c2020;padding:6px}
.brand-card.list .brand-art{width:65px;height:65px;aspect-ratio:1;border-radius:10px}.brand-card.list .brand-info{padding:0}.brand-card.list h3{font-size:13px;height:18px;line-height:18px;margin-bottom:7px}
.brand-card.list .small-button{max-width:200px;height:27px;font-size:10px;justify-content:flex-start;padding:0 12px}
.empty-state{display:grid;place-items:center;min-height:280px;text-align:center;color:#84938c;padding:20px}.empty-mascot{width:135px;height:135px;object-fit:contain}.empty-state strong{display:block;color:#e4ece6;font-size:18px}.empty-state p{font-size:12px;margin-top:7px}

/* Liquid-glass dock: transparent sampled backdrop, refracted rim and specular reflections. */
.bottom-nav{--edge:12px;--orb:68px;--gap:8px;position:fixed;z-index:25;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,460px);height:calc(103px + env(safe-area-inset-bottom));pointer-events:none}
.bottom-nav:before{position:absolute;z-index:-1;inset:-10px -6px 0;content:'';background:linear-gradient(transparent,#11121260 60%,#111212);pointer-events:none}
.nav-capsule,.profile-nav{position:absolute;bottom:max(14px,env(safe-area-inset-bottom),var(--telegram-safe-bottom,0px));height:var(--orb);border:1px solid #ffffff30;background:linear-gradient(130deg,#ffffff17,#ffffff07 40%,#8caaa112);box-shadow:inset 0 2px 2px #ffffff24,inset 0 -2px 2px #0007,0 8px 28px #0006;backdrop-filter:blur(13px) saturate(175%) brightness(1.18);-webkit-backdrop-filter:blur(13px) saturate(175%) brightness(1.18);pointer-events:auto;isolation:isolate;overflow:hidden}
.nav-capsule{left:var(--edge);width:calc(100% - var(--edge)*2 - var(--orb) - var(--gap));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:100px;gap:2px;padding:5px 8px}
.nav-capsule:before,.profile-nav:before{position:absolute;z-index:0;inset:0;content:'';border-radius:inherit;padding:1.3px;background:conic-gradient(from 280deg,#ffffff05,#fffffff0 10%,#ffffff15 32%,#ffffff03 47%,#d8f8f7b0 63%,#ffffff1a 82%,#ffffff05);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.nav-capsule:after,.profile-nav:after{position:absolute;z-index:0;inset:1px;content:'';border-radius:inherit;background:radial-gradient(ellipse at 22% 0%,#ffffff24,transparent 45%),radial-gradient(ellipse at 85% 100%,#abd5e915,transparent 55%);pointer-events:none}
.nav-item{position:relative;z-index:1;display:flex;min-width:0;height:56px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;border:0;border-radius:28px;background:transparent;color:#9fa8a6;font-size:8px;line-height:10px;transition:background .18s,color .18s}
.nav-item svg{width:24px;height:24px}.nav-item.active{color:#fff;background:linear-gradient(#ffffff21,#ffffff0a);box-shadow:inset 0 1px 1px #ffffff15,0 5px 14px #0001;font-weight:600}
.profile-nav{right:var(--edge);width:var(--orb);display:grid;place-items:center;border-radius:50%;padding:9px}
.nav-avatar{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;border:1px solid #ffffff5a}
.nav-avatar img{width:100%;height:100%;object-fit:cover}
.profile-nav.active .nav-avatar{border-color:#61b9ff;box-shadow:0 0 0 1px #168cff}

/* Passes: horizontal product rows with a clear price and one purchase action. */
.subscriptions-intro{margin:21px 0 17px}.subscriptions-intro .subtitle{margin-top:6px}
.membership-summary{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px}
.membership-summary span{display:flex;align-items:center;gap:5px;border-radius:6px;padding:5px 7px;background:#242b27;color:#a4b4a9;font-size:8px;line-height:12px}
.membership-summary svg{width:12px;height:12px;color:#c1efaa}
.subscription-grid{display:grid;grid-template-columns:1fr;gap:10px}
.plan-card{display:grid;grid-template-columns:105px minmax(0,1fr);gap:13px;min-width:0;padding:10px;background:#1d2120;border:1px solid #ffffff0f;border-radius:18px;overflow:hidden}
.plan-art{position:relative;width:100%;height:100%;min-height:122px;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 70% 20%,#577967,#293d31)}
.plan-7{background:radial-gradient(ellipse at 70% 20%,#476c97,#263b50)}.plan-2{background:radial-gradient(ellipse at 70% 20%,#9b8767,#453b2e)}.plan-3{background:radial-gradient(ellipse at 70% 20%,#7e6697,#3b3049)}.plan-8{background:radial-gradient(ellipse at 70% 20%,#497591,#243c4a)}
.plan-surfer{position:absolute;inset:9px 3px 25px;width:calc(100% - 6px);height:calc(100% - 34px);object-fit:contain}
.plan-period{position:absolute;bottom:9px;left:0;right:0;color:#dbe6df;font-size:8px;line-height:11px;text-align:center}
.plan-content{min-width:0;display:flex;flex-direction:column;justify-content:center}
.plan-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 0 7px}
.plan-title-row h3{font-size:17px;line-height:22px;letter-spacing:-.4px}
.price{display:flex;align-items:center;gap:5px;font-size:21px;line-height:27px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}
.old-price{color:#76867b;font-size:10px;line-height:14px;font-weight:400;letter-spacing:0;text-decoration:line-through}
.plan-description{font-size:10px;line-height:15px;color:#9daaa2;margin-bottom:12px;min-height:30px}
.plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.plan-access{font-size:8px;line-height:12px;color:#81998a}
.plan-bottom button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:77px;min-height:30px;border:0;border-radius:50px;padding:6px 12px;background:#178cff;font-size:10px;font-weight:600}
.plan-bottom button svg{width:12px;height:12px}.plan-bottom button:disabled{background:#354c31;color:#cbf0b4}.plan-remaining{display:block;font-size:9px;color:#b5ec8f;margin:0 0 9px;line-height:14px}
.tools-plan{border-color:#406478;background:linear-gradient(125deg,#213641,#19262c)}
.tools-plan .plan-title-row{flex-wrap:wrap;gap:3px}.tools-plan .plan-title-row h3{font-size:16px}
.tools-plan .plan-access{color:#90a8b4}

/* Account completely reorganized as a balance dashboard and list of destinations. */
.screen-profile .header{margin-bottom:17px}
.profile-cover{position:relative;display:flex;align-items:center;gap:12px;min-height:80px;padding:14px;background:#1f2322;border:1px solid #ffffff0e;border-radius:17px}
.profile-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;border:1px solid #ffffff30;object-fit:cover}
.profile-cover>div{min-width:0;flex:1}.profile-name{font-size:16px;line-height:22px;font-weight:600;overflow-wrap:anywhere;letter-spacing:-.3px}
.profile-sub{font-size:10px;line-height:16px;color:#9bab9f;margin-top:3px}
.identity-label{position:absolute;bottom:8px;right:12px;font-size:6px;letter-spacing:1.7px;color:#55665c}
.account-wallet{position:relative;overflow:hidden;margin:12px 0 18px;border-radius:19px;border:1px solid #81a28b42;background:radial-gradient(ellipse at 95% 100%,#688161,transparent 60%),linear-gradient(110deg,#293f32,#3d5943);padding:19px 18px 16px}
.account-wallet>span{position:relative;z-index:1;font-size:11px;color:#b3c7b4}
.account-wallet>strong{position:relative;z-index:1;display:block;margin:6px 0 19px;font-size:39px;line-height:46px;letter-spacing:-1.5px}
.account-wallet strong small{font-size:14px;letter-spacing:0;font-weight:400;color:#bdd3be}
.wallet-topup{position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 13px;border:1px solid #cfe7d726;border-radius:50px;background:#d7f6dc15;font-size:12px;font-weight:500}
.wallet-topup>svg{width:16px;height:16px}.wallet-topup>svg:last-child{margin-left:auto;color:#d8f4dc}
.wallet-shine{position:absolute;right:-40px;top:-47px;width:235px;height:235px;border-radius:50%;border:1px solid #e1ffe730;box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff02;transform:rotate(-30deg)}
.action-grid{display:grid;grid-template-columns:1fr;border:1px solid #ffffff0e;border-radius:17px;background:#1c201f;overflow:hidden}
.action-card{display:flex;width:100%;min-height:69px;align-items:center;gap:12px;padding:12px;border:0;border-bottom:1px solid #ffffff09;background:transparent;text-align:left}
.action-card:last-child{border-bottom:0}.action-card>div{flex:1;min-width:0}.action-card h3{font-size:13px;line-height:19px;font-weight:500}
.action-card small,.subscription-term{display:block;margin-top:3px;color:#7e9285;font-size:10px;line-height:15px;white-space:normal}
.action-card>svg{width:16px;height:16px;color:#6c8477}
.account-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:#2e3e33;color:#b5d9b9}
.account-icon svg{width:19px;height:19px}.action-card:nth-child(2) .account-icon{background:#293742;color:#92bad5}.action-card:nth-child(3) .account-icon{background:#3b3245;color:#c2a0e6}.action-card:nth-child(4) .account-icon{background:#333b44;color:#a8bddb}
.ref-card{position:relative;display:flex;width:100%;margin-top:15px;min-height:113px;overflow:hidden;align-items:center;justify-content:space-between;padding:16px;border:1px solid #49696060;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#486a55,transparent 70%),#24392f;text-align:left}
.ref-tag{display:block;margin-bottom:6px;font-size:7px;letter-spacing:1px;color:#aad7b4}
.ref-card h3{font-size:18px;line-height:24px;letter-spacing:-.4px}
.ref-card p{display:flex;align-items:center;gap:8px;font-size:10px;line-height:16px;color:#9cc4aa;margin-top:6px}
.ref-card p svg{width:14px;height:14px}.ref-graphic{display:grid;width:68px;height:68px;place-items:center;border-radius:50%;border:1px solid #cff6de25;background:#ffffff09;box-shadow:0 0 0 14px #ffffff03}
.ref-graphic svg{width:36px;height:36px;color:#cbe7d2}

/* Service workspace: identity, fine progress rail, media preview and clean option rows. */
.workflow-page{max-width:850px;margin:21px auto 0}
.workflow-heading{display:flex;align-items:center;gap:12px}
.workflow-service-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:#294332;color:#c1ecb1;border:1px solid #52714750}
.workflow-service-icon svg{width:23px;height:23px}
.workflow-heading span{font-size:7px;line-height:11px;letter-spacing:1.5px;color:#879b8b}
.workflow-heading h1{font-size:25px;line-height:31px}
.workflow-subtitle{margin:12px 0 0;color:#8e9d94;font-size:12px;line-height:19px}
.workflow-progress{position:relative;height:25px;margin:17px 0 18px;padding-right:60px}
.workflow-progress:before{position:absolute;left:0;right:58px;top:11px;height:3px;border-radius:4px;background:#2e3731;content:''}
.workflow-progress>span{position:absolute;left:0;top:11px;width:calc((100% - 58px)*var(--workflow-progress)/100);height:3px;border-radius:4px;background:#b9ee8b}
.workflow-progress small{position:absolute;right:0;top:5px;color:#899b8d;font-size:9px;line-height:15px}
.workflow-card{background:#1c211e;border:1px solid #ffffff0b;border-radius:18px;padding:16px}
.workflow-intro-card{padding:0;background:transparent;border:0}
.workflow-visual{position:relative;display:flex;align-items:center;gap:13px;height:118px;overflow:hidden;border:1px solid #669c8350;border-radius:16px;padding:16px;background:radial-gradient(ellipse at 80% 40%,#526e5c,transparent),#273f32}
.workflow-visual>div{position:relative;z-index:2;max-width:70%;display:grid;gap:4px}
.workflow-visual strong{font-size:22px;line-height:27px;letter-spacing:-.8px}.workflow-visual small{font-size:9px;line-height:15px;color:#b2c5b7}
.workflow-visual>span:not(.remover-format-tag){display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;border:1px solid #e1ffd52b;background:#13231850;color:#c5e8aa}
.remover-hero{height:auto;aspect-ratio:1;display:block;padding:0;background:#e7eef8;border-color:#64829345}
.remover-hero-art{display:block;width:100%;height:auto;object-fit:contain}
.workflow-copy{margin:23px 0 14px}.workflow-copy h2{font-size:19px;line-height:25px;letter-spacing:-.6px}.workflow-copy p{font-size:12px;line-height:19px;color:#8f9d94;margin-top:7px}
.workflow-options{display:grid;gap:8px}
.workflow-options.two-columns{grid-template-columns:1fr}
.workflow-option{display:flex;width:100%;min-width:0;min-height:63px;align-items:center;gap:12px;padding:11px 13px;border:1px solid #ffffff0e;border-radius:13px;background:#222b25;text-align:left}
.workflow-option>span:nth-child(2){min-width:0;flex:1;display:grid}
.workflow-option strong{font-size:13px;line-height:19px;overflow-wrap:anywhere}.workflow-option small{display:block;margin-top:3px;color:#8a9e8e;font-size:10px;line-height:15px;overflow-wrap:anywhere}
.workflow-option>svg{width:15px;height:15px;color:#7e9b87}
.workflow-option.selected{border-color:#7fa861;background:#2d3e2c}
.option-logo,.file-format,.option-symbol{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#263c4b;border:1px solid #64839940;color:#b3ccdf;font-size:12px;font-weight:600}
.legit-logo{color:#bceccb;background:#244535;border-color:#5b8d7050}.file-format{font-size:9px;background:#394734;color:#d2e5bf}.option-symbol{font-size:20px}
.option-dot{width:17px;height:17px;flex:0 0 17px;border:1px solid #6a866e;border-radius:50%;background:#202b22}
.selected .option-dot{background:#b9eb8a;box-shadow:inset 0 0 0 4px #2d3e2c;border-color:#b9eb8a}
.remover-details{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;padding:16px 0 0;font-size:10px;line-height:15px;color:#8d9f92}
.remover-details>span{display:flex;align-items:center;gap:5px}.remover-details strong{color:#c7efa7}.remover-details svg{width:12px;height:12px;color:#c3e9a7}
.tools-visual{height:195px;align-items:flex-end;background:radial-gradient(ellipse at 80% 60%,#465b77,transparent),#253344;border-color:#5c7b9450;padding-bottom:37px}
.tools-hero-art{position:absolute;right:-30px;top:-27px;width:75%;height:187px;object-fit:contain;filter:drop-shadow(0 12px 8px #10253666)}
.tools-visual>div{max-width:68%;text-shadow:0 2px 10px #132534}
.tools-visual strong{font-size:20px;line-height:24px;letter-spacing:-.6px}
.tools-visual>span.studio-tag{display:block;position:absolute;top:13px;left:15px;width:auto;height:auto;min-width:0;border:0;background:transparent;border-radius:0;font-size:7px;letter-spacing:1.5px;color:#aac0d3}
.tools-visual>span.studio-details{display:flex;position:absolute;left:15px;bottom:12px;gap:5px;width:auto;height:auto;border:0;border-radius:0;background:transparent}
.studio-details i{font-size:6px;font-style:normal;letter-spacing:.5px;padding:3px 5px;border:1px solid #ffffff1c;border-radius:4px;background:#ffffff07;color:#b1c8da}
.workflow-form{display:grid;gap:17px}.workflow-field{display:flex;min-width:0;flex-direction:column}
.workflow-field label{margin:0 0 9px;font-size:12px;line-height:18px;font-weight:500}
.workflow-field input{width:100%;height:46px;padding:0 13px;border:1px solid #43594b;border-radius:11px;outline:0;color:#edf3ee;background:#26362b;font-size:12px}
.workflow-field input::placeholder{color:#7d9885}.workflow-field input:focus{border-color:#a4d88a}
.workflow-field>small{margin:8px 0 0;font-size:10px;line-height:16px;color:#8d9f92}
.workflow-actions{display:grid;gap:9px;margin-top:12px}
.workflow-back{display:flex;width:100%;align-items:center;justify-content:center;gap:6px;height:40px;border:0;background:transparent;color:#8ba392;font-size:11px;margin-top:12px}
.workflow-back svg,.workflow-actions svg{width:15px;height:15px}
.workflow-summary{display:grid}.workflow-summary>div{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;border-bottom:1px solid #ffffff0b;font-size:11px;line-height:17px}
.workflow-summary>div:last-child{border:0}.workflow-summary span{max-width:42%;color:#869b8c}.workflow-summary strong{max-width:64%;min-width:0;text-align:right;overflow-wrap:anywhere;font-weight:500;color:#e0ece2}
.workflow-summary .summary-link{font-size:10px;word-break:break-all;color:#9dc9eb}
.tools-cost{display:block;margin-bottom:15px;border-radius:8px;padding:8px 10px;background:#314430;color:#c0eb9a;font-size:11px;line-height:16px}
.rules-consent{display:flex;align-items:flex-start;gap:10px;margin:19px 0 12px;border:1px solid #45604a;border-radius:13px;padding:13px;background:#233025;cursor:pointer}
.rules-consent input{position:absolute;opacity:0;pointer-events:none}
.rules-consent>span{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border:1px solid #6b8b6c;border-radius:6px;background:#1c291e;color:transparent}
.rules-consent>span svg{width:14px;height:14px}.rules-consent input:checked+span{background:#b8e98c;border-color:#b8e98c;color:#243620}
.rules-consent b{font-size:11px;line-height:17px;font-weight:400;color:#b2c9b7}
.dropzone{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;min-height:168px;padding:20px;border:1px dashed #6c9b76;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#324632,transparent),#243126;cursor:pointer}
.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone>svg{width:32px;height:32px;color:#b7dc9f}.dropzone strong,.dropzone small,.dropzone b{display:block}
.dropzone strong{font-size:13px;line-height:19px}.dropzone small{font-size:10px;line-height:16px;color:#8aa28d;margin-top:5px}.file-count{font-size:11px;line-height:16px;margin-top:12px;color:#c2e3b0}
.selected-files{display:grid;gap:7px;max-height:180px;overflow:auto}.selected-files>span{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:10px;padding:9px 10px;border-radius:9px;background:#2b3930;overflow-wrap:anywhere}.selected-files small{color:#91a894;white-space:nowrap}
.processing-card,.success-card{display:grid;place-items:center;align-content:center;min-height:320px;text-align:center}
.processing-card h2,.success-card h2{font-size:18px;line-height:24px;margin:18px 0 8px}
.processing-card p,.success-card p{color:#91a698;font-size:11px;line-height:18px;max-width:330px;margin-bottom:20px}
.spinner,.large-spinner{display:block;width:25px;height:25px;border:2px solid #ffffff1e;border-top-color:#bfe79c;border-radius:50%;animation:spin .7s linear infinite}
.large-spinner{width:44px;height:44px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}
.success-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#c1e995;color:#2c4327}.success-mark svg{width:30px;height:30px}
.download-list{display:grid;gap:8px;width:100%;margin-top:13px}.download-list a{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:11px;background:#293a2c;font-size:11px;text-decoration:none;color:#d0e4d3}.download-list a span{color:#91c3ea}
.success-card>.secondary{margin-top:10px}

/* Sheets are compact, independent compositions; content always determines their height. */
.sheet-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:9px;padding-bottom:max(9px,env(safe-area-inset-bottom));background:#03080894;backdrop-filter:blur(8px) saturate(.8);-webkit-backdrop-filter:blur(8px) saturate(.8)}
.sheet,.figma-sheet,.balance-sheet,.generator-sheet{position:relative;width:100%;max-width:540px;max-height:calc(100dvh - 18px - env(safe-area-inset-bottom));overflow:auto;margin:0;padding:10px 18px 19px;border:1px solid #8b98934d;border-radius:24px;background:linear-gradient(145deg,#282c2b,#202322 70%);box-shadow:inset 0 1px 1px #ffffff0d,0 20px 70px #0007;scrollbar-width:thin;scrollbar-color:#536857 transparent;animation:sheet-enter .22s ease-out}
@keyframes sheet-enter{from{opacity:0;transform:translateY(30px)}}
.handle{width:33px;height:3px;margin:0 auto 18px;border-radius:4px;background:#607767}
.figma-sheet>h2,.balance-sheet>h2,.generator-sheet>h2{font-size:21px;line-height:27px;margin-bottom:19px}
.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.sheet-head h2{margin:0}
.close{width:30px;height:30px;border:1px solid #ffffff17;border-radius:50%;background:#2b3830;color:#b4c8bc}
.primary,.secondary,.danger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:12px 15px;border-radius:50px;font-size:12px;line-height:18px;font-weight:600;text-decoration:none;border:0}
.primary{color:white;background:#168bff;box-shadow:inset 0 1px 1px #ffffff21}.secondary{background:#304134;color:#b5cdbb;border:1px solid #5b745d50}.danger{background:#623b3b;color:#facbcb}
.primary:disabled{opacity:.45;box-shadow:none}.button-row,.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wide-action,.back-wide{grid-column:1/-1}
.figma-actions,.balance-actions,.generator-actions{display:grid;gap:9px;margin-top:20px}
.generator-form{display:grid;gap:17px}.generator-field,.template-field{display:flex;min-width:0;flex-direction:column}
.generator-field label,.template-field label{font-size:12px;line-height:18px;font-weight:500;margin-bottom:7px}
.generator-field input,.template-field input{width:100%;height:43px;flex:0 0 43px;border-radius:10px;border:1px solid #454e49;padding:0 12px;background:#303733;color:#edf6ee;font-size:12px;outline:0}
.generator-field input::placeholder,.template-field input::placeholder{color:#829b84}
.generator-field input:focus,.template-field input:focus{border-color:#a2d17e;background:#2e4432}
.generator-step{display:inline-flex;border-radius:6px;background:#344737;color:#bfddac;padding:4px 7px;font-size:9px;line-height:13px;margin:-9px 0 21px}
.gmail-note{order:-2;color:#c2dea3;font-size:9px;line-height:15px;margin-bottom:7px}
.field-note{color:#8fa890;font-size:10px;line-height:15px;margin-top:6px}.field-note b{color:#c2d4c0}
.generator-loading{display:grid;place-items:center;min-height:170px}
.generator-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.feature-banner,.balance-banner,.how-banner{position:relative;display:flex;width:100%;height:118px;overflow:hidden;border-radius:15px;background:radial-gradient(ellipse at 70% 30%,#496857,transparent),linear-gradient(120deg,#233b30,#364e42);border:1px solid #81a38b40;margin-bottom:19px}
.responsive-banner-art{position:absolute;right:-5px;top:-16px;width:160px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 6px #10221c55)}
.banner-label{position:relative;z-index:1;align-self:center;padding-left:15px;max-width:59%}
.banner-label small{display:block;color:#a8c5b5;font-size:7px;line-height:11px;letter-spacing:1px;margin-bottom:8px}
.banner-label strong{display:block;font-size:20px;line-height:24px;letter-spacing:-.5px;font-weight:600;max-width:165px}
.promo-entry-sheet .feature-banner,.promo-success-sheet .feature-banner,.promo-error-sheet .feature-banner{background:radial-gradient(ellipse at 70% 30%,#707b5b,transparent),linear-gradient(120deg,#394538,#4d5c40)}
.templates-intro-sheet .feature-banner,.templates-review-sheet .feature-banner,.generator-review-sheet .balance-banner{background:radial-gradient(ellipse at 70% 30%,#567180,transparent),linear-gradient(120deg,#2b3c45,#354e59);border-color:#9bb7c340}
.templates-intro-sheet .banner-label small,.templates-review-sheet .banner-label small,.generator-review-sheet .banner-label small{color:#a5becb}
.banner-orbit{position:absolute;top:50%;left:50%;width:205px;height:80px;border-radius:50%;border:1px solid #d2f6cc20;transform:translate(-50%,-50%) rotate(-24deg)}
.balance-stars,.figma-banner-export{display:none}
.templates-copy strong{display:block;font-size:14px;line-height:22px;font-weight:500}
.templates-copy p{margin-top:12px;font-size:11px;line-height:18px;color:#8da590}.templates-copy small{display:block;font-size:10px;line-height:17px;color:#809b85;margin-top:12px}
.templates-fields{display:grid;gap:16px}.template-field small{color:#b7d19f;font-size:9px;line-height:14px;margin-top:6px}
.templates-review-title{font-size:15px;line-height:22px;margin-bottom:15px}
.templates-review-list{display:grid;border:1px solid #45634b;border-radius:13px;background:#25392a;padding:0 12px}
.templates-review-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:41px;border-bottom:1px solid #ffffff0b;font-size:11px;line-height:17px}.templates-review-list>div:last-child{border:0}
.templates-review-list span{color:#8ca990}.templates-review-list strong{max-width:70%;font-weight:500;overflow-wrap:anywhere;text-align:right}
.templates-review-note{color:#90aa96;font-size:11px;line-height:18px;text-align:center;margin:18px 0 0}
.promo-form>label{display:block;font-size:12px;text-align:center;color:#a6bfab}
.promo-code-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:76px;margin:12px 0 16px;border:1px solid #54775a;border-radius:13px;background:#2c4430}
.promo-code-wrap input{width:calc(100% - 48px);border:0;outline:0;background:transparent;color:#ddefda;text-align:center;font-size:27px;letter-spacing:4px;text-transform:uppercase;font-weight:600}
.promo-code-wrap input::placeholder{color:#6c8e73}.promo-code-wrap button{position:absolute;right:9px;display:grid;place-items:center;width:26px;height:30px;border:0;background:transparent;color:#a1c5ab}.promo-code-wrap button svg{width:17px;height:17px}
.promo-error-sheet .promo-submit{display:none}.promo-error-message{border-radius:13px;padding:13px;text-align:center;background:#503c31;border:1px solid #97705555}
.promo-error-message strong{display:block;font-size:13px}.promo-error-message span{display:block;margin-top:4px;font-size:10px;line-height:15px;color:#c5a993}
.promo-success-copy{text-align:center;padding:2px 0 7px}.promo-success-copy span{color:#b4e58d;font-size:12px}.promo-success-copy strong{display:block;margin-top:12px;font-size:22px;line-height:29px}
.referral-lead{font-size:13px;line-height:21px;color:#bdd0c1;margin-bottom:20px}.referral-lead br{display:none}
.referral-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.referral-tier{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:137px;padding:8px;border:1px solid #405d48;border-radius:13px;background:radial-gradient(ellipse at 60% 0,#405b45,transparent),#243329}
.referral-tier>img{width:72px;height:72px;object-fit:contain}.referral-tier strong{font-size:12px;line-height:18px}.referral-tier small{text-align:center;font-size:9px;line-height:14px;color:#91ac98;margin-top:4px}
.referral-note{font-size:10px;line-height:16px;color:#89a58d;margin:16px 0}
.referral-link label{display:block;font-size:11px;margin-bottom:8px;color:#a2bca8}
.referral-link div{width:100%;padding:12px;border:1px solid #46674e;border-radius:11px;font-size:11px;color:#b4d1bd;background:#273d2d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.referral-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.referral-buttons button{min-height:40px;font-size:10px;padding:9px 10px}.referral-buttons svg{width:14px;height:14px}
.referral-stats{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:20px;border-top:1px solid #ffffff10;padding-top:14px;color:#8baa94;font-size:11px}.referral-stats strong{color:#e3f1e5}
.referral-loader{display:grid;place-items:center;min-height:220px}
.settings-language{margin-bottom:18px}.settings-language>label{display:block;font-size:12px;color:#a1bca8;margin-bottom:11px}.settings-language>div{display:flex;gap:9px}
.language-pill{display:flex;align-items:center;gap:7px;height:35px;border:1px solid #4d6a56;border-radius:50px;padding:0 12px;background:#2a3b2d;font-size:12px}
.language-pill.active{border-color:#87bf64;color:#d8f0c9;background:#3d5634}.language-flag{width:19px;height:19px}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:61px;border-top:1px solid #ffffff0d;color:#abc4b2;font-size:12px}
.switch,.theme-switch{position:relative;width:51px;height:28px;border-radius:50px;background:#168bff;border:1px solid #559ad15a;padding:0}
.switch i{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;right:2px}.switch:not(.on){background:#3c4c40;border-color:#607f6550}.switch:not(.on) i{right:25px}
.theme-switch{display:flex;align-items:center;justify-content:space-around}.theme-switch i{display:block;width:22px;height:22px;border-radius:50%;background:#fff}.theme-sun{font-size:12px;color:#fff}
.theme-switch i{position:relative;overflow:hidden}.theme-switch.dark i:before{position:absolute;content:'';width:17px;height:17px;left:8px;top:0;border-radius:50%;background:#168bff}.theme-switch:not(.dark){background:#627664;border-color:#859886}
.settings-link,.docs-links button{display:flex;align-items:center;gap:10px;width:100%;min-height:47px;padding:10px 12px;border:1px solid #405c47;border-radius:12px;background:#293b2c;font-size:12px;text-align:left}
.settings-link{margin-top:13px}.settings-link>svg,.docs-links button>svg{margin-left:auto;width:15px;height:15px;color:#8cab93}
.settings-support{margin-top:18px}.settings-support svg,.article-support svg{width:16px;height:16px}
.mini-badge{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:#3e5b42;color:#b4d9ac}.mini-badge svg{width:14px;height:14px}
.docs-links{display:grid;gap:9px}.faq-list{display:grid;gap:8px}
.faq-item>button{display:flex;width:100%;min-height:47px;align-items:center;gap:8px;padding:11px 12px;border:1px solid #46654b;border-radius:12px;background:#293c2e;font-size:12px;text-align:left}
.faq-item>button svg{width:14px;height:14px;margin-left:auto;color:#94b497}.faq-item.open>button{background:#365035;border-color:#73986a}.faq-item.open>button svg{transform:rotate(90deg)}
.faq-item p{font-size:11px;line-height:18px;color:#aac1ae;margin:13px 10px 9px}
.faq-support,.how-question{display:grid;gap:6px;text-align:center;margin-top:24px}.faq-support strong,.how-question strong{font-size:15px;line-height:21px}.faq-support span,.how-question span{font-size:10px;line-height:16px;color:#8aaa91}
.article-support{margin-top:16px}.rules-copy h3{font-size:14px;line-height:20px;margin-bottom:6px;color:#bfd3bc}.rules-copy p{font-size:12px;line-height:20px;color:#a4bea8;margin-bottom:18px}
.how-banner{align-items:center}.how-banner .responsive-banner-copy{position:relative;z-index:2;width:66%;padding-left:14px;font-size:19px;line-height:24px;font-weight:600;letter-spacing:-.4px}
.how-banner .responsive-banner-art{left:auto;right:-20px;top:-10px;transform:none;width:140px;height:135px}
.how-steps{display:grid;gap:8px}.how-steps>div{display:flex;align-items:center;gap:9px;min-height:43px;padding:10px 12px;border-radius:11px;border:1px solid #45604b;background:#28382c;font-size:12px;line-height:18px}
.checkout-copy>strong{font-size:12px;font-weight:400;color:#b0c6b6}
.checkout-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:13px;padding:12px;background:#2d4330;border:1px solid #507151;margin-top:12px}
.checkout-copy span{display:flex;align-items:center;gap:10px;font-size:21px;line-height:27px;font-weight:600}.checkout-copy span:has(img){font-size:14px}.checkout-copy span img{width:47px;height:47px;object-fit:contain}
.checkout-terms{font-size:11px;line-height:18px;color:#bce59d;margin-top:13px}
.balance-amount-content>label{display:block;text-align:center;font-size:12px;line-height:18px;color:#aec6b3;margin-bottom:10px}
.amount-editor{display:flex;align-items:center;justify-content:center;gap:8px;height:84px;margin-bottom:19px;border:1px solid #53745a;border-radius:13px;background:#2a4130}
.amount-editor input{width:auto;min-width:30px;max-width:80%;height:70px;field-sizing:content;border:0;padding:0;outline:0;background:transparent;color:#edf8eb;text-align:right;font-size:43px;line-height:70px;font-weight:600}
.amount-editor input::placeholder{color:#617d68}.amount-editor span{font-size:30px;line-height:40px;font-weight:500;color:#bce698}
.currency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.currency-card{position:relative;height:103px;overflow:hidden;border:1px solid #40634a;border-radius:14px;background:#263b2d;text-align:left;padding:12px}
.currency-card:disabled{opacity:.35}.currency-icon{position:absolute;right:9px;top:8px;width:45px;height:45px;object-fit:contain}.currency-ghost{position:absolute;right:-7px;top:-16px;width:135px;height:135px;opacity:.09;object-fit:contain}
.currency-card>span{position:absolute;bottom:12px;left:12px;display:grid;gap:4px}.currency-card b{font-size:12px}.currency-card small{font-size:9px;color:#8da594}
.confirm-copy h3{font-size:14px;line-height:22px;text-align:center}
.confirm-copy p{font-size:11px;line-height:18px;color:#9fb6a4;margin:14px 0}
.confirm-copy strong{display:block;border-radius:12px;padding:12px;background:#3b4630;border:1px solid #7d915550;color:#d4ddb8;font-size:12px;line-height:19px;font-weight:500}
.balance-loading-content{display:grid;justify-items:center;align-content:center;gap:12px;min-height:200px;text-align:center}.balance-loading-content strong{font-size:14px}.balance-loading-content small{font-size:10px;color:#88a792}
.invoice-lead{display:grid;grid-template-columns:116px minmax(0,1fr);gap:13px;margin-bottom:26px;align-items:start}
.qr-wrap{position:relative;width:116px;height:116px;border:1px solid #90aa96;border-radius:14px;padding:8px;background:#fff}.qr-wrap>img{width:98px;height:98px;object-fit:contain}
.qr-wrap>span{position:absolute;left:5px;right:5px;bottom:-12px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:50px;height:27px;border:1px solid #6e8975;background:#314a38;color:#e8f5e9;font-size:9px}
.qr-wrap>span img{width:17px;height:17px;object-fit:contain}
.invoice-warning{font-size:10px;line-height:16px;color:#a4bbaa}.invoice-warning p{margin-bottom:10px}.invoice-warning p:first-child{color:#e2d9b1}.invoice-warning p:nth-child(2){color:#e0eedd}
.invoice-address-block{margin-bottom:20px}.invoice-address-block label{display:block;font-size:11px;color:#a4c0ac;margin-bottom:8px}
.invoice-address{display:block;width:100%;padding:12px;border:1px solid #4c7253;border-radius:12px;background:#2c432f;font-size:12px;line-height:19px;color:#d0e8d2;word-break:break-all;text-align:left;cursor:copy}
.invoice-details{display:grid;gap:9px;padding:12px;border:1px solid #405c47;border-radius:13px;background:#263a2b}
.invoice-row{display:flex;align-items:center;justify-content:space-between;min-height:33px;gap:6px;color:#a0bca7;font-size:11px;line-height:16px}
.invoice-pill{display:flex;align-items:center;gap:5px;max-width:73%;min-height:31px;border:1px solid #5c815d70;border-radius:8px;padding:4px 7px;background:#345237;color:#e6f3de;font-size:11px;font-weight:500;white-space:nowrap}
.invoice-pill img,.invoice-dollar,.invoice-time-icon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;object-fit:contain}
.invoice-dollar{border-radius:50%;background:#bfe597;color:#314a24;font-size:11px}.invoice-time-icon{border-radius:50%;background:#97b7a2;color:#294535;font-size:15px}
.invoice-pill.expired{color:#f3bdb0;border-color:#b16f6050;background:#634032}#invoice-timer{font-variant-numeric:tabular-nums;min-width:37px}
.invoice-help{text-align:center;margin-top:22px}.invoice-help h3{font-size:14px;line-height:20px;margin-bottom:5px}.invoice-help p{font-size:10px;line-height:16px;color:#94b39c}
.review-banner{margin-bottom:16px}.review-banner h3{font-size:14px;line-height:21px}
.review-list,.review-sender{padding:0 12px;border:1px solid #44674c;border-radius:13px;background:#263b2b}
.review-sender{margin-top:11px}
.review-row{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:12px;border-bottom:1px solid #ffffff0b;font-size:11px;line-height:18px}
.review-row:last-child{border:0}.review-row>span{max-width:42%;color:#8fab94}.review-row strong{min-width:0;max-width:68%;flex:1;text-align:right;font-size:12px;font-weight:500;overflow-wrap:anywhere;color:#e2efe3}
.review-row a{color:#8fc6f2}.result{margin:13px 0;border:1px solid #72945455;border-radius:12px;padding:13px;background:#35452b;color:#d4e9af;font-size:12px;line-height:19px;overflow-wrap:anywhere}.result.error{border-color:#ac736b55;background:#543632;color:#f6bbb0}

/* History and feedback. */
.orders-title{margin-top:24px}.orders-search{margin-top:18px}.order-list{display:grid;gap:10px}
.order-card{border:1px solid #ffffff0b;border-radius:16px;background:#1d2520;padding:14px}.order-top{display:flex;align-items:center;gap:9px}
.order-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#344b38;color:#b8dcae}.order-icon svg{width:19px;height:19px}.order-top h3{font-size:13px;line-height:18px}
.order-date{margin-left:auto;border-radius:6px;padding:5px 6px;color:#91a996;background:#2b3a2d;font-size:9px}
.order-info{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 14px;margin-top:17px;font-size:11px;line-height:17px}.order-info span:nth-child(odd){color:#8aa28f}.order-info span:nth-child(even){min-width:0;text-align:right;overflow-wrap:anywhere}
.orders-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:330px;height:calc(100dvh - 240px);text-align:center}.orders-empty img{width:185px;height:185px;object-fit:contain}.orders-empty h2{margin-top:15px;font-size:22px;line-height:28px}
.loading{display:grid;place-items:center;min-height:100dvh;background:var(--bg)}.loading img{width:150px}
.toast{position:fixed;z-index:200;left:16px;right:16px;bottom:calc(111px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;max-width:490px;min-height:49px;margin:auto;border:1px solid #90bd9450;border-radius:15px;padding:11px 13px;background:#24382df5;color:#dcece0;font-size:11px;line-height:17px;box-shadow:0 10px 30px #0006;backdrop-filter:blur(12px);transform:translateY(16px);opacity:0;pointer-events:none;transition:.18s}
.toast:before{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;content:'✓';background:#4e7143;color:#d5f0bc;font-size:16px}.toast.show{transform:none;opacity:1}.toast.error{background:#503a32f5;border-color:#a7756050;color:#f2d3c4}.toast.error:before{content:'!';background:#956353;color:#ffe2cd}
.field-error{display:flex;align-items:flex-start;gap:7px;margin:8px 0 0;color:#f1ac99;font-size:10px;line-height:16px}.field-error svg{width:14px;height:14px}.generator-field input.invalid,.workflow-field input.invalid{border-color:#d89a80;background:#49382c}
.textarea{padding:12px;min-height:100px;resize:vertical}.select{height:43px;padding:0 13px}.form,.info-list{display:grid;gap:14px}.field{display:grid;gap:8px}.field label{font-size:12px}.segmented{display:flex;padding:4px;background:#17271c;border:1px solid #46634b;border-radius:12px}.segmented button{flex:1;min-height:34px;border:0;border-radius:9px;background:transparent;color:#90aa96;font-size:11px}.segmented button.active{background:#355138;color:#e5f2df}
@media(hover:hover){.brand-card:hover .brand-art img{transform:scale(1.04)}.small-button:hover,.primary:hover:not(:disabled),.plan-bottom button:hover:not(:disabled){background:#35a0ff}.workflow-option:hover,.action-card:hover{background:#2a3b2f}}
@media(max-width:359px){
:root{--page-pad:11px}.header{height:35px}.hero{height:93px}.hero-copy strong{font-size:16px;line-height:19px}.hero-copy{left:11px;top:11px}.hero-surfer{width:45%;right:-8px}
.brand-grid{gap:10px 7px}.small-button{gap:3px;font-size:7px;padding:0 6px}.small-button svg{width:9px;height:9px}
.bottom-nav{--edge:10px;--orb:60px;--gap:6px}.nav-capsule{padding:4px 6px}.nav-item{height:50px;font-size:7px;gap:4px}.nav-item svg{width:22px;height:22px}.profile-nav{padding:8px}
.plan-card{grid-template-columns:83px minmax(0,1fr);gap:10px;padding:8px}.plan-art{min-height:136px}.plan-title-row h3{font-size:16px}.price{font-size:19px;gap:4px}.old-price{font-size:9px}.plan-description{font-size:10px}.plan-bottom{gap:5px}.plan-access{font-size:7px}.plan-bottom button{min-width:69px;padding:6px 10px}.tools-plan .plan-title-row h3{font-size:14px}
.responsive-banner-art{right:-15px;width:142px}.banner-label strong{font-size:17px;line-height:21px}.banner-label{padding-left:12px;max-width:57%}
.sheet,.figma-sheet,.balance-sheet,.generator-sheet{padding-left:15px;padding-right:15px}
.invoice-lead{grid-template-columns:96px minmax(0,1fr);gap:10px}.qr-wrap{width:96px;height:96px;padding:7px}.qr-wrap>img{width:80px;height:80px}.invoice-warning{font-size:9px;line-height:15px}.invoice-pill{font-size:9px;gap:4px;padding:4px}.invoice-row{font-size:10px}.invoice-pill img,.invoice-dollar,.invoice-time-icon{width:17px;height:17px;flex-basis:17px}
.account-wallet>strong{font-size:35px}.ref-card h3{font-size:16px}.ref-graphic{width:58px;height:58px}.ref-graphic svg{width:30px;height:30px}
}
@media(min-width:600px) and (max-width:899px){
:root{--page-pad:24px}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hero{height:135px}.hero-copy{left:20px;top:18px}.hero-copy strong{font-size:26px;line-height:29px}.hero-caption{font-size:10px}.hero-tag{font-size:9px}
.brand-info h3{font-size:12px;line-height:18px;height:18px}.small-button{height:29px;font-size:10px}
.screen-profile .content,.screen-subscriptions .content{max-width:590px;margin:auto}.plan-card{grid-template-columns:145px minmax(0,1fr)}.plan-art{min-height:158px}.plan-description{font-size:12px;line-height:18px}.plan-bottom button{font-size:12px;min-height:36px}.plan-access{font-size:10px}
}
@media(min-width:900px){
:root{--page-pad:max(32px,calc((100vw - 1180px)/2))}.screen{padding-top:25px}.content{max-width:1180px;margin:auto}.header{height:45px;margin-bottom:20px}.logo{width:150px;height:40px}.balance-pill{height:34px;font-size:13px}
.hero{height:175px;margin-bottom:27px;border-radius:20px}.hero-copy{top:23px;left:24px;width:65%}.hero-tag{font-size:9px;line-height:14px;margin-bottom:8px}.hero-copy strong{font-size:32px;line-height:35px;letter-spacing:-.9px}.hero-caption{font-size:11px;line-height:16px;margin-top:12px;padding:4px 8px}.hero-surfer{width:34%;top:-23px;right:-9px;height:130%}
.catalog-heading h1{font-size:24px;line-height:31px}.catalog-count{font-size:11px}.search-row{grid-template-columns:minmax(0,1fr) 43px;margin-bottom:18px}.input{height:43px;font-size:13px}
.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}.brand-art{aspect-ratio:.9;border-radius:16px}.brand-info h3{font-size:12px;line-height:20px;height:20px;margin-bottom:6px}.small-button{height:30px;font-size:10px}.small-button svg{width:13px;height:13px}
.brand-grid.list-view{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card.list{height:89px;grid-template-columns:76px minmax(0,1fr)}.brand-card.list .brand-art{width:76px;height:76px}
.subscriptions-intro{margin:25px 0 19px}.membership-summary{margin-bottom:22px}.membership-summary span{font-size:10px;padding:6px 9px}
.subscription-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.plan-card{display:flex;flex-direction:column;padding:9px;gap:13px;min-height:385px}
.plan-art{height:155px;min-height:155px;flex:0 0 155px}.plan-content{flex:1;padding:0 4px 4px}.plan-title-row{display:grid;gap:8px}.plan-title-row h3{font-size:18px}.price{font-size:28px;line-height:34px}.old-price{font-size:12px}.plan-description{font-size:11px;line-height:18px;margin-bottom:14px;min-height:76px}.plan-bottom{flex-direction:column;align-items:stretch;gap:9px}.plan-access{font-size:9px}.plan-bottom button{min-height:36px;font-size:11px}.plan-period{font-size:10px}
.tools-plan .plan-title-row{display:grid;gap:8px}.tools-plan .plan-title-row h3{font-size:18px}
.screen-profile .content{max-width:680px}.screen-orders .content{max-width:800px}.profile-cover{padding:17px;min-height:90px}.profile-avatar{width:54px;height:54px}.profile-name{font-size:20px;line-height:27px}
.account-wallet{padding:23px;margin-top:15px}.account-wallet>strong{font-size:45px;line-height:52px}.action-card{min-height:73px;padding:13px 16px}.action-card h3{font-size:14px}.action-card small,.subscription-term{font-size:11px}.ref-card{min-height:127px;padding:21px}
.workflow-page{margin-top:28px;max-width:900px}.workflow-subtitle{font-size:13px}.workflow-heading h1{font-size:32px;line-height:39px}.workflow-service-icon{width:53px;height:53px;flex-basis:53px;border-radius:17px}
.workflow-intro-card{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.workflow-intro-card .workflow-visual{grid-row:1/5;height:100%;min-height:280px}
.workflow-intro-card .workflow-copy{margin:9px 0 19px}.workflow-intro-card .rules-consent{margin-top:0}
.remover-intro-card .remover-hero{height:auto;min-height:0;align-self:start}.workflow-card:not(.workflow-intro-card){padding:24px}.workflow-options.compact-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.tools-hero-art{width:100%;height:240px;top:-20px;right:-10px}.tools-visual{padding-bottom:47px}.tools-visual strong{font-size:26px;line-height:31px}
.workflow-option strong{font-size:14px}.workflow-option small{font-size:11px}
.sheet-backdrop{align-items:center;padding:16px}.sheet,.figma-sheet,.balance-sheet,.generator-sheet{width:540px;padding-right:25px;padding-left:25px;max-height:calc(100dvh - 32px)}
.generator-field input,.template-field input{height:46px;flex-basis:46px;font-size:13px}.generator-field label,.template-field label{font-size:13px}
.toast{left:50%;right:auto;width:460px;transform:translate(-50%,16px)}.toast.show{transform:translate(-50%,0)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}