/* Blue and lavender portal layout inspired by the user's reference site. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url('/fonts/inter-latin-wght.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f6f7fc;--ink:#273242;--muted:#8691a2;--line:#e2e6ef;--green:#3478e7;--accent:#eef5ff;--soft:#edf4ff;--danger:#c45b65;--shadow:0 3px 18px #20345f03;color:var(--ink);background:var(--bg)}
.site-header{height:72px;background:#fff;border-bottom:1px solid #e4e9f2;position:sticky;top:0;z-index:40}.site-header-inner{max-width:1340px;margin:auto;padding:0 30px;height:100%;display:flex;align-items:center;gap:37px}.brand{font-size:25px;font-weight:850;font-style:italic;gap:8px;white-space:nowrap}.brand-mark{background:linear-gradient(135deg,#458bf6,#2966e8);height:33px;width:33px;border-radius:9px;transform:rotate(-8deg)}.brand-mark .icon{width:25px;height:25px;transform:rotate(8deg);fill:currentColor}.brand-cn{letter-spacing:-1px;margin-left:3px}.brand sup{font-size:12px;color:#397af0;margin-left:2px;vertical-align:top}.site-nav{display:flex;align-items:center;gap:28px;font-size:14px;height:100%;flex:1;white-space:nowrap}.site-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;color:#576273;transition:.2s}.site-nav a:hover,.site-nav a.active{color:#3478e7}.site-nav a.active{font-weight:650}.header-account{gap:13px;margin-left:auto}.header-account .btn.dark{background:#edf5ff;color:#3478e7;border-color:#dceafb;font-weight:500;font-size:12px}.credit-chip{background:#eef5ff;color:#3478e7;border-color:#dceafb}.credit-chip strong,.credit-chip .icon,.credit-chip span{color:#3478e7}.avatar{color:#3478e7;background:#e5efff}.main-shell{margin:0;padding:0;min-height:calc(100vh - 72px)}main{max-width:1340px;padding:27px 30px 0}.btn.dark{background:#3478e7;box-shadow:0 4px 10px #3478e714}.btn.dark:hover{background:#2368d5}.btn.outlined{border-color:#e0e5ee;color:#465164}.btn.outlined:hover{background:#f2f6ff}.page-heading{padding:4px 0;margin-bottom:25px}.page-heading h1{color:#293242;font-size:29px;font-weight:700}.page-heading p{color:#7d8798}.eyebrow{color:#8293ad}.heading-badge{color:#728cbd}.card,.creation-panel,.preview-panel{border-color:#e1e6ef;box-shadow:none}.step-title>span{background:#edf3ff;color:#5587d9}.step-title h2{color:#3e4859}.step-title small,.counter{color:#9ca7b7}.upload-zone{border-color:#cbdaf1;background:#f8faff}.upload-zone:hover,.upload-zone.dragging{border-color:#689bef;background:#f0f5ff}.upload-icon{color:#5d8dd4;border-color:#dfE8f7}.upload-zone>span:not(.upload-icon):not(.replace-image),.upload-zone>small{color:#9aa7bb}.field-tip{color:#98a5b7}.textarea-wrap textarea,.extra-input{background:#fcfdff}.ratio-option{border-color:#e0e6ef;color:#9aa7b8}.ratio-option.selected{border-color:#74a0ef;color:#3d7be2;background:#eff5ff}.ratio-option small{color:#98a9c2}.generation-cost{color:#8f9caf}.generation-cost b{color:#4d7cb6}.preview-heading{border-color:#eaf0f7}.preview-heading>span{color:#9aa7b9}.preview-heading .status-dot{background:#6e9be8}.preview-empty{background:radial-gradient(ellipse at 50% 32%,#ece8ff99,transparent 65%),#fafbff;min-height:670px}.preview-empty h3{color:#4d5572}.preview-empty>p,.preview-steps{color:#94a0b6}.demo-tag{border-color:#e8e9f3;color:#8484b2}.benefit-row{color:#8f9bb1}.benefit-row .icon{color:#8ba2c6}.notice{color:#6b83ac;background:#eff5ff;border-color:#dae7fc}.notice.error{color:#b36670;background:#fff2f3;border-color:#f3dce1}.result-area{background:repeating-conic-gradient(#f8faff 0 25%,#f1f4fa 0 50%) 50%/20px 20px}.progress-card{border-color:#e1e6f2}.progress-card p{color:#8c9bb3}.loader{border-color:#dce8fc;border-top-color:#4b86eb}.creating-placeholder>.icon{color:#8391e7}.creation-rings{border-color:#d4dcf5;box-shadow:0 0 0 22px #e7eafa70,0 0 0 43px #e7eafa35}.edit-form textarea{background:#fafcff}.field-heading .free-badge{color:#7b82bf;background:#f0effd}.edit-bottom small{color:#93a0b7}.result-toolbar span{color:#9aa4b8}.edit-form{border-color:#e8edf6}.gallery-cover{background:#edf0f9}.gallery-status{color:#5e85ca}.gallery-cover>span:not(.gallery-status){color:#7b91b9}.empty-state{border-color:#d5dfef;background:#f9fbff}.empty-state>.icon{color:#8fa8d4}.empty-state p{color:#909eb5}.balance-banner{background:linear-gradient(110deg,#eaf3ff,#f3f0ff);border-color:#dfe8f7}.balance-banner>div>span,.balance-banner>p,.balance-banner strong small{color:#879abb}.balance-banner strong{color:#4179d7}.balance-banner>.icon{color:#9eb9ee}.package-card.featured{border-color:#84a9f1;box-shadow:0 8px 30px #3378e708}.recommended{background:#3779e4}.package-icon{background:#edf4ff;color:#6794e4}.package-amount,.package-price{color:#3f75ce}.package-amount span,.package-price span,.package-details{color:#91a0ba}.package-details .icon{color:#779ada}.package-price{border-color:#edf1f7}.purchase-note{background:#edf4fe;color:#8299bd}.purchase-note small{color:#9aacc7}.large-avatar{background:#e9f0ff;color:#5b8ce3}.text-button,.auth-links button{color:#437fe3}.form-label{color:#738199}.pill.green{background:#ebf5ff;color:#618bc6}.positive{color:#508cac}.pill.red{background:#fff0f1;color:#c07580}.stat-card>span,.table-tools>span{color:#91a0b7}.stat-card>.icon{color:#80a2df}.stat-card>strong{color:#3e6ea9}.admin-tabs button{color:#8898b1}.admin-tabs button.active{color:#3d7edf;border-color:#3d7edf}.admin-welcome{background:linear-gradient(130deg,#eff4ff,#fff)}.admin-welcome p{color:#8b9bb3}.admin-package span{color:#9ba9bd}.auth-note,.auth-links{color:#9daabe}.modal-icon{background:#edf3ff;color:#7199de}.modal-backdrop{background:#26334e55}.modal{border-color:#e2e8f3}.modal-close{background:#f3f6fc;color:#9da9bd}.order-summary{background:#f0f5ff}.order-summary span,.order-summary code,.contact-text{color:#889ec0}.toast{background:#3478e7f5;border-color:#4d89ea;color:white;box-shadow:0 8px 30px #3478e720}.toast.bad{background:#b86e74f5;border-color:#cb8890}.muted{color:#8796ad}.section-heading{border-color:#e9eef6}.section-heading>span{color:#9eacc0}th{background:#f8faff;color:#8e9eb6}td{color:#7486a2;border-color:#edf1f7}.table-empty{color:#9eacc0}.cell-sub{color:#a0aec1}input:focus,textarea:focus{border-color:#84a9eb!important;box-shadow:0 0 0 3px #3478e711}input[type=checkbox]{accent-color:#3478e7}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);gap:20px}.home-hero{min-height:440px;border:1px solid #e6e4f4;border-radius:15px;background:radial-gradient(ellipse at 90% 20%,#d9d4ff80,transparent 65%),linear-gradient(120deg,#f7f5ff,#edeafe);position:relative;overflow:hidden;display:flex;align-items:center;padding:43px 38px}.home-hero-copy{position:relative;z-index:3;width:58%}.hero-label{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;color:#7a65d9;background:#ffffffde;border:1px solid #eae5fb;font-size:11px;box-shadow:0 3px 8px #7066b10a}.hero-label .icon{width:13px;height:13px}.home-hero h1{font-size:34px;font-weight:800;line-height:1.35;color:#252b3c;letter-spacing:-1px;margin:21px 0 17px}.home-hero h1 em{font-style:normal;color:#7259e9}.home-hero-copy>p{font-size:12px;color:#788097;line-height:1.9}.hero-checks{display:flex;gap:14px;margin:20px 0 25px;flex-wrap:wrap}.hero-checks span{display:flex;align-items:center;gap:4px;font-size:10px;color:#8882a5}.hero-checks .icon{width:12px;height:12px;color:#8571df}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn{padding:11px 15px;font-size:11px}.hero-actions .dark{background:#765af0;box-shadow:0 5px 13px #7358e72b}.hero-actions .dark:hover{background:#694bE1}.hero-actions .outlined{background:#ffffffd9}.hero-footnote{display:block;font-size:9px;color:#a8a1c2;margin-top:17px}.hero-art{position:absolute;right:-40px;top:54px;transform:scale(.79);transform-origin:top right;z-index:1;opacity:.96}.hero-art .demo-tag{display:none}.home-side{display:flex;flex-direction:column;gap:17px}.home-featured{padding:19px 21px;flex:0 0 auto}.home-card-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef1f6;padding-bottom:13px}.home-card-heading h2{font-size:14px;font-weight:650;display:flex;gap:7px;align-items:center}.home-card-heading h2 .icon{width:16px;height:16px;color:#7e8ecc}.hot-tag{font-size:9px;color:#fff;background:#ef666b;border-radius:3px;padding:2px 6px}.featured-content{display:flex;gap:12px;align-items:center;margin:19px 0 15px}.featured-icon{height:38px;width:38px;display:grid;place-items:center;background:#f0edff;color:#8b70d9;border-radius:10px;flex-shrink:0}.featured-content strong{font-size:12px;font-weight:600}.featured-content p{font-size:10px;color:#99a4b5;margin-top:5px}.home-featured>a{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#768fb5}.home-featured>a .icon{width:13px;height:13px}.home-credit-card{flex:1;background:#edf5ff;border:1px solid #dfeafa;border-radius:13px;padding:26px 24px;display:flex;flex-direction:column;justify-content:center}.mini-label{font-size:10px;color:#7ea0cf}.home-credit-card h2{font-size:18px;font-weight:700;color:#4b80c8;margin:10px 0}.home-credit-card h2 small{font-size:12px;font-weight:500}.home-credit-card p{font-size:11px;line-height:1.9;color:#899db9}.home-credit-card .btn{align-self:flex-start;margin-top:18px;font-size:10px;padding:9px 12px}.quick-links{display:flex;gap:18px;font-size:10px;color:#8b9db5;margin-top:16px}.home-notice{display:flex;align-items:center;gap:17px;border:1px solid #e2e7f0;background:#fff;border-radius:10px;margin:17px 0 30px;padding:12px 17px;font-size:11px;color:#8391a7}.home-notice>b{color:#497fc2;display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600;padding-right:15px;border-right:1px solid #e6ecf5}.home-notice .icon{width:14px;height:14px}.home-notice>span{flex:1}.home-notice>a{white-space:nowrap;font-size:10px;color:#8c9ab0}.home-section{margin:31px 0}.home-section-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px}.home-section-heading h2{font-size:19px;font-weight:700;display:flex;align-items:center;gap:10px}.home-section-heading h2 .icon{color:#397fe9;padding:4px;background:#edf4ff;width:28px;height:28px;border-radius:7px}.home-section-heading>span{font-size:10px;color:#8c9aae}.home-section-heading>a{margin-left:auto;font-size:11px;color:#8296b3;white-space:nowrap}.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{border:1px solid #e0e6f0;border-radius:12px;background:#fff;display:flex;align-items:center;gap:14px;padding:22px 18px;position:relative;transition:.2s}.feature-card:hover,.inspiration-card:hover{border-color:#a9c5f2;box-shadow:0 7px 20px #4876bb0b;transform:translateY(-2px)}.feature-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:11px;flex-shrink:0;background:#edf4ff;color:#598fe1}.feature-card.purple .feature-icon{background:#f2ecff;color:#9670dd}.feature-card.mint .feature-icon{background:#eaf7f2;color:#61ad99}.feature-card h3{font-size:13px;font-weight:600}.feature-card p{font-size:10px;line-height:1.8;color:#95a1b3;margin-top:5px;max-width:205px}.feature-number{position:absolute;top:8px;right:10px;font-size:9px;color:#b4bfd0}.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.inspiration-card{border:1px solid #e0e6f0;border-radius:12px;background:#fff;overflow:hidden;transition:.2s}.inspiration-cover{height:238px;padding:21px 21px;position:relative;overflow:hidden;isolation:isolate;background:#e6e9dc;color:#586e50}.inspiration-cover>span{font-size:8px;letter-spacing:2px;opacity:.7}.inspiration-cover>strong{display:block;position:relative;font-size:27px;line-height:1.4;margin-top:27px;font-weight:700;letter-spacing:-1px;max-width:160px;z-index:2}.inspiration-cover>p{position:relative;z-index:2;font-size:9px;margin-top:8px;opacity:.75}.inspiration-cover>small{position:absolute;bottom:15px;font-size:7px;letter-spacing:1px;opacity:.6;z-index:2}.inspiration-shape{position:absolute;width:145px;height:145px;border-radius:50%;right:-30px;bottom:-26px;border:23px solid #b5c29f66;box-shadow:0 0 0 18px #bfccb53b}.inspiration-cover.lavender{background:#e9e4fa;color:#756499}.inspiration-cover.lavender .inspiration-shape{border-color:#c0b0e4aa;box-shadow:0 0 0 18px #c5b8ea55}.inspiration-cover.peach{background:#fae6d8;color:#a67752}.inspiration-cover.peach .inspiration-shape{border-radius:35%;transform:rotate(-20deg);border-color:#eac7a966;box-shadow:0 0 0 18px #e9c8ac44}.inspiration-cover.ocean{background:#dfeffa;color:#5484a3}.inspiration-cover.ocean .inspiration-shape{border-color:#b3d6eeaa;box-shadow:0 0 0 18px #b4d8f144}.inspiration-card-bottom{padding:16px 17px}.inspiration-card-bottom h3{font-size:12px;font-weight:600}.inspiration-card-bottom>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa6b8;margin-top:5px}.inspiration-card-bottom .icon{width:13px;height:13px}.faq-section{padding-top:8px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.faq-grid>div{border:1px solid #e2e7f1;background:#fff;padding:23px;border-radius:11px}.faq-grid h3{font-size:12px;font-weight:600;display:flex;gap:10px;align-items:center}.faq-grid h3>span{font-size:10px;color:#8ea9d5;background:#eff5ff;padding:2px 5px;border-radius:4px}.faq-grid p{font-size:11px;color:#93a0b3;line-height:1.9;margin-top:11px}.site-footer{max-width:1280px;width:calc(100% - 60px);margin:43px auto 25px;border-top:1px solid #e1e7f1;padding-top:27px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:25px}.site-footer .brand{font-size:18px}.site-footer .brand-mark{width:26px;height:26px;border-radius:7px}.site-footer .brand-mark .icon{width:19px;height:19px}.site-footer p{font-size:10px;color:#9aa7bb;margin-top:12px}.footer-links{display:flex;gap:25px;font-size:11px;color:#8c9bb0;padding-top:4px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e5eaf3;padding-top:17px;margin-top:10px;width:100%;font-size:9px;color:#a9b4c5}
@media(min-width:1550px){main{padding-top:30px}.home-hero{min-height:455px}.home-hero h1{font-size:38px}.hero-art{right:-15px;top:65px;transform:scale(.87)}.site-header-inner{gap:45px}.studio-grid{grid-template-columns:minmax(420px,.82fr) minmax(500px,1.18fr)}}
@media(max-width:1200px){.site-header-inner{padding:0 25px;gap:25px}.site-nav{gap:22px;font-size:13px}.site-header .brand{font-size:23px}main{padding:24px 25px 0}.home-hero{padding:31px 28px;min-height:427px}.home-hero h1{font-size:30px}.home-hero-copy{width:64%}.hero-art{right:-65px;top:65px;transform:scale(.67)}.hero-actions{gap:8px}.hero-actions .btn{font-size:10px;padding:10px 12px}.home-hero-grid{gap:17px;grid-template-columns:minmax(0,2fr) minmax(255px,1fr)}.hero-checks{gap:10px}.home-section-heading>span{font-size:9px}.home-section-heading h2{font-size:18px}.feature-card{padding:20px 14px;gap:10px}.feature-icon{width:38px;height:38px}.inspiration-grid{gap:14px}.inspiration-cover{height:215px;padding:19px}.inspiration-cover>strong{font-size:24px}.site-footer{width:calc(100% - 50px)}.main-shell{margin:0}.header-hint{display:none}}
@media(max-width:960px){.site-nav{gap:19px;font-size:12px}.site-header-inner{gap:23px}.brand>span:not(.brand-mark){display:inline}.site-header .brand{font-size:23px;justify-content:flex-start}.brand-mark{width:30px;height:30px}.home-hero-grid{grid-template-columns:minmax(0,1.85fr) 260px}.home-hero{padding:29px 26px;min-height:410px}.home-hero h1{font-size:27px}.home-hero-copy{width:78%}.hero-art{right:-80px;top:115px;transform:scale(.5);opacity:.72}.home-hero-copy>p{font-size:11px}.hero-checks{margin:17px 0 22px;font-size:9px}.home-featured{padding:17px}.home-credit-card{padding:23px 20px}.home-credit-card h2{font-size:16px}.feature-card{align-items:flex-start}.feature-card h3{font-size:12px}.feature-card p{font-size:9px}.feature-icon{width:33px;height:33px}.feature-icon>.icon{width:18px;height:18px}.home-section-heading>span{display:none}.inspiration-cover{height:195px;padding:16px}.inspiration-cover>strong{font-size:21px}.inspiration-cover>p{font-size:8px}.inspiration-card-bottom{padding:13px}.inspiration-card-bottom>span{font-size:9px}.site-footer .brand{justify-content:flex-start}}
@media(max-width:760px){.site-header{height:auto;position:sticky}.site-header-inner{min-height:99px;padding:14px 18px 0;gap:10px;flex-wrap:wrap;align-items:center}.site-header .brand{font-size:23px;margin-right:auto}.site-header .brand-mark{width:29px;height:29px}.site-nav{order:3;width:100%;flex:none;gap:24px;height:40px;overflow:auto;font-size:12px;scrollbar-width:none}.site-nav a{height:40px;padding:8px 0}.site-nav a.active{border-bottom-color:#4385ef}.header-account{gap:9px;margin-left:0}.header-account .btn.dark{font-size:10px;padding:7px 10px}.header-account .btn .icon{display:none}.main-shell{padding-bottom:0;margin:0;min-height:calc(100vh - 100px)}main{padding:17px 16px 0}.home-hero-grid{grid-template-columns:1fr;gap:14px}.home-hero{min-height:385px;padding:29px 25px;border-radius:12px}.home-hero-copy{width:79%}.home-hero h1{font-size:29px;margin:18px 0 15px}.hero-art{right:-51px;top:80px;transform:scale(.56);opacity:.82}.hero-label{font-size:10px;padding:4px 9px}.home-hero-copy>p{font-size:11px}.hero-checks{gap:13px}.hero-checks span{font-size:9px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{font-size:11px;padding:10px 13px}.hero-footnote{font-size:9px;margin-top:15px}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-featured{padding:14px}.home-card-heading{padding-bottom:10px}.home-card-heading h2{font-size:12px;gap:5px}.home-card-heading h2 .icon{width:13px;height:13px}.hot-tag{font-size:8px;padding:2px 4px}.featured-content{gap:8px;margin:17px 0;align-items:flex-start}.featured-icon{height:29px;width:29px;border-radius:8px}.featured-icon .icon{width:17px;height:17px}.featured-content strong{font-size:10px}.featured-content p{font-size:9px;line-height:1.7}.home-featured>a{font-size:9px}.home-credit-card{padding:17px 14px;justify-content:flex-start}.mini-label{font-size:8px}.home-credit-card h2{font-size:13px;margin:9px 0}.home-credit-card p{font-size:9px}.home-credit-card .btn{font-size:9px;margin-top:12px;padding:7px 10px}.home-credit-card .btn>.icon:first-child{display:none}.quick-links{display:none}.home-notice{margin:14px 0 25px;padding:12px;font-size:9px;gap:10px;align-items:flex-start}.home-notice>b{font-size:9px;border:0;padding:0;gap:4px}.home-notice .icon{width:12px;height:12px}.home-notice>a{display:none}.home-section{margin:25px 0}.home-section-heading{gap:8px;margin-bottom:13px}.home-section-heading h2{font-size:16px;gap:7px}.home-section-heading h2 .icon{height:24px;width:24px}.home-section-heading>a{font-size:9px}.feature-cards{grid-template-columns:1fr;gap:10px}.feature-card{padding:17px;gap:13px;align-items:center}.feature-icon{height:38px;width:38px}.feature-card h3{font-size:12px}.feature-card p{max-width:none;font-size:10px;margin-top:3px}.feature-number{font-size:10px;top:15px;right:15px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspiration-cover{height:200px;padding:17px}.inspiration-cover>strong{font-size:23px}.inspiration-cover>p{font-size:8px}.inspiration-cover>small{font-size:6px}.inspiration-cover>span{font-size:7px}.inspiration-card-bottom{padding:12px}.inspiration-card-bottom h3{font-size:11px}.inspiration-card-bottom>span{font-size:8px}.inspiration-shape{height:120px;width:120px;border-width:19px}.faq-grid{grid-template-columns:1fr;gap:11px}.faq-grid>div{padding:19px}.faq-grid h3{font-size:11px}.faq-grid p{font-size:10px}.site-footer{width:calc(100% - 32px);margin:32px auto 20px;padding-top:24px;gap:20px}.site-footer .brand{font-size:18px}.site-footer p{font-size:9px}.footer-links{gap:22px;font-size:10px;flex-wrap:wrap}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:6px;padding-top:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.studio-grid{grid-template-columns:1fr}.preview-empty{min-height:535px}.modal .brand{justify-content:flex-start}.modal-brand{font-style:normal}.home-section-heading>span{display:none}}