:root{--ink:#17151b;--muted:#6f6876;--soft:#918796;--line:#eadfe8;--surface:#fff8fb;--surface-blue:#f2f8ff;--panel:#fff;--panel-soft:#fffafd;--primary:#ff7f9b;--primary-dark:#bf4f71;--blue:#91c9f2;--blue-dark:#327cae;--violet:#8b72d9;--success:#1f7a60;--danger:#aa2e3f;--shadow:0 22px 60px #885c7624}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 0%, #ffd2de8c, transparent 34%), radial-gradient(circle at 88% 4%, #aedcff9e, transparent 32%), linear-gradient(180deg, #fff 0%, var(--surface) 42%, #f6f9ff 100%);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;font-size:clamp(46px,6.2vw,78px);line-height:.98}h2{max-width:760px;margin-bottom:0;font-size:clamp(30px,4vw,46px);line-height:1.06}h3{margin-bottom:10px;font-size:18px;line-height:1.2}.site-header-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#fffafde6;border-bottom:1px solid #eadfe8bd;min-height:76px;position:sticky;top:0}.site-header,.site-footer{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:18px 24px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{background:#fff;border:1px solid #fffffff2;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden;box-shadow:0 10px 28px #b27b9833}.brand-mark img{object-fit:cover;width:42px;height:42px;display:block}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.site-nav,.site-footer nav{align-items:center;gap:20px;display:flex}.site-nav a,.site-nav button,.site-footer a{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;min-height:36px;padding:0;font-size:14px;font-weight:750;display:inline-flex}.site-nav .nav-login-link,.site-nav .nav-sign-out{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;border-radius:8px;margin-left:2px;padding:8px 14px;box-shadow:0 10px 22px #ff7f9b33}.site-nav a:hover,.site-nav button:hover,.site-footer a:hover{color:var(--primary-dark)}.site-nav .nav-login-link:hover,.site-nav .nav-sign-out:hover{color:#fff}.hero{grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);align-items:center;gap:44px;max-width:1200px;min-height:calc(100vh - 76px);margin:0 auto;padding:44px 24px 64px;display:grid}.hero-copy{max-width:590px}.eyebrow{color:var(--primary-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:850}.hero-subtitle{margin-bottom:14px;font-size:24px;font-weight:800;line-height:1.25}.hero-body,.section-body,.proof-copy p,.app-cta-band p,.content-band p,.policy-band li,.list-grid p,.faq-list p,.pricing-band p{color:var(--muted);font-size:16px;line-height:1.68}.hero-actions,.section-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:850;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;cursor:pointer;border:0;box-shadow:0 14px 28px #ff7f9b42}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#ffffffc2}.trust-row{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.capability-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.trust-row span,.capability-row span,.style-chip-grid span,.style-chip-grid button,.plan-badge{border:1px solid var(--line);color:var(--muted);background:#ffffffc7;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750}.hero-tool{box-shadow:var(--shadow);background:linear-gradient(#fffffff0,#fff7fceb),linear-gradient(135deg,#ff7f9b1f,#91c9f21f);border:1px solid #ffffffeb;border-radius:8px;gap:18px;padding:22px;display:grid}.tool-topline,.studio-toolbar,.generation-history-heading,.generation-progress div,.generation-result>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-topline span,.tool-topline strong,.style-pack span,.style-pack strong,.studio-toolbar span,.studio-toolbar strong,.generation-history-heading span,.generation-history-heading strong,.generation-result span,.generation-result strong{display:block}.studio-toolbar>div:first-child{gap:7px;display:grid}.tool-topline span,.style-pack span,.studio-toolbar span,.generation-history-heading span,.generation-result span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:850}.tool-topline strong{color:var(--success);font-size:14px}.tool-upload-grid,.generation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-dropzone{background:linear-gradient(#fff,#fff8fb);border:1px dashed #ddb7ca;border-radius:8px;min-height:180px;padding:18px}.tool-dropzone span{color:var(--primary-dark);background:linear-gradient(135deg,#ffe0e8,#e3f3ff);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:28px;font-size:12px;font-weight:850;display:inline-flex}.tool-dropzone strong{margin-bottom:8px;font-size:18px;display:block}.tool-dropzone p,.model-strip p,.style-pack p,.studio-toolbar p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.model-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.model-strip article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.model-strip strong{margin-bottom:8px;font-size:14px;display:block}.style-pack{background:linear-gradient(135deg,#ffe0e8b8,#e3f3ffb8);border:1px solid #ffffffdb;border-radius:8px;gap:12px;padding:16px;display:grid}.style-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.style-chip-grid button{color:var(--ink);cursor:pointer}.style-chip-grid button[aria-pressed=true],.segmented-control button[aria-pressed=true]{color:var(--primary-dark);background:linear-gradient(135deg,#ffe0e8,#e3f3ff);border-color:#f4a9bd}.tool-submit{width:100%}.home-hero{grid-template-columns:1fr;gap:14px;max-width:1520px;min-height:auto;margin:0 auto;padding:18px 24px 44px;display:grid}.home-hero-copy{text-align:center;max-width:1320px;margin:0 auto}.home-hero-copy h1{margin-bottom:8px;margin-left:auto;margin-right:auto;padding-bottom:4px;font-size:clamp(40px,5.04vw,68px);line-height:1.08}.home-hero-copy .hero-subtitle{max-width:none;margin-bottom:0;margin-left:auto;margin-right:auto;font-size:20px}.home-hero-copy .capability-row{justify-content:center}@media (min-width:981px){.home-hero-copy h1,.home-hero-copy .hero-subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.home-hero .generation-form{margin-top:0}.generation-form-home{box-shadow:var(--shadow);background:linear-gradient(#ffffffeb,#fffafde6);border:1px solid #ffffffdb;border-radius:8px;padding:14px}.generation-form-home .generation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-form-home .prompt-input textarea{min-height:82px}.generation-form-home .image-input em,.generation-form-home .image-preview-frame{height:132px;min-height:132px}.generation-form-home .image-input img{object-fit:contain;height:100%;max-height:none}.generation-form-home .generation-workspace,.generation-form-home .generation-compose{gap:12px}.generation-form-home .generation-workspace{align-items:stretch}.generation-form-home .studio-toolbar{padding:12px 14px}.generation-form-home .image-input,.generation-form-home .prompt-input,.generation-form-home .generation-progress,.generation-form-home .generation-result{gap:8px;padding:12px}.generation-form-home .generation-side-panel{height:auto;min-height:0}.app-cta-priority{margin-top:10px}.proof-band,.app-cta-band{grid-template-columns:minmax(0,.95fr) minmax(300px,.75fr);align-items:center;gap:34px;max-width:1200px;margin:0 auto;padding:40px 24px 72px;display:grid}.proof-media{aspect-ratio:4/3;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffe0e86b,#e3f3ff80);border:1px solid #fffc;border-radius:8px;position:relative;overflow:hidden}.proof-media img{object-fit:contain;padding:12px}.proof-copy{max-width:430px}.studio,.content-band,.policy-band,.pricing-band,.faq-band{max-width:1200px;margin:0 auto;padding:78px 24px}.section-heading{margin-bottom:28px}.section-body{max-width:720px;margin:14px 0 0}.pricing-band{padding-top:34px}.list-grid,.pricing-list,.faq-list,.pricing-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.list-grid article,.faq-list article,.pricing-list article,.pricing-rules article,.auth-card,.account-panel,.image-input,.prompt-input,.generation-result,.generation-progress,.generation-history,.generation-controls{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;box-shadow:0 12px 34px #885c7614}.list-grid article,.faq-list article,.pricing-rules article{padding:22px}.content-band{grid-template-columns:minmax(260px,.62fr) minmax(0,1fr);gap:34px;display:grid}.policy-band{color:#fff;background:linear-gradient(135deg,#211924,#253345);grid-template-columns:minmax(260px,.7fr) minmax(0,1fr);align-items:start;gap:34px;max-width:none;padding-left:max(24px,50vw - 576px);padding-right:max(24px,50vw - 576px);display:grid}.policy-band .eyebrow{color:#ffd5df}.policy-band ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.policy-band li{color:#f9eef4;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:18px}.app-cta-band{background:linear-gradient(135deg,#ffe0e8b3,#e3f3ffc7);border:1px solid #ffffffc7;border-radius:8px;margin-bottom:70px}.app-cta-band h2{max-width:680px}.app-icon-large{justify-self:center}.app-icon-large img{border-radius:22px;display:block;box-shadow:0 18px 44px #73637838}.legal-page,.auth-page,.account-page,.generate-page,.history-page,.blog-page{max-width:1060px;margin:0 auto;padding:68px 24px 96px}.auth-page{align-items:center;min-height:calc(100vh - 158px);padding-top:48px;padding-bottom:48px;display:grid}.legal-page h1,.auth-shell h1,.account-heading h1,.generate-heading h1,.history-heading h1,.blog-heading h1{margin-bottom:18px;font-size:clamp(42px,5vw,58px);line-height:1}.legal-page h2{margin-top:34px;font-size:24px;line-height:1.18}.legal-page p,.legal-page li,.auth-shell p,.account-heading p,.generate-heading p,.history-heading p,.blog-heading p,.account-panel p,.form-note{color:var(--muted);font-size:16px;line-height:1.7}.generation-toast{color:var(--ink);z-index:40;background:#fffffff5;border:1px solid #f4a9bd;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:max-content;max-width:min(520px,100vw - 32px);padding:14px 16px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #7a486029}.generation-toast span{font-size:14px;font-weight:750;line-height:1.35}.generation-toast button{background:linear-gradient(135deg, var(--primary), var(--blue));cursor:pointer;border:0;border-radius:999px;flex:none;width:22px;height:22px;position:relative}.generation-toast button:before,.generation-toast button:after{content:"";background:#fff;border-radius:999px;width:10px;height:2px;position:absolute;top:10px;left:6px}.generation-toast button:before{transform:rotate(45deg)}.generation-toast button:after{transform:rotate(-45deg)}.legal-page a{color:var(--primary-dark);font-weight:850}.pricing-page{max-width:1100px;padding-top:42px}.pricing-hero{max-width:1060px}.pricing-hero h1{max-width:none;font-size:clamp(42px,4.5vw,62px)}@media (min-width:1180px){.pricing-hero h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.pricing-list{margin:28px 0 10px}.pricing-list article{grid-template-rows:auto auto 1fr auto;padding:32px 24px 24px;display:grid;position:relative}.pricing-list h2{margin-bottom:12px;font-size:22px}.pricing-list strong{color:var(--primary-dark);margin-bottom:12px;font-size:16px;display:block}.pricing-list p{min-height:104px}.pricing-list form{align-self:end;margin-top:18px}.pricing-list button{width:100%}.featured-plan{border-color:#f3a9bd!important;box-shadow:0 18px 44px #ff7f9b2e!important}.plan-badge{color:var(--primary-dark);background:#ffffffeb;border:1px solid #f3cbd8;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:850;line-height:1;display:inline-flex;position:absolute;top:18px;right:18px}.pricing-rules{margin-top:34px}.site-footer{border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:0}.auth-shell,.account-heading,.account-grid,.generate-heading{grid-template-columns:minmax(0,.88fr) minmax(340px,.72fr);gap:28px;display:grid}.auth-shell{align-items:center;width:100%}.auth-card,.account-panel{padding:24px}.google-button,.auth-submit{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;font-weight:850;display:inline-flex}.google-button svg{flex:none}.auth-submit{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;border:0}.auth-divider{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0;font-size:13px;font-weight:850;display:grid}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";height:1px}.auth-form{gap:12px;display:grid}.otp-form{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.auth-form label{font-size:14px;font-weight:850}.auth-form input[type=email],.auth-form input[type=text]{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-height:48px;padding:0 14px}.turnstile-widget{min-height:65px}.form-error,.form-success{border-radius:8px;margin:0;padding:12px;font-size:14px;font-weight:750}.form-error{color:var(--danger);background:#ffe8ed}.form-success{color:var(--success);background:#e7f5ef}.account-heading{grid-template-columns:1fr auto;align-items:end;margin-bottom:28px}.account-heading form{margin-bottom:8px}.account-heading button{cursor:pointer}.account-grid{align-items:stretch;margin-bottom:18px}.credit-panel{gap:12px;display:grid}.credit-panel span{color:var(--muted);text-transform:uppercase;font-size:14px;font-weight:850}.credit-panel strong{color:var(--primary-dark);font-size:72px;line-height:.95}.profile-list{gap:14px;margin:18px 0 0;display:grid}.profile-list div,.orders-list div{border-top:1px solid var(--line);padding-top:14px}.profile-list dt{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:850}.profile-list dd{overflow-wrap:anywhere;margin:4px 0 0}.orders-panel{margin-top:18px}.orders-list{gap:14px;display:grid}.orders-pagination{margin-top:18px}.orders-list div{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.orders-list span,.orders-list em{color:var(--muted)}.generation-form{gap:18px;margin-top:30px;display:grid}.studio-toolbar{background:linear-gradient(135deg,#ffe0e8b3,#e3f3ffc7);border:1px solid #ffffffd1;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.image-input,.prompt-input,.generation-result,.generation-progress,.generation-history,.generation-controls{gap:12px;padding:18px;display:grid}.generation-controls{grid-template-columns:minmax(0,1fr);gap:18px}.generation-workspace{grid-template-columns:minmax(620px,1fr) minmax(420px,.78fr);align-items:stretch;gap:18px;display:grid}.generation-compose{gap:18px;min-width:0;display:grid}.generation-side-panel{background:#ffffffb3;border:1px solid #eadfe8db;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:14px;min-width:0;padding:12px;display:grid}.side-panel-tabs{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.side-panel-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:38px;padding:0 10px;font-size:13px;font-weight:850}.side-panel-tabs button[aria-selected=true]{color:var(--primary-dark);background:linear-gradient(135deg,#ffe0e8,#e3f3ff);border-color:#f4a9bd}.image-input span,.prompt-input span,.generation-result span,.generation-controls span{color:var(--ink);font-size:14px;font-weight:850}.image-input{cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s;position:relative}.image-input-dragging{background:linear-gradient(135deg,#ffe0e8c7,#e3f3ffd1);border-color:#f4a9bd;box-shadow:0 0 0 3px #f4a9bd38}.image-input-dragging em{color:var(--primary-dark);border-color:#f4a9bd}.image-input input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-chooser{color:var(--primary-dark);background:#fff;border:1px solid #f4a9bdd1;border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-height:38px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.image-input em,.generation-history-list em{color:var(--muted);text-align:center;background:linear-gradient(135deg,#ffe0e857,#e3f3ff70);border:1px dashed #ddb7ca;border-radius:8px;justify-content:center;align-items:center;min-height:260px;padding:24px;font-style:normal;display:flex}.selected-model-control{place-items:flex-end end;gap:7px;min-width:min(100%,420px);display:grid}.selected-model-control>span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:850}.model-picker-row{justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.model-picker{min-width:0;position:relative}.model-picker-trigger{color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #f4a9bdd1;border-radius:8px;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;min-width:190px;min-height:42px;padding:9px 11px;display:grid;box-shadow:0 10px 22px #885c7614}.model-picker-trigger strong{font-size:14px;line-height:1.2}.model-picker-trigger small{color:var(--primary-dark);font-size:15px;font-weight:900;line-height:1}.model-picker-menu{border:1px solid var(--line);z-index:20;background:#fff;border-radius:8px;gap:6px;min-width:250px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px #885c762e}.model-picker-menu button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:5px;padding:10px;display:grid}.model-picker-menu button:hover,.model-picker-menu button[aria-selected=true]{background:linear-gradient(135deg,#ffe0e8,#e3f3ff);border-color:#f4a9bd}.model-picker-menu button>span{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.model-picker-menu strong{min-width:0;font-size:14px;line-height:1.2}.model-picker-menu small{color:var(--primary-dark);white-space:nowrap;font-size:12px;font-weight:850}.model-credit-pill{border:1px solid var(--line);color:var(--primary-dark);white-space:nowrap;background:#fff;border-radius:999px;padding:10px 12px;font-size:13px;line-height:1}.model-help{border:1px solid var(--line);color:var(--blue-dark);cursor:help;text-align:center;background:#fff;border-radius:999px;justify-content:center;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;line-height:1;display:inline-grid;position:relative;overflow:visible}.model-help:before{content:"?";font-size:13px;font-weight:900;line-height:1;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.model-help-tip{background:var(--ink);color:#fff;opacity:0;pointer-events:none;visibility:hidden;z-index:30;border-radius:8px;width:max-content;max-width:260px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.4;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px);box-shadow:0 16px 36px #17151b2e}.model-help:hover .model-help-tip,.model-help:focus .model-help-tip{opacity:1;visibility:visible;transform:translateY(0)}.image-input img,.generation-result img{object-fit:contain;border-radius:8px;width:100%;max-height:520px;display:block}.image-preview-frame{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-clear-button{color:#fff;cursor:pointer;z-index:2;background:#17151bc7;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;place-items:center;width:32px;height:32px;padding:0;font-weight:850;display:grid;position:absolute;top:8px;right:8px}.image-clear-button:before,.image-clear-button:after{content:"";background:currentColor;border-radius:999px;grid-area:1/1;width:16px;height:4px;display:block}.image-clear-button:before{transform:rotate(45deg)}.image-clear-button:after{transform:rotate(-45deg)}.image-clear-button:hover{background:var(--primary-dark)}.prompt-input textarea{border:1px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:8px;min-height:170px;padding:14px;line-height:1.5}.prompt-input-disabled{cursor:not-allowed;background:#f8f5f8e6}.prompt-input-disabled span{color:var(--soft)}.prompt-input-disabled textarea{color:var(--soft);cursor:not-allowed;background:#f5f1f5}.segmented-control{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr;gap:6px;padding:6px;display:grid}.template-grid strong{overflow-wrap:anywhere;min-height:18px;font-size:14px;line-height:1.25}.template-grid small{color:var(--primary-dark);min-height:15px;font-size:12px;font-weight:850;line-height:1.2}.template-panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:6px 12px 0;display:flex}.template-panel-heading span{color:var(--ink);font-size:14px;font-weight:850}.template-panel-heading strong{color:var(--primary-dark);font-size:13px}.template-category-row{scrollbar-color:#f4a9bdb8 #e3f3ff94;scrollbar-width:thin;gap:8px;padding:0 4px 8px;display:flex;overflow-x:auto}.template-category-scroll,.template-grid-scroll,.history-filter-scroll,.generation-history-scroll{min-width:0;min-height:0}.template-category-row::-webkit-scrollbar{width:6px;height:6px}.template-grid::-webkit-scrollbar{width:6px;height:6px}.generation-side-panel .generation-history-list::-webkit-scrollbar{width:6px;height:6px}.template-category-row::-webkit-scrollbar-track{background:#e3f3ff85;border-radius:999px}.template-grid::-webkit-scrollbar-track{background:#e3f3ff85;border-radius:999px}.generation-side-panel .generation-history-list::-webkit-scrollbar-track{background:#e3f3ff85;border-radius:999px}.template-category-row::-webkit-scrollbar-thumb{background:linear-gradient(#ffbecee6,#91c9f2db);border-radius:999px}.template-grid::-webkit-scrollbar-thumb{background:linear-gradient(#ffbecee6,#91c9f2db);border-radius:999px}.generation-side-panel .generation-history-list::-webkit-scrollbar-thumb{background:linear-gradient(#ffbecee6,#91c9f2db);border-radius:999px}.template-category-row button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;flex:none;min-height:34px;padding:0 11px;font-size:12px;font-weight:850}.template-category-row button[aria-pressed=true]{color:var(--primary-dark);background:linear-gradient(135deg,#ffe0e8,#e3f3ff);border-color:#f4a9bd}.template-grid{scrollbar-color:#f4a9bdb8 #e3f3ff94;scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:260px;align-content:start;gap:8px;max-height:268px;padding:0 4px 2px;display:grid;overflow-y:auto}.template-grid button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:8px;grid-template-rows:auto auto auto;align-self:start;gap:6px;min-height:260px;padding:8px;display:grid;overflow:hidden}.generation-form-home .template-grid{height:348px;min-height:0;max-height:348px}.template-grid button[aria-pressed=true]{border-color:#f4a9bd;box-shadow:0 0 0 2px #f4a9bd3d}.template-grid button>span{aspect-ratio:1;background:linear-gradient(135deg,#ffe0e861,#e3f3ff7a);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.template-grid b{color:var(--primary-dark);text-align:center;z-index:0;padding:10px;font-size:12px;line-height:1.2;position:absolute}.template-grid img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.segmented-control button{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;min-height:40px;padding:0 10px;font-size:14px;font-weight:800}.generation-result{margin-top:12px}.generation-result strong{font-size:22px}.generation-result p{color:var(--muted);margin:0}.generation-progress{gap:10px}.generation-progress span{color:var(--muted);font-size:14px;font-weight:850}.generation-progress strong{color:var(--primary-dark)}.generation-progress progress{accent-color:var(--primary);width:100%;height:12px}.generation-progress p{color:var(--muted);margin:0;font-size:14px;font-weight:750;line-height:1.5}.generation-history{gap:16px}.generation-side-panel .generation-history-heading{padding:6px 12px 0}.generation-side-panel .generation-history,.generation-side-panel .generation-controls{grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:0;overflow:hidden}.generation-side-panel .generation-history{grid-template-rows:auto auto minmax(0,1fr)}.generation-form-home .generation-side-panel .generation-history,.generation-form-home .generation-side-panel .generation-controls{height:452px}.generation-form-home .generation-side-panel .generation-history{height:min(68vh,560px);min-height:500px}.generation-history-heading button{cursor:pointer}.history-actions{gap:10px;display:flex}.history-filter-row{flex-wrap:wrap;gap:8px;padding:0 12px;display:flex}.history-filter-row button{border:1px solid var(--line);color:var(--muted);cursor:pointer;text-transform:capitalize;background:#ffffffc7;border-radius:999px;min-height:36px;padding:0 12px;font-size:13px;font-weight:800}.history-filter-row button[aria-pressed=true]{color:var(--primary-dark);background:linear-gradient(135deg,#ffe0e8,#e3f3ff);border-color:#f4a9bd}.generation-history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.generation-side-panel .generation-history-list{scrollbar-color:#f4a9bdb8 #e3f3ff94;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(260px,auto);height:348px;max-height:348px;padding:0 4px 2px;overflow-y:auto}@media (min-width:1380px){.generation-side-panel .generation-history-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.generation-form-home .generation-side-panel .generation-history-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:14px;height:100%;max-height:none;padding:0 12px 28px 4px}.generation-form-home .generation-history-list article{background:#fff;grid-template-rows:150px auto auto auto;gap:10px;min-height:304px;padding:10px}.generation-form-home .generation-history-list .generation-card-preview,.generation-form-home .generation-history-list em{background:linear-gradient(135deg,#ffe0e852,#e3f3ff66);border-radius:8px;justify-content:center;align-items:center;height:150px;min-height:0;display:flex;overflow:hidden}.generation-form-home .generation-history-list img{object-fit:contain;width:100%;height:100%}.generation-form-home .generation-history-list article>div{justify-content:stretch;align-items:start;gap:2px;display:grid}.generation-form-home .generation-history-list article>div strong{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;order:-1;font-size:12px;line-height:1.2;overflow:hidden}.generation-form-home .generation-history-list article>div span{font-size:11px;line-height:1.2}.generation-form-home .generation-card-refresh{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;border:0;border-radius:6px;min-height:34px;padding:0 10px;font-size:12px;box-shadow:0 8px 18px #ff7f9b2e}.generation-form-home .generation-history-list article>p{display:none}.generation-history-list article{border:1px solid var(--line);border-radius:8px;grid-template-rows:minmax(140px,auto) auto auto auto;gap:8px;padding:8px;display:grid;overflow:hidden}.generation-card-refresh{width:100%;min-height:34px;padding:0 10px;font-size:13px}.generation-history-list article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.generation-history-list article>div span{color:var(--muted);font-size:12px;font-weight:850;line-height:1.25;display:block}.generation-history-list article>div strong{color:var(--primary-dark);font-size:13px;line-height:1.25}.generation-history-list img{object-fit:contain;border-radius:8px;width:100%;max-height:360px;display:block}.generation-side-panel .generation-history-list img{aspect-ratio:1;object-fit:contain;max-height:none}.generation-history-list em{min-height:180px;padding:18px}.generation-history-list p,.generation-history>p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.generation-side-panel .generation-history>p{padding:0 12px}.history-page{max-width:1200px;padding-top:42px}.blog-page{padding-top:42px}.history-heading,.blog-heading{max-width:760px}@media (min-width:981px){.blog-heading h1{text-overflow:ellipsis;white-space:nowrap;padding-bottom:6px;font-size:clamp(42px,4.2vw,58px);line-height:1.12;overflow:hidden}}.blog-list{gap:16px;margin-top:24px;display:grid}.blog-card,.blog-detail{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;padding:24px;box-shadow:0 12px 34px #885c7614}.blog-card{display:block}.blog-card:hover{border-color:#f4a9bd;box-shadow:0 18px 42px #ff7f9b24}.blog-list h2{margin-bottom:10px;font-size:24px;line-height:1.18}.blog-list p{color:var(--muted);margin:0;font-size:16px;line-height:1.68}.blog-pagination{margin-top:16px}.blog-detail-page{max-width:940px}.blog-detail{gap:18px;display:grid}.blog-detail h1{margin:0;font-size:clamp(38px,5vw,58px);line-height:1.04}.blog-detail p:not(.eyebrow){color:var(--muted);margin:0;font-size:18px;line-height:1.7}.blog-detail .secondary-button{justify-self:start;margin-top:12px}.history-library{gap:18px;margin-top:24px;display:grid}.history-library-toolbar{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 12px 34px #885c7614}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.history-pagination{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;justify-content:flex-end;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 12px 34px #885c7614}.history-pagination span{color:var(--muted);font-size:14px;font-weight:850}.history-pagination .secondary-button{min-height:40px;padding:0 14px}.history-card{border:1px solid var(--line);background:#ffffffe0;border-radius:8px;display:grid;overflow:hidden;box-shadow:0 12px 34px #885c7614}.history-card-media{background:linear-gradient(135deg,#ffe0e857,#e3f3ff70);min-height:260px}.history-card-media a,.history-card-media em{color:var(--muted);text-align:center;justify-content:center;align-items:center;height:100%;min-height:260px;padding:20px;font-style:normal;display:flex}.history-card-media img{object-fit:contain;width:100%;height:100%;max-height:420px;display:block}.history-card-body{gap:10px;padding:16px;display:grid}.history-card-body strong{margin-top:8px;font-size:15px;line-height:1.35;display:block}.history-card-body p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.status-pill{text-transform:capitalize;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;display:inline-flex}.status-succeeded{color:var(--success);background:#e7f5ef}.status-processing,.status-finalizing{color:var(--blue-dark);background:#e3f3ff}.status-failed{color:var(--danger);background:#ffe8ed}.status-unknown{color:var(--muted);background:#f4edf3}.history-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.history-card-actions .primary-button,.history-card-actions .secondary-button{min-height:42px;padding:0 12px}.empty-history{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;place-items:start;gap:12px;padding:28px;display:grid;box-shadow:0 12px 34px #885c7614}.empty-history p{color:var(--muted);margin:0}.history-loading-state{min-height:210px}@media (max-width:980px){.site-header,.site-header-shell .site-header,.site-footer{flex-direction:column;align-items:flex-start;gap:18px}.site-nav,.site-footer nav{flex-wrap:wrap}.hero,.home-hero,.proof-band,.content-band,.policy-band,.app-cta-band,.auth-shell,.account-heading,.account-grid,.generate-heading,.history-library-toolbar,.generation-workspace,.generation-grid,.generation-controls,.generation-form-home .generation-grid,.generation-form-home .generation-controls,.generation-history-list{grid-template-columns:1fr}.home-hero{min-height:auto}.home-hero-copy{position:static}.hero{min-height:auto;padding-top:28px}.list-grid,.pricing-list,.faq-list,.pricing-rules,.model-strip,.history-grid,.generation-form-home .generation-history-list{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-heading{align-items:start}.proof-band{padding-top:12px}}@media (max-width:1180px){.generation-workspace{grid-template-columns:1fr}}@media (max-width:620px){h1{font-size:42px}h2{font-size:30px}.site-header-shell{min-height:0;top:0}.site-header-shell .site-header{gap:10px;padding:10px 18px 12px}.brand{gap:10px}.brand-mark{border-radius:8px;width:36px;height:36px}.brand-mark img{width:36px;height:36px}.brand strong{font-size:14px;line-height:1.05}.brand small{margin-top:1px;font-size:11px}.site-nav{gap:8px 14px}.site-nav a{min-height:30px;font-size:13px}.site-nav .nav-login-link{border-radius:8px;min-height:34px;padding:6px 13px}.hero,.home-hero,.studio,.content-band,.policy-band,.pricing-band,.faq-band,.legal-page,.auth-page,.account-page,.generate-page{padding-left:18px;padding-right:18px}.tool-upload-grid{grid-template-columns:1fr}.template-category-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:7px;padding:0 4px 8px}.template-category-row::-webkit-scrollbar{display:none}.template-category-row button{min-height:32px;padding:0 10px;font-size:11px}.template-category-scroll{--scroll-ratio:0;padding-bottom:12px;position:relative}.template-category-scroll:before,.template-category-scroll:after{content:"";border-radius:999px;height:5px;position:absolute;bottom:2px}.template-category-scroll:before{background:linear-gradient(90deg,#e3f3ffad,#ffe0e8c2);left:4px;right:4px}.template-category-scroll:after{left:calc(4px + (100% - 84px) * var(--scroll-ratio));background:linear-gradient(90deg,#ffbecefa,#91c9f2eb);width:76px;box-shadow:0 1px 4px #885c7624}.template-grid-scroll{--scroll-ratio:0;position:relative}.template-grid-scroll:before,.template-grid-scroll:after{content:"";border-radius:999px;width:5px;position:absolute;right:3px}.template-grid-scroll:before{background:linear-gradient(#e3f3ffb3,#ffe0e8c2);top:4px;bottom:4px}.template-grid-scroll:after{height:82px;top:calc(4px + (100% - 90px) * var(--scroll-ratio));background:linear-gradient(#ffbecefa,#91c9f2eb);box-shadow:0 1px 4px #885c7624}.template-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:232px;gap:10px;height:min(62vh,540px);max-height:none;padding:0 12px 18px 4px;overflow-y:auto}.generation-form-home .template-grid{height:min(62vh,540px);max-height:none}.generation-form-home .generation-side-panel .generation-controls{height:auto;overflow:visible}.template-grid::-webkit-scrollbar{display:none}.template-grid button{grid-template-rows:minmax(0,1fr) auto auto;gap:6px;min-height:232px;padding:8px}.template-grid button>span{min-height:0}.template-grid strong{min-height:30px;font-size:12px;line-height:1.22}.template-grid small{min-height:14px;font-size:11px}.hero-tool{padding:16px}.tool-topline,.studio-toolbar,.history-library-toolbar,.generation-history-heading,.generation-progress div,.generation-result>div{flex-direction:column;align-items:flex-start}.selected-model-control{place-items:stretch stretch;width:100%;min-width:0}.model-picker-row{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;width:100%;display:grid}.model-picker{grid-column:1/-1;width:100%}.model-picker-trigger{width:100%;min-width:0}.model-picker-menu{width:100%;min-width:0;left:0;right:auto}.model-picker-menu button>span{gap:8px}.model-credit-pill{justify-self:start}.model-help{justify-self:end}.history-actions,.history-card-actions{grid-template-columns:1fr;width:100%}.history-actions{display:grid}.generation-side-panel .generation-history-heading span{display:none}.history-filter-scroll{--scroll-ratio:0;padding:0 12px 12px;position:relative}.history-filter-scroll:before,.history-filter-scroll:after{content:"";border-radius:999px;height:5px;position:absolute;bottom:2px}.history-filter-scroll:before{background:linear-gradient(90deg,#e3f3ffad,#ffe0e8c2);left:16px;right:16px}.history-filter-scroll:after{left:calc(16px + (100% - 108px) * var(--scroll-ratio));background:linear-gradient(90deg,#ffbecefa,#91c9f2eb);width:76px;box-shadow:0 1px 4px #885c7624}.history-filter-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:0 0 8px;overflow-x:auto}.history-filter-row::-webkit-scrollbar{display:none}.history-filter-row button{flex:none}.generation-history-scroll{--scroll-ratio:0;position:relative}.generation-history-scroll:before,.generation-history-scroll:after{content:"";border-radius:999px;width:5px;position:absolute;right:3px}.generation-history-scroll:before{background:linear-gradient(#e3f3ffb3,#ffe0e8c2);top:4px;bottom:4px}.generation-history-scroll:after{height:82px;top:calc(4px + (100% - 90px) * var(--scroll-ratio));background:linear-gradient(#ffbecefa,#91c9f2eb);box-shadow:0 1px 4px #885c7624}.generation-form-home .generation-side-panel .generation-history{height:auto;overflow:visible}.generation-form-home .generation-side-panel .generation-history-list,.generation-side-panel .generation-history-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;height:min(62vh,540px);max-height:none;padding:0 12px 18px 4px;overflow-y:auto}.generation-side-panel .generation-history-list::-webkit-scrollbar{display:none}.generation-history-list article{background:#fff;grid-template-rows:minmax(0,1fr) auto;align-self:start;gap:6px;min-height:232px;padding:8px}.generation-history-list .generation-card-preview,.generation-history-list em{aspect-ratio:1;background:linear-gradient(135deg,#ffe0e852,#e3f3ff66);border-radius:8px;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.generation-history-list article>div{justify-content:stretch;align-items:start;gap:2px;display:grid}.generation-history-list article>div strong{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;order:-1;min-height:15px;font-size:12px;line-height:1.22;overflow:hidden}.generation-history-list article>div span{min-height:27px;font-size:11px;line-height:1.22;overflow:hidden}.generation-side-panel .generation-history-list article>p{display:none}.generation-side-panel .generation-history-list .generation-card-refresh{min-height:34px;display:inline-flex}.generation-form-home .generation-side-panel .generation-history-list .generation-card-refresh{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;border:0;min-height:34px;padding:0 10px;font-size:12px}.generation-side-panel .generation-history-list img{object-fit:contain;width:100%;height:100%}}