/* Privora Studio — self-hosted design system; safe under style-src 'self'. */
:root{color-scheme:dark;--bg:#090f1d;--panel:#111a2b;--panel2:#152139;--line:#25324a;--muted:#94a3ba;--text:#f2f5fb;--accent:#5ce1c2;--accent-dark:#133c3b;--blue:#789cf8;--radius:16px;--shadow:0 22px 68px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(2.3rem,4vw,4rem)}h2{font-size:clamp(1.45rem,2.2vw,2rem)}h3{font-size:1.15rem}p{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{width:100%;max-width:1240px;margin:0 auto;padding:54px 28px 100px;flex:1}.site-header{height:76px;border-bottom:1px solid #263046;background:rgba(9,15,29,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(20px)}.nav-wrap{max-width:1240px;margin:auto;height:100%;padding:0 28px;display:flex;align-items:center;gap:56px}.brand{display:inline-flex;gap:12px;align-items:center;white-space:nowrap;font-size:1.18rem;letter-spacing:-.045em;font-weight:800}.brand-soft{color:#aebacf;font-weight:500;margin-left:2px}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-11deg)}.brand-mark span{height:9px;border-radius:3px;background:#67e6c5}.brand-mark span:nth-child(2){background:#6e91f2}.brand-mark span:nth-child(3){background:#3156a6}.brand-mark span:nth-child(4){background:#b9e9d6}.main-nav{display:flex;gap:27px;align-items:center}.main-nav a{font-size:.88rem;font-weight:550;color:#b0bdd0;transition:color .15s}.main-nav a:hover,.main-nav a[aria-current="page"]{color:white}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.header-actions form{margin:0}.header-secure{font-size:.76rem;color:#91a5ba;display:flex;gap:8px;align-items:center;margin-right:12px}.status-dot,.status-pulse{width:7px;height:7px;display:inline-block;background:#51d6ab;border-radius:50%;box-shadow:0 0 0 4px #51d6ab18}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:normal;text-align:center;padding:12px 18px;border-radius:10px;font-size:.87rem;font-weight:700;border:1px solid transparent;transition:background .16s,transform .16s,color .16s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#67e1be;color:#092323;box-shadow:0 5px 22px #27cfa622}.btn-primary:hover{background:#85efd0}.btn-outline{background:#182438;color:#edf4ff;border-color:#34455d}.btn-outline:hover{background:#253753}.btn-subtle{color:#d4e0ee;border-color:#33415a;background:transparent}.btn-subtle:hover{background:#1b2a40}.btn-sm{padding:9px 14px;font-size:.82rem}.btn-lg{padding:15px 22px}.btn-full{width:100%}.muted,.subtle-small{color:var(--muted);font-size:.83rem}.site-footer{border-top:1px solid #233045;background:#0b1323}.footer-inner{max-width:1240px;margin:auto;padding:27px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#889ab1;font-size:.78rem}.footer-brand{font-size:1rem;color:#f1f5ff}.footer-brand .brand-mark{transform:scale(.75) rotate(-11deg)}.section-kicker,.eyebrow,.auth-eyebrow,.pricing-kicker,.small-upper{font-size:.69rem;font-weight:800;letter-spacing:.16em;color:#67dfc0}.page-intro{margin:0 0 45px}.page-intro.centered{text-align:center;max-width:720px;margin:0 auto 48px}.page-intro h1{margin:12px 0 14px;font-size:clamp(2.1rem,4vw,3.5rem)}.page-intro p{font-size:1.02rem;max-width:700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.page-heading h1{font-size:2.3rem;margin:8px 0 7px}.page-heading p{margin:0}.chip{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #385165;border-radius:999px;font-size:.71rem;font-weight:700;color:#b3cbd6;white-space:nowrap}.chip-green{color:#79e7c4;background:#17382f;border-color:#24584a}.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:20px}.panel-card h2{font-size:1.16rem;margin:0}.panel-card p{font-size:.84rem}.section-row{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:21px}.section-row h2{font-size:1.18rem;margin-bottom:5px}.section-row p{font-size:.84rem;margin:0}.icon-surface{background:#1e3049;padding:9px 13px;border-radius:11px;color:#86d6e3}.field{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #36455e;background:#0e1828;color:#f3f6ff;min-height:44px;outline:none}.field:focus{border-color:#6ee2c3;box-shadow:0 0 0 3px #67e1be16}.input-label{display:block;font-size:.78rem;font-weight:650;color:#bbcadd;margin:12px 0 7px}.input-label .field{margin-top:8px}.notice-card{display:flex;align-items:flex-start;gap:13px;background:#12253a;border:1px solid #2c4c60;border-radius:13px;padding:19px 23px;margin-top:27px}.notice-card .notice-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#1a4960;color:#a2deee;font-weight:800}.notice-card strong{font-size:.9rem}.notice-card p{margin:3px 0 0;font-size:.83rem;line-height:1.65}.notice-card.compact{padding:15px}.notice-card.warn{background:#322a1c;border-color:#5a4523;margin-top:0;margin-bottom:25px}.notice-card.warn .notice-icon{background:#765b2a;color:#ffe4a8}.notice-card.warn p{color:#e2cda6}.error-banner,.success-banner{padding:12px 16px;border-radius:9px;margin:15px 0;border:1px solid #a34b59;background:#51212e;color:#ffbcc7;font-size:.88rem}.success-banner{background:#123e33;color:#9bf0cd;border-color:#2b806a}progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:9px;overflow:hidden;border:0;border-radius:999px;background:#26334a}progress::-webkit-progress-bar{background:#26334a}progress::-webkit-progress-value{background:linear-gradient(90deg,#49c8b1,#7de5c2);border-radius:999px}progress::-moz-progress-bar{background:#56dcb9}.htmx-indicator{visibility:hidden;opacity:0;transition:opacity .15s}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{visibility:visible;opacity:1}
/* Marketing */
.home-main{padding-top:68px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:25px 0 90px}.hero-copy{max-width:540px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#a5c4d4;letter-spacing:.15em}.eyebrow-glyph{display:inline-grid;place-items:center;color:#5ae1c0;background:#18383b;border:1px solid #285d58;border-radius:8px;width:28px;height:28px;font-size:1.1rem}.hero h1{font-size:clamp(3.2rem,5vw,5.55rem);letter-spacing:-.065em;line-height:1.055;margin:26px 0 22px}.gradient-word{background:linear-gradient(105deg,#7becc5,#81b6ff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:1.02rem;line-height:1.8;max-width:500px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-points{display:flex;gap:17px;flex-wrap:wrap;margin-top:30px;font-size:.75rem;color:#a8bbca}.mini-check{color:#6bdfbf;font-style:normal;font-weight:900;margin-right:4px}.hero-visual{position:relative;min-height:435px;display:grid;place-items:center}.visual-glow{position:absolute;inset:45px -20px;background:radial-gradient(ellipse,#254d7866,transparent 70%);filter:blur(15px)}.mock-window{position:relative;z-index:1;width:100%;max-width:570px;background:#141e2f;border:1px solid #52617a;border-radius:15px;box-shadow:0 44px 90px #0008;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);overflow:hidden}.mock-top{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #334054;font-size:.67rem;color:#9dadc5}.mock-dots{display:flex;gap:5px}.mock-dots b{width:7px;height:7px;border-radius:50%;background:#e99c8f}.mock-dots b:nth-child(2){background:#ebcb71}.mock-dots b:nth-child(3){background:#84d2b5}.mock-pill{color:#92e0bf;background:#1a4a3b;padding:4px 8px;border-radius:5px}.mock-workspace{display:flex;height:283px}.mock-sidebar{width:48px;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:24px;border-right:1px solid #374357;color:#91a1b8}.mock-side-active{background:#1c564a;color:#8cf4d0;padding:5px 8px;border-radius:6px}.mock-canvas{flex:1;display:grid;place-items:center;padding:22px 12px;background:#101929}.mock-art{position:relative;width:100%;height:100%;max-width:320px;overflow:hidden;border-radius:9px;background:linear-gradient(155deg,#f4bf91,#c487ad 48%,#6264ab)}.art-sun{position:absolute;border-radius:50%;background:#f7dfb6;width:92px;height:92px;left:48%;top:18%;filter:blur(.1px)}.art-mountain{position:absolute;width:140%;height:85%;left:-10%;bottom:-40%;clip-path:polygon(0 57%,20% 36%,36% 58%,54% 11%,78% 55%,100% 22%,100% 100%,0 100%)}.art-mountain.back{background:#506997;transform:translateY(-18px)}.art-mountain.front{background:linear-gradient(135deg,#172e52,#274979);transform:translateY(30px)}.art-card{position:absolute;left:15px;bottom:15px;background:#17263cd9;backdrop-filter:blur(6px);border:1px solid #ffffff33;border-radius:7px;padding:8px 12px;color:#d8ecf6;font-size:.59rem}.art-card strong{display:block;color:#88e8ca;margin-top:3px}.mock-inspector{width:115px;padding:21px 13px;border-left:1px solid #374357;display:flex;flex-direction:column;gap:14px}.skeleton-line{background:#46556d;height:8px;border-radius:6px;width:100%}.skeleton-line.short{width:55%}.mock-label{font-size:.47rem;color:#94a8bf;letter-spacing:.08em;margin-bottom:-7px}.mock-range{height:4px;background:#33445d;border-radius:3px;position:relative}.mock-range b{display:block;background:#65dabd;width:63%;height:4px;border-radius:3px}.mock-range b:after{content:'';display:block;position:absolute;background:white;border:2px solid #62dabb;border-radius:50%;width:10px;height:10px;top:-4px;left:57%}.mock-bottom{display:flex;justify-content:space-between;color:#92b0c1;font-size:.59rem;padding:11px 18px;border-top:1px solid #324052}.mock-bottom span:last-child{color:#80e9c7}.floating-note{position:absolute;z-index:2;bottom:15px;left:-18px;display:flex;gap:11px;align-items:center;padding:13px 18px;background:#1d2d41;border:1px solid #52677e;border-radius:11px;box-shadow:0 15px 30px #0005}.floating-icon{background:#2c795b;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#b1ffda}.floating-note b{display:block;font-size:.72rem}.floating-note small{display:block;font-size:.6rem;color:#a3b4c5}.trust-strip{border-top:1px solid #263449;border-bottom:1px solid #263449;display:flex;justify-content:space-between;gap:25px;padding:23px 0;align-items:center}.trust-strip>span{font-size:.65rem;color:#8ca1b9;letter-spacing:.14em;font-weight:750}.trust-strip div{display:flex;gap:32px;flex-wrap:wrap}.trust-strip b{letter-spacing:.09em;color:#a6b5cc;font-size:.83rem}.section-block{padding:106px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:39px}.section-heading h2{font-size:2.5rem;margin:13px 0 0}.section-heading>p{max-width:350px;font-size:.89rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#121d2e;border:1px solid #2b3b50;border-radius:15px;padding:26px;min-height:284px;display:flex;flex-direction:column;align-items:start;transition:border .15s,transform .15s}.feature-card:hover{border-color:#587f86;transform:translateY(-3px)}.feature-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;font-size:1.35rem;margin-bottom:24px}.feature-icon.blue{background:#203961;color:#8aafff}.feature-icon.mint{background:#19453d;color:#67e6c2}.feature-icon.violet{background:#39315b;color:#c1a4fc}.feature-icon.orange{background:#4b352b;color:#f6b083}.feature-card h3{margin-bottom:10px}.feature-card p{font-size:.8rem;line-height:1.7}.feature-card>span{margin-top:auto;padding-top:22px;font-size:.62rem;color:#7791a7;letter-spacing:.12em;font-weight:800}.cta-section{border:1px solid #2d5d60;border-radius:21px;background:radial-gradient(ellipse at right top,#214c5a,#12243a 55%,#0f1f33);padding:46px;display:flex;gap:25px;align-items:center;justify-content:space-between}.cta-section h2{max-width:580px;margin:10px 0 13px}.cta-section p{max-width:550px;margin:0;font-size:.86rem}
/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;background:#111c2d;border:1px solid #2d3b53;border-radius:17px;padding:32px 27px;overflow:hidden}.pricing-card.featured{border-color:#4bbaa0;box-shadow:0 0 0 1px #4bbaa040,0 25px 70px #102c33}.pricing-ribbon{position:absolute;right:-34px;top:22px;transform:rotate(37deg);padding:4px 33px;background:#57d8b8;color:#083129;font-size:.57rem;font-weight:900}.pricing-kicker{margin-bottom:10px}.pricing-card h2{margin:0;font-size:1.6rem}.pricing-price{font-size:2.5rem;font-weight:800;letter-spacing:-.06em;margin:20px 0 4px}.pricing-price span{font-weight:500;letter-spacing:0;font-size:.72rem;color:#96aabe}.plan-subtitle{font-size:.8rem;min-height:50px}.plan-divider{height:1px;background:#2d3b51;margin:16px 0 23px}.plan-benefits{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:14px}.plan-benefits li{font-size:.82rem;color:#c3cfe0;display:flex;gap:11px;align-items:start}.plan-benefits i{font-style:normal;font-weight:900;color:#6ee8c5}.pricing-card>.btn,.pricing-card>.plan-form{margin-top:auto}.plan-form .field{margin-bottom:12px}
/* Authentication */
.auth-main{padding-top:78px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;max-width:1010px;margin:0 auto;min-height:550px}.auth-aside{max-width:435px}.auth-illustration{height:245px;background:radial-gradient(circle at 55% 40%,#24426a,#111b30 70%);border:1px solid #304660;border-radius:20px;position:relative;overflow:hidden;margin-bottom:37px}.auth-shape{position:absolute;border-radius:23px;transform:rotate(-16deg)}.auth-shape.one{width:170px;height:155px;left:20%;top:18%;background:linear-gradient(135deg,#83c3cf,#335d92);box-shadow:0 15px 30px #050c20}.auth-shape.two{width:155px;height:150px;left:41%;top:26%;transform:rotate(12deg);background:linear-gradient(130deg,#a0e4d1,#398d8c);box-shadow:0 15px 30px #081626}.auth-shape.three{width:114px;height:115px;left:60%;top:31%;transform:rotate(-8deg);background:linear-gradient(145deg,#f6bd9b,#9871ae)}.auth-badge{position:absolute;bottom:14px;left:16px;border-radius:9px;padding:8px 13px;background:#182b42;border:1px solid #4d6782;color:#9fe9d2;font-size:.74rem}.auth-aside h2{margin:12px 0 15px;font-size:2rem}.auth-aside p{line-height:1.75;font-size:.89rem}.auth-proof{display:flex;flex-wrap:wrap;gap:16px;font-size:.75rem;color:#7ee5c6;margin-top:25px}.auth-card{background:#121c2e;border:1px solid #2e3c55;border-radius:20px;padding:44px;box-shadow:var(--shadow)}.auth-card h1{font-size:2.25rem;margin:13px 0 10px}.auth-card>p{font-size:.87rem;line-height:1.7}.auth-form{display:grid;gap:13px;margin-top:24px}.auth-form .input-label{margin:0}.auth-form .btn{margin-top:9px}.auth-switch{border-top:1px solid #2f3d51;padding-top:23px;margin-top:27px;text-align:center;font-size:.82rem;color:#98a9c0}.auth-switch a,.text-link{color:#7fe8c9;font-weight:700}.text-link{display:inline-block;margin-top:18px;font-size:.79rem}.center-card{grid-column:1/-1;max-width:530px;margin:auto;width:100%}.center-card>p{margin-bottom:25px}.auth-symbol{height:56px;width:56px;display:grid;place-items:center;background:#1d5145;color:#7ce9c7;border-radius:15px;font-size:1.5rem;margin-bottom:23px}
/* Dashboard */
.dashboard-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px}.dashboard-sidebar{border-right:1px solid #25334a;padding-right:20px;min-height:650px}.sidebar-label{font-size:.61rem;letter-spacing:.16em;color:#7891a9;font-weight:800;margin:12px 0 19px}.sidebar-link{display:flex;align-items:center;gap:13px;border-radius:9px;padding:12px 13px;color:#a2b3ca;font-size:.82rem;font-weight:600;margin:4px 0}.sidebar-link span{font-size:1.18rem}.sidebar-link:hover,.sidebar-link.selected{background:#18362f;color:#7be7c6}.sidebar-help{border:1px solid #31455b;background:#132337;padding:18px;border-radius:13px;margin-top:54px}.sidebar-help p{font-size:.77rem;line-height:1.6;margin:12px 0 20px}.sidebar-shield{font-size:.69rem;color:#85dfc1}.dashboard-main{min-width:0}.dashboard-main .page-heading h1{font-size:2.15rem}.dashboard-stat-grid{display:grid;grid-template-columns:1fr 2fr;gap:17px;margin-bottom:26px}.stat-card{background:#131f30;border:1px solid #304058;border-radius:13px;padding:23px;display:flex;flex-direction:column;gap:8px}.stat-card>span,.stat-head{color:#a5b7c9;font-size:.75rem}.stat-card>strong{font-size:1.6rem;letter-spacing:-.04em}.stat-card small{font-size:.71rem;color:#8a9fb5}.stat-icon{font-size:1.2rem;color:#73e2c4}.stat-head{display:flex;justify-content:space-between}.stat-head strong{color:#74e7c6}.metric-number{font-size:1.65rem;font-weight:800;letter-spacing:-.03em}.metric-number small{font-weight:500;font-size:.78rem}.stat-wide progress{margin:5px 0}.upload-panel{background:#111c2d;border:1px solid #2b3d54;border-radius:15px;padding:25px;margin-bottom:34px}.upload-dropzone{border:1px dashed #467c82;border-radius:13px;background:linear-gradient(180deg,#14273a,#102030);padding:27px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-icon{height:47px;width:47px;display:grid;place-items:center;background:#24483f;color:#8af3d0;font-size:1.7rem;border-radius:12px}.upload-title{font-size:.88rem;color:#eff7ff;font-weight:750;cursor:pointer}.upload-dropzone p{font-size:.71rem;margin:0}.upload-dropzone input[type=file]{max-width:340px;font-size:.74rem;color:#a7bacb}.upload-dropzone input::file-selector-button{background:#243d4b;border:1px solid #4b7c7c;color:#e6f7f2;padding:8px 11px;border-radius:7px;margin-right:13px}.upload-dropzone progress{max-width:450px;height:5px}.upload-dropzone #upload-feedback{width:100%;font-size:.84rem}.gallery-section h2{margin:0 0 4px}.gallery-tools{display:flex;gap:13px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #324158;border-radius:10px;background:#111c2c;flex:1;padding:0 12px}.search-box span{font-size:1.35rem;color:#8fa3bc}.search-box input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:white;padding:12px 3px;font-size:.84rem}.sort-select{max-width:180px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-card{background:#142033;border:1px solid #2e3e56;border-radius:12px;overflow:hidden;transition:transform .15s,border-color .15s}.gallery-card:hover{transform:translateY(-3px);border-color:#56b69e}.gallery-thumb{position:relative;aspect-ratio:1.42;background:#192639;overflow:hidden;display:flex;align-items:center;justify-content:center}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-open{position:absolute;right:9px;top:9px;background:#0d192bcc;border:1px solid #ffffff35;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#eaf9ff}.gallery-meta{padding:12px 13px;display:flex;flex-direction:column;gap:4px}.gallery-filename{font-size:.79rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-meta small{font-size:.67rem;color:#839bb2}.gallery-more{grid-column:1/-1;text-align:center;padding:20px}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #35475d;border-radius:13px;padding:55px 20px;background:#121d2d}.empty-icon{font-size:2rem;color:#6ad9bd}.empty-state h3{margin:14px 0 5px}.empty-state p{font-size:.83rem}
/* Account and deposit */
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-profile{display:flex;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid #2e3c53;margin-bottom:5px}.avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:#254f63;color:#a6f0d9;font-size:1.2rem;font-weight:800}.account-profile strong{font-size:.82rem;overflow-wrap:anywhere}.account-profile p{margin:2px 0 0;font-size:.73rem}.detail-row{display:flex;justify-content:space-between;gap:16px;font-size:.8rem;border-bottom:1px solid #2b3a50;padding:15px 0}.detail-row:last-child{border:0}.detail-row>span{color:#92a8be}.detail-row strong{text-align:right}.usage-stat{display:flex;justify-content:space-between;margin:24px 0 10px;font-size:.83rem}.usage-stat strong{color:#75ddbc}.account-plan{padding:16px;margin-top:17px;border-radius:12px;background:#162338;border:1px solid #304058}.account-plan.current{border-color:#488c83}.account-plan-title{display:flex;justify-content:space-between;gap:8px}.account-plan-title>strong{font-size:1.3rem}.account-plan-title p{font-size:.7rem;margin:4px 0 0}.account-plan .chip{margin-top:10px}.account-checkout{margin-top:16px}.account-checkout .btn{margin-top:12px}.payment-list a{display:flex;justify-content:space-between;border-bottom:1px solid #2b3b50;gap:12px;padding:15px 0;font-size:.79rem}.payment-list small{display:block;color:#8fa4b9;font-size:.69rem;margin-top:4px}.payment-state{color:#80ddc7}.checkout-wrap{max-width:760px;margin:auto}.back-link{color:#9ed8c9;font-size:.84rem}.checkout-heading{margin-top:31px}.checkout-card{border:1px solid #334b62;border-radius:18px;background:#121e30;overflow:hidden;box-shadow:var(--shadow)}.checkout-summary{background:#1b3044;padding:24px 31px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #3c5267}.checkout-summary span,.payment-field>span{font-size:.65rem;letter-spacing:.12em;font-weight:750;color:#9cb4cb}.checkout-summary h2{font-size:1.3rem;margin:8px 0 0}.checkout-price{font-size:1.7rem;font-weight:800}.checkout-price small{font-size:.76rem;color:#abbacd}.checkout-content{padding:30px}.payment-field{margin:21px 0}.payment-field>span{display:block;margin-bottom:9px}.copy-field{display:flex;gap:10px;align-items:center;background:#0c1727;border:1px solid #34435b;border-radius:10px;padding:10px}.copy-field code{flex:1;min-width:0;overflow-wrap:anywhere;color:#c3f2e3;font-size:.86rem;padding:6px}.payment-status-box{background:#1a2a3c;border-radius:11px;padding:19px;border:1px solid #384e63;margin:26px 0}.status-message{margin:9px 0 0;font-size:.85rem;font-weight:700}.status-message.success{color:#7cf0b9}.status-message.error{color:#ffb2bf}.status-message.warning{color:#f4d085}.status-message.pending{color:#c7d6e5}.status-pulse{margin-right:8px}
/* Editor */
.editor-heading{display:flex;gap:16px;align-items:end;justify-content:space-between;margin-bottom:20px}.editor-heading h1{font-size:1.65rem;overflow-wrap:anywhere;margin:10px 0 7px}.editor-heading p{font-size:.76rem;margin:0}.back-link{display:inline-flex;gap:8px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:22px;align-items:start}.editor-workspace,.editor-tools{border:1px solid #2d3e55;background:#111c2c;border-radius:15px;overflow:hidden}.workspace-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 20px;border-bottom:1px solid #2e4055}.workspace-bar strong{font-size:.83rem}.workspace-bar span{font-size:.72rem;color:#98b0c4}.workspace-content{padding:24px}.result-image-wrap{background:#0c1727;border-radius:12px;min-height:270px;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;background-image:linear-gradient(45deg,#152236 25%,transparent 25%),linear-gradient(-45deg,#152236 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#152236 75%),linear-gradient(-45deg,transparent 75%,#152236 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.result-image-wrap img{display:block;max-height:490px;object-fit:contain;border-radius:6px}.result-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.result-meta strong{font-size:.85rem}.result-meta p{font-size:.75rem;margin:3px 0 0}.history-block{border-top:1px solid #2b3d52;margin-top:24px;padding-top:22px}.history-block h3{font-size:.94rem}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#152235;border:1px solid #2c4058;border-radius:9px;padding:12px;margin:9px 0}.history-item>div:first-child{min-width:0}.history-item strong{font-size:.77rem;display:block;text-transform:capitalize}.history-item small{color:#8fa3b7;font-size:.68rem}.history-actions{display:flex;gap:9px;flex-wrap:wrap}.history-actions a,.history-actions button{font-size:.71rem;color:#85ddc6;border:0;background:transparent;padding:4px;font-weight:700}.history-actions a:hover,.history-actions button:hover{color:white}.compare-box{margin-top:22px;border-top:1px solid #2d4056;padding-top:20px}.compare-box h3{font-size:.89rem}.compare-box p{font-size:.73rem}.compare-box canvas{width:100%;max-height:330px;object-fit:contain;border-radius:9px;background:#142035}.compare-box input{width:100%;accent-color:#67e1be;margin-top:10px}.compare-labels{display:flex;justify-content:space-between;color:#a9bacb;font-size:.71rem}.editor-tools-head{padding:19px 20px;border-bottom:1px solid #2d4056}.editor-tools-head h2{font-size:1.08rem;margin:0 0 5px}.editor-tools-head p{font-size:.73rem;margin:0}.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #2b3e52;background:#0d1828}.tool-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#9faec3;font-size:.7rem;font-weight:700;padding:15px 4px;cursor:pointer}.tool-tab.active,.tool-tab[aria-selected=true]{color:#87edce;background:#1b2f3d;border-bottom-color:#64d6b6}.tool-pane{padding:21px;display:none}.tool-pane.active{display:block}.tool-pane h3{font-size:.87rem;margin:0 0 14px}.tool-pane p{font-size:.72rem}.control-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.control-group{flex:1;min-width:115px}.control-group label,.tool-pane label{display:block;font-size:.72rem;font-weight:600;color:#c6d4e4;margin:9px 0}.tool-pane select,.tool-pane input[type=number]{background:#0c1727;border:1px solid #35465e;border-radius:8px;color:#edf5ff;padding:9px;width:100%;min-height:38px}.tool-pane input[type=range]{width:100%;accent-color:#69dcbb}.tool-pane input[type=checkbox]{accent-color:#69dcbb}.tool-pane input[type=color]{background:#132238;border:1px solid #44536b;border-radius:7px;padding:5px;width:65px;height:39px}.check-row{display:flex!important;align-items:center;gap:8px}.control-hint{background:#1b3040;border-radius:8px;color:#aebfcf!important;padding:12px;font-size:.73rem!important;line-height:1.6}.tool-submit{border-top:1px solid #2b3e53;padding:18px 21px;background:#131f31}.tool-submit .btn{width:100%}.crop-area{border:1px solid #314359;padding:10px;border-radius:10px;min-height:170px;background:#0c1726;display:flex;align-items:center;justify-content:center}.crop-area img{display:block;max-height:300px;max-width:100%}.tool-pane .crop-description{margin-bottom:14px}.ai-tool{padding:21px}.ai-tool form{display:grid;gap:12px}.ai-tool .btn{margin-top:6px}.ai-tool>p{font-size:.76rem}.editor-status{padding:12px;border-radius:9px;background:#153f37;color:#85f4ce;margin-bottom:15px;font-size:.8rem}#bg-job-status{padding:16px;border-radius:10px;background:#223347;border:1px solid #3a5670;color:#cbe5f3;font-size:.83rem}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{grid-template-columns:175px 1fr;gap:25px}.editor-layout{grid-template-columns:minmax(0,1fr) 340px}.header-secure{display:none}}
@media(max-width:800px){.site-main{padding:38px 20px 70px}.nav-wrap{padding:0 20px;gap:20px}.main-nav{gap:14px}.brand{font-size:1rem}.hero{grid-template-columns:1fr;gap:20px;padding:0 0 65px}.hero-copy{max-width:none}.hero h1{font-size:clamp(3rem,9vw,4.2rem)}.hero-visual{min-height:380px;max-width:570px;width:100%;margin:auto}.section-block{padding:65px 0}.section-heading{align-items:start;flex-direction:column}.trust-strip{flex-direction:column;align-items:start}.feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:510px;margin:auto}.auth-layout{grid-template-columns:1fr;gap:25px}.auth-aside{display:none}.auth-card{max-width:510px;width:100%;margin:auto}.dashboard-shell{display:block}.dashboard-sidebar{display:none}.account-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.editor-tools{order:-1}.footer-inner{justify-content:center;text-align:center}.cta-section{flex-direction:column;align-items:start}}
@media(max-width:550px){.site-header{height:67px}.main-nav{display:none}.sign-in-link{display:none}.site-main{padding:28px 15px 60px}.brand{font-size:1rem}.nav-wrap{padding:0 15px}.btn-sm{font-size:.74rem;padding:8px 10px}.hero h1{font-size:2.8rem}.hero-copy>p{font-size:.89rem}.hero-visual{min-height:300px}.mock-window{transform:none}.mock-workspace{height:218px}.mock-inspector{display:none}.floating-note{left:0;bottom:-7px}.hero-points{gap:10px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.section-heading h2{font-size:2rem}.cta-section{padding:28px}.dashboard-stat-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-tools{flex-direction:column}.sort-select{max-width:none}.upload-panel{padding:16px}.upload-dropzone{padding:22px 12px}.section-row{align-items:start}.page-heading{align-items:start;flex-direction:column}.page-heading h1{font-size:1.85rem}.account-grid .panel-card,.auth-card{padding:24px}.checkout-summary,.checkout-content{padding:20px}.copy-field{flex-wrap:wrap}.copy-field .btn{margin-left:auto}.editor-heading{align-items:start;flex-direction:column}.workspace-content{padding:14px}.history-item{align-items:start;flex-direction:column}.footer-inner{padding:25px 15px}}

/* Extra tool palette — wraps without shrinking controls on mobile. */
.tool-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px}
.tool-tab{flex:1 1 auto;min-width:78px;text-align:center}
.tool-pane input[type="color"]{height:42px;width:100%;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--panel2)}
.verification-card{max-width:510px}
.verification-card strong{color:var(--text);overflow-wrap:anywhere}
.verification-card>form+form{margin-top:18px}

/* Live editor preview: canvas uses private same-origin input and stays in memory. */
.result-image-wrap.live-preview-active > img[data-current-version]{display:none}
.result-image-wrap .live-preview-canvas{display:none;max-width:100%;max-height:490px;width:auto;height:auto;object-fit:contain;border-radius:7px}
.result-image-wrap.live-preview-active .live-preview-canvas{display:block}
.live-preview-status{margin:10px 0 3px;padding:8px 12px;border:1px solid #2c6659;border-radius:9px;background:#14332f;color:#9cebd4;font-size:.76rem}
.live-preview-status[hidden]{display:none}

/* AI manual refinement workspace */
.refine-heading{margin:22px 0}.refine-heading h1{font-size:1.8rem}.refine-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;margin-bottom:40px}.refine-stage,.refine-help{background:#142236;border:1px solid #35475b;border-radius:14px;padding:16px}.refine-help p{line-height:1.6;color:#bdd0dc}.refine-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}.refine-toolbar [aria-pressed=true]{outline:2px solid #4fe2bc}.refine-toolbar input{max-width:150px}.refine-checker{background-color:#c3cbd2;background-image:linear-gradient(45deg,#e1e6ec 25%,transparent 25%),linear-gradient(-45deg,#e1e6ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e6ec 75%),linear-gradient(-45deg,transparent 75%,#e1e6ec 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:auto;max-height:70vh;display:flex;justify-content:center;align-items:flex-start}.refine-checker canvas{display:block;width:auto;height:auto;max-width:100%;cursor:crosshair;touch-action:none}.refine-toolbar #refine-message{font-size:.85rem;color:#a7bfcf}@media(max-width:800px){.refine-layout{grid-template-columns:1fr}}

/* Gallery image deletion: the button is separate from the image link. */
.gallery-entry{position:relative;min-width:0}
.gallery-entry>.gallery-card{display:block;height:100%;text-decoration:none}
.gallery-delete-form{position:absolute;left:9px;top:9px;z-index:2;margin:0}
.gallery-delete-button{border:1px solid #b85e68;background:#451f30ee;color:#ffd7da;font-weight:750;font-size:.71rem;border-radius:8px;padding:7px 10px;cursor:pointer}
.gallery-delete-button:hover,.gallery-delete-button:focus-visible{background:#6f2639;border-color:#ff8590;color:#fff}
.gallery-delete-button:disabled{opacity:.6;cursor:progress}
.classic-delete-form{display:inline-block;margin:0 0 16px 12px}
@media(max-width:550px){.gallery-delete-form{left:5px;top:5px}.gallery-delete-button{padding:6px 7px;font-size:.66rem}}