/* Shared frontend shell. The management console retains its own layout. */
.frontend-surface{--bg:#f6f6f3;--panel:#fff;--text:#20231e;--muted:#878b82;--line:#e6e7e1;--primary:#4e6642;--primary-2:#60764f;--shadow:0 18px 60px #27321e0b;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
.frontend-surface [hidden]{display:none!important}.frontend-surface a:focus-visible,.frontend-surface button:focus-visible,.frontend-surface summary:focus-visible{outline:2px solid #6c835f;outline-offset:5px}.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:200;background:#fff;padding:16px}.skip-link:focus{top:12px}.site-header{height:86px;display:flex;align-items:center;gap:28px;padding:0 42px;position:relative;z-index:40}.brand{display:inline-flex;gap:10px;align-items:center;font-size:16px;font-weight:750;letter-spacing:-.4px;white-space:nowrap}.brand-mark{width:35px;height:35px;border-radius:12px;background:#e3e9dc;color:#4e6642;display:grid;place-items:center}.brand-mark .ui-icon{width:25px;height:25px}.home-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:5px;gap:2px;border:1px solid #e8e9e3;border-radius:30px;background:#ffffffb0}.home-nav a{padding:9px 18px;font-size:13px;color:#73786d;border-radius:22px}.home-nav a:hover,.home-nav a.active{background:#edefe7;color:#292d25}.header-account{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:13px}.header-register{background:#24281f;color:#fff;border-radius:24px;display:inline-flex;align-items:center;gap:15px;padding:12px 17px}.header-register .ui-icon{width:15px;height:15px}.header-login{color:#656b60}.balance-chip{display:inline-flex;align-items:center;gap:7px;color:#526545;font-weight:600}.balance-chip .ui-icon{width:17px}.icon-button{padding:8px;background:transparent;border:0;cursor:pointer;position:relative;color:#606658}.icon-button [data-notify-count]{position:absolute;top:0;right:-3px;margin:0;min-width:14px;height:14px;font-size:9px;background:#667d52}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.user-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e6eadf;color:#506141;font-weight:700}.account-menu-content{position:absolute;top:45px;right:0;background:#fff;width:185px;padding:10px;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 50px #0001;display:grid;gap:2px}.account-menu-content strong{padding:12px;border-bottom:1px solid var(--line);margin-bottom:5px;overflow-wrap:anywhere}.account-menu-content a,.account-menu-content button{display:block;text-align:left;padding:10px 12px;border:0;background:transparent;border-radius:8px;font-size:13px;width:100%;color:var(--text);cursor:pointer}.account-menu-content a:hover,.account-menu-content button:hover{background:var(--bg)}.header-breadcrumb{font-size:12px;color:#62685d;margin-left:15px}.header-breadcrumb span{padding:0 12px;color:#b5b9af}.frontend-surface .page{width:auto;margin:0 40px 50px 120px}.frontend-surface .flash{border-radius:12px;max-width:1100px;margin:12px auto;padding:13px 20px}.frontend-surface .notify-panel{top:72px;border-radius:18px;box-shadow:0 20px 60px #0001}.studio-rail{position:fixed;left:0;top:86px;bottom:0;width:86px;display:flex;flex-direction:column;align-items:center;padding:28px 0 20px;z-index:30;background:var(--bg);border-right:1px solid #e8e9e280}.studio-rail nav{display:flex;flex-direction:column;gap:10px}.studio-rail a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:58px;height:58px;font-size:10px;color:#92968c;border-radius:14px;transition:background .2s,color .2s}.studio-rail a:hover{background:#edefe7;color:#48523f}.studio-rail a.active{background:#e6ebdf;color:#4c6340}.studio-rail .ui-icon{width:21px;height:21px}.studio-rail .rail-help{margin-top:auto}.eyebrow{font-size:10px;letter-spacing:2.1px;line-height:1.6;font-weight:600;color:#969c8e}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#24291f;color:#fff;border-radius:40px;padding:19px 29px;font-size:16px;font-weight:650;box-shadow:0 12px 27px #1e281923;transition:transform .2s,background .2s}.primary-cta:hover{transform:translateY(-2px);background:#405236}.primary-cta .ui-icon{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#606958}.text-link:hover{color:#283e20}.text-link .ui-icon{width:16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.section-heading h2{font-size:27px;font-weight:650;letter-spacing:-.6px;margin:10px 0 12px}.section-heading p{font-size:13px;color:#92988a;margin:0}.section-heading>.text-link{margin-bottom:3px}
/* Homepage */
.landing-surface{background:#f6f6f2}.landing-surface .page{margin:0}.landing-surface .site-header{position:absolute;top:0;left:0;right:0}.home-hero{position:relative;min-height:850px;height:calc(100svh + 55px);max-height:1100px;overflow:hidden;padding-top:155px;background:radial-gradient(ellipse at 52% 12%,#e5e8dc66,transparent 52%)}.hero-copy{position:relative;z-index:3;text-align:center;display:flex;align-items:center;flex-direction:column}.hero-copy .eyebrow{display:flex;align-items:center;gap:17px}.hero-copy .eyebrow span{width:30px;height:1px;background:#cbd0c1}.hero-copy h1{margin:28px 0 20px;font-size:clamp(46px,4.7vw,72px);line-height:1.22;letter-spacing:-3px;font-weight:650}.hero-copy h1 span{color:#4d6341}.hero-copy p{font-size:15px;line-height:1.9;color:#8b9083;margin:0 0 29px}.hero-explore{font-size:11px;color:#91988a;margin-top:20px;display:inline-flex;gap:12px;align-items:center}.hero-explore:hover{color:#536944}.hero-gallery{position:absolute;bottom:0;left:0;right:0;height:330px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 18px}.hero-gallery:before{display:none;position:absolute;inset:-40px 0 auto;height:70px;background:linear-gradient(#f6f6f2,transparent);z-index:2;pointer-events:none;content:""}.hero-gallery-track{display:flex;align-items:center;gap:18px;flex-shrink:0;transform:rotate(-4deg);width:max-content}.hero-art{position:relative;display:block;width:225px;height:310px;background:#e7e8df;border-radius:18px;overflow:hidden;flex-shrink:0;box-shadow:0 18px 45px #28321b12;transition:transform .3s}.hero-art-1{height:350px;transform:translateY(-15px)}.hero-art-2{height:285px;transform:translateY(16px)}.hero-art-3{height:330px}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art span{position:absolute;inset:auto 0 0;padding:42px 18px 18px;background:linear-gradient(transparent,#141910c9);color:white;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;transition:opacity .2s}.hero-art:hover span,.hero-art:focus-visible span{opacity:1}.hero-art:hover{transform:translateY(-10px)}.home-notice{max-width:1240px;margin:32px auto 0;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#e9eee3;border-radius:12px;font-size:13px;color:#53614b}.home-inspiration{max-width:1296px;margin:0 auto;padding:88px 28px 50px;scroll-margin-top:30px}.home-mode-links{display:flex;gap:20px;margin:33px 0 24px}.home-mode-links a{display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:12px;color:#92988b;border-radius:20px}.home-mode-links a.active{background:#e5e9dc;color:#536444}.home-mode-links .ui-icon{width:16px;height:16px}.home-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}.home-art-card>div{position:relative;overflow:hidden;height:310px;border-radius:14px;background:#e6e8df}.home-art-card img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.home-art-card:hover img{transform:scale(1.04)}.home-art-card>div>span{position:absolute;bottom:12px;right:12px;background:#ffffffed;border-radius:20px;font-size:11px;padding:8px 12px;display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .2s}.home-art-card:hover>div>span,.home-art-card:focus-visible>div>span{opacity:1}.home-art-card h3{font-size:13px;font-weight:550;margin:15px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-art-card small{font-size:11px;color:#989e90}.home-closing{text-align:center;padding:105px 20px 110px}.home-closing h2{font-size:35px;font-weight:550;letter-spacing:-1px;margin:20px 0 30px}.home-closing .primary-cta{font-size:13px;padding:15px 24px}.site-footer{padding:30px 45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand{font-size:13px}.site-footer .brand-mark{width:28px;height:28px}.site-footer .ui-icon{width:17px;height:17px}.site-footer p,.site-footer>a:last-child{font-size:11px;color:#919789}.site-footer>a:last-child{display:flex;align-items:center;gap:10px}
/* Creation workspace */
.studio-surface .site-header{height:76px;padding-left:25px}.studio-surface .site-header>.brand>span:last-child{font-size:14px}.studio-surface .studio-rail{top:76px}.studio-heading{text-align:center;padding:36px 15px 30px}.studio-heading h1{font-size:34px;line-height:1.3;font-weight:620;margin:10px 0 14px;letter-spacing:-1px}.studio-heading h1 em{font-style:normal;color:#536d44}.studio-heading p{font-size:12px;color:#919889;margin:0}.studio-composer{width:min(940px,100%);margin:0 auto 42px;border:1px solid #eaebe6;background:#fff;border-radius:23px;padding:0 23px 18px;box-shadow:0 15px 55px #3844250a;scroll-margin-top:30px;transition:box-shadow .2s}.studio-composer:focus-within{box-shadow:0 15px 55px #38442513;border-color:#ccd5c3}.studio-mode-tabs{display:flex;align-items:center;gap:20px;height:54px;border-bottom:1px solid #f0f1ec}.studio-mode-tabs a{display:flex;align-items:center;gap:7px;font-size:12px;color:#959b8e;height:100%;position:relative}.studio-mode-tabs a.active{color:#4c6240;font-weight:650}.studio-mode-tabs a.active:after{content:"";height:2px;background:#60794e;position:absolute;bottom:-1px;left:0;right:0}.studio-mode-tabs .ui-icon{width:16px;height:16px}.studio-mode-tabs>span{margin-left:auto;font-size:10px;color:#bec2b8}.prompt-row{display:flex;align-items:flex-start;gap:17px;padding-top:22px}.reference-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:62px;height:70px;margin-top:2px;flex-shrink:0;background:#f4f5ef;border:1px dashed #d9ddcf;border-radius:11px;color:#8b9481;cursor:pointer}.reference-add span{font-size:10px}.reference-add:hover{background:#edf0e7;border-color:#99aa89;color:#4e6740}.studio-composer textarea#promptInput{border:0;background:transparent;box-shadow:none;outline:0!important;padding:2px 0;margin:0;color:#31372b;font-size:14px;line-height:1.8;resize:vertical;min-height:92px;max-height:320px;width:100%;border-radius:0}.studio-composer textarea::placeholder{color:#adb3a5}.prompt-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a5ac9b;margin:7px 0 20px;gap:12px}.prompt-meta button{border:0;background:none;color:#8d9683;font-size:10px;padding:3px;cursor:pointer}.prompt-meta [data-template-status]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.control-select{display:flex;align-items:center;gap:5px;background:#f2f3ed;border:1px solid #eef0e7;border-radius:8px;padding-left:10px;color:#5c6652}.control-select .ui-icon{width:15px;height:15px}.frontend-surface .control-select select{background:transparent;border:0;border-radius:8px;font-size:11px;color:#555f4b;padding:9px 26px 9px 3px;box-shadow:none;width:auto;max-width:145px;cursor:pointer;min-height:34px}.reference-settings{display:flex;align-items:center;gap:6px;padding:10px;background:#f2f3ed;border:1px solid #eef0e7;border-radius:8px;font-size:11px;color:#66715b;cursor:pointer}.reference-settings .ui-icon{width:14px;height:14px}.generate-action{margin-left:auto;display:flex;align-items:center;gap:16px}.cost-label{font-size:10px;white-space:nowrap;color:#9da592}.cost-label b{font-weight:600;color:#7a896b}.generate-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#2c3526;color:white;border:0;border-radius:10px;min-height:39px;padding:10px 17px;font-size:12px;font-weight:550;cursor:pointer}.generate-submit:hover{background:#4f6840}.generate-submit:disabled{opacity:.45;cursor:default}.generate-submit .ui-icon{width:16px;height:16px}.studio-references{margin-top:16px;padding-top:13px;border-top:1px solid #f0f1eb}.studio-references:not([open]){display:none}.studio-references summary{cursor:pointer;color:#67755a;font-size:11px}.reference-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.reference-fields label{font-size:11px;color:#77826a;display:flex;flex-direction:column;gap:10px}.frontend-surface .reference-fields textarea,.frontend-surface .reference-fields select,.frontend-surface .reference-fields input{background:#f7f8f3;border:1px solid #e7ebdf;border-radius:9px;padding:10px;font-size:11px;width:100%;color:#536147;box-shadow:none}.reference-fields small{font-size:10px;color:#a0a992}.reference-fields input::file-selector-button{padding:8px;border:1px solid #d9e1ce;border-radius:6px;background:#eaf0e1;color:#647451;margin-right:12px}.reference-previews{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.reference-previews img{width:58px;height:58px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.reference-feedback{font-size:11px;color:#8d987e;margin:5px 0 0}.reference-feedback.error{color:#b34835}.studio-inspiration{max-width:1560px;margin:0 auto}.studio-inspiration .section-heading h2{font-size:17px;letter-spacing:0;margin:0 0 8px;display:flex;gap:8px;align-items:center}.studio-inspiration .section-heading h2 .ui-icon{width:18px;color:#61794f}.studio-inspiration .section-heading p{font-size:11px}.studio-filter{display:flex;align-items:center;gap:10px;margin:22px 0 20px}.gallery-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#5b6b4f;margin-right:auto}.gallery-label>span{font-size:10px;min-width:24px;text-align:center;padding:4px;background:#e9ede1;border-radius:7px;color:#80916c}.gallery-search{display:flex;align-items:center;gap:7px}.gallery-search .ui-icon{width:14px;color:#98a18c}.studio-filter .gallery-search input{width:180px;background:transparent;border:0;font-size:11px;padding:8px;box-shadow:none;color:#647254;outline-offset:0}.studio-filter select,.studio-filter>button{font-size:11px;color:#79886a;background:#ecefe5;border:1px solid #e4e9da;border-radius:8px;padding:8px 12px;cursor:pointer}.studio-filter select{width:auto;max-width:145px}.filter-reset{font-size:11px;color:#778b63}.studio-gallery{columns:5;column-gap:14px}.studio-template.masonry-card{width:100%;display:block;position:relative;break-inside:avoid;margin:0 0 14px;padding:0;border:0;border-radius:13px;box-shadow:none;overflow:hidden;background:#e9ece3;cursor:pointer;text-align:left;min-height:80px}.studio-template.masonry-card img{display:block;width:100%;height:auto;min-height:120px;max-height:460px;object-fit:cover;transition:transform .4s}.studio-template:hover img{transform:scale(1.035)}.template-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:45px 16px 16px;background:linear-gradient(transparent 45%,#17220bd4);opacity:0;transition:opacity .2s;color:white}.template-overlay strong{font-size:12px;font-weight:550;line-height:1.5}.template-overlay>span{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#e7efdd}.template-overlay .ui-icon{width:14px;height:14px}.studio-template:hover .template-overlay,.studio-template:focus-visible .template-overlay{opacity:1}.studio-template.selected{outline:3px solid #6c8954;outline-offset:2px}.studio-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.studio-video-grid .video-template-card{background:#fff;border:1px solid #e6eadf;box-shadow:none;border-radius:14px;overflow:hidden;padding:0;cursor:default}.studio-video-grid .video-template-card video{display:block;aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;background:#e7eadf}.video-template-info{padding:15px}.studio-video-grid .video-template-card h3{padding:0;margin:0 0 8px;font-size:12px}.studio-video-grid .video-template-card p{padding:0;margin:0;color:#9ca58f;font-size:10px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:34px}.video-template-info button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f0f3e9;border:0;border-radius:8px;color:#6b7f55;padding:9px 12px;font-size:10px;cursor:pointer;margin-top:12px}.video-template-info button .ui-icon{width:13px;height:13px}.studio-video-grid .video-template-card.selected{outline:2px solid #6d8b53}.empty-state{text-align:center;padding:60px 20px;color:#96a087;font-size:13px}.empty-state>.ui-icon{width:30px;height:30px;margin:auto}.empty-state h3{font-weight:550;font-size:17px;color:#667557}.empty-state a{display:inline-block;border-bottom:1px solid #bbc9ae;padding:5px;color:#627b4e}.frontend-surface .tool-pill,.frontend-surface .mini-pill{background:#eaf0e1;color:#5d754b;border:1px solid #dbe4d0;box-shadow:none}.frontend-surface .panel{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:20px}.frontend-surface .send-btn{background:#455d36;box-shadow:none;border-radius:10px}.content-surface .page{padding-top:25px;max-width:1550px}.content-surface .auth-card{margin:55px auto;width:min(430px,100%);padding:35px}.auth-card h1{font-size:26px;font-weight:600}.frontend-surface .stack-form input{background:#f8f9f4;border-color:#e3e9db;border-radius:9px}.content-surface .template-library-card,.content-surface .image-card{border:1px solid #e3e8dc;box-shadow:none;border-radius:15px}.content-surface .page h1{letter-spacing:-.6px}.content-surface .page-head{margin-bottom:28px}.content-surface .template-library-grid{gap:20px}.frontend-surface .site-notice{background:#eaf0e1;border-color:#dbe5ce;color:#61774f}.frontend-surface .announcement-card{border-radius:20px;background:#fff}.frontend-surface .announcement-card .admin-kicker{color:#6e815c}
@media(min-width:1650px){.studio-gallery{columns:6}.hero-gallery{height:400px}.hero-art{width:260px;height:350px}.hero-art-1{height:400px}.hero-art-2{height:320px}.hero-art-3{height:380px}}
@media(max-width:1200px){.site-header{padding:0 25px}.home-nav a{padding:8px 12px}.home-nav{position:static;transform:none;margin:auto}.header-account{gap:12px}.brand{font-size:14px}.studio-gallery{columns:4}.studio-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.frontend-surface .page{margin-left:105px;margin-right:28px}.landing-surface .page{margin:0}.home-hero{min-height:790px}.home-art-grid{gap:25px 15px}.home-art-card>div{height:270px}.hero-copy h1{font-size:57px}.hero-art{width:210px}.studio-heading{padding-top:25px}.header-breadcrumb{margin-left:0}.studio-composer{margin-bottom:32px}.generate-action{gap:10px}.cost-label{font-size:9px}}
@media(max-width:900px){.studio-gallery{columns:3}.studio-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-nav a:last-child{display:none}.home-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-art-card>div{height:280px}.generate-action{flex-basis:100%;justify-content:flex-end;margin-top:7px}.home-nav{border:0;background:none}.site-header{gap:12px}.site-footer p{display:none}.hero-copy h1{font-size:50px}.home-hero{padding-top:160px}.studio-heading h1{font-size:29px}}
@media(max-width:640px){.site-header,.studio-surface .site-header{height:70px;padding:0 18px;gap:10px}.site-header .brand{font-size:13px;gap:7px}.brand-mark{width:29px;height:29px;border-radius:10px}.brand-mark .ui-icon{width:22px;height:22px}.home-nav{position:absolute;top:78px;left:50%;transform:translateX(-50%);width:max-content;gap:8px;padding:0}.home-nav a{font-size:11px;padding:7px 13px}.home-nav a:last-child{display:block}.header-register{padding:9px 12px;font-size:11px;gap:6px}.header-register .ui-icon{display:none}.header-login{font-size:11px}.header-account{gap:12px}.header-breadcrumb{display:none}.balance-chip{font-size:10px;gap:4px}.balance-chip .ui-icon{display:none}.header-account .icon-button{padding:4px}.user-avatar{width:28px;height:28px}.home-hero{padding-top:164px;min-height:740px;height:100svh;max-height:900px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px;gap:9px}.hero-copy .eyebrow span{width:18px}.hero-copy h1{font-size:41px;letter-spacing:-2px;margin:23px 0 17px;line-height:1.25}.hero-copy p{font-size:11px;line-height:1.9;margin-bottom:26px}.primary-cta{font-size:13px;padding:15px 25px;gap:12px}.hero-explore{margin-top:18px;font-size:10px}.hero-gallery{height:255px;bottom:0}.hero-art{width:160px;height:210px;border-radius:13px}.hero-art-1{height:240px}.hero-art-2{height:220px}.hero-art-3{height:235px}.hero-gallery-track{gap:12px;transform:rotate(-5deg)}.home-inspiration{padding:52px 19px 15px}.section-heading{align-items:flex-start;gap:15px}.section-heading h2{font-size:22px;margin:9px 0 12px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.section-heading p{font-size:11px}.home-inspiration .section-heading{display:block}.home-inspiration .section-heading>.text-link{margin-top:18px}.home-mode-links{margin-top:24px;margin-bottom:16px;gap:10px}.home-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.home-art-card>div{height:235px;border-radius:10px}.home-art-card h3{font-size:11px;margin-top:10px}.home-art-card small{font-size:9px}.home-closing{padding:70px 20px}.home-closing h2{font-size:25px}.home-closing .eyebrow{font-size:8px}.site-footer{padding:23px 19px;gap:10px}.site-footer .brand{font-size:11px}.home-notice{margin:20px 19px 0}.studio-rail,.studio-surface .studio-rail{width:100%;height:65px;top:auto;bottom:0;padding:5px 4px max(5px,env(safe-area-inset-bottom));border:0;border-top:1px solid #dce3d2;background:#f8f9f4f5;backdrop-filter:blur(20px);justify-content:center;flex-direction:row}.studio-rail nav{flex-direction:row;justify-content:space-around;width:100%;gap:2px}.studio-rail a{width:43px;height:48px;font-size:9px;gap:4px;border-radius:10px}.studio-rail .ui-icon{width:18px;height:18px}.studio-rail .rail-help{display:none}.frontend-surface .page{margin:0 17px 94px}.landing-surface .page{margin:0}.studio-heading{padding:24px 0}.studio-heading .eyebrow{font-size:8px}.studio-heading h1{font-size:25px;letter-spacing:-.9px;margin:9px 0 11px}.studio-heading p{font-size:10px}.studio-composer{border-radius:17px;padding:0 15px 15px;margin-bottom:31px}.studio-mode-tabs{height:49px;gap:22px}.studio-mode-tabs a{font-size:11px}.studio-mode-tabs>span{display:none}.prompt-row{gap:12px;padding-top:20px}.reference-add{width:45px;height:60px;border-radius:8px}.reference-add span{font-size:8px}.reference-add .ui-icon{width:17px}.studio-composer textarea#promptInput{font-size:12px;min-height:112px}.prompt-meta{font-size:9px;margin:10px 0 15px}.prompt-meta button{font-size:9px}.studio-controls{gap:6px}.control-select{padding-left:6px}.frontend-surface .control-select select{max-width:124px;font-size:10px;padding:8px 21px 8px 0}.reference-settings{font-size:10px;padding:9px 8px}.control-select .ui-icon{width:13px}.generate-action{margin-top:9px;justify-content:space-between;gap:12px;border-top:1px solid #f1f3ec;padding-top:14px}.cost-label{font-size:10px}.generate-submit{font-size:11px;padding:9px 14px}.reference-fields{grid-template-columns:1fr;gap:16px}.studio-inspiration .section-heading h2{font-size:16px}.studio-inspiration .section-heading p{font-size:10px}.studio-inspiration .text-link{font-size:10px}.studio-filter{flex-wrap:wrap;gap:7px;margin-top:18px}.gallery-label{font-size:10px}.gallery-search{order:2;flex:1;min-width:55%;padding:2px 9px;border:1px solid #e2e7d8;border-radius:8px}.studio-filter .gallery-search input{width:100%;font-size:10px;padding:7px 0}.studio-filter select{margin-left:auto;font-size:10px;padding:7px 9px}.studio-filter>button{order:3;padding:9px 15px;font-size:10px}.filter-reset{order:4}.studio-gallery{columns:2;column-gap:10px}.studio-template.masonry-card{margin-bottom:10px;border-radius:10px}.studio-template.masonry-card img{min-height:90px;max-height:330px}.studio-video-grid{gap:10px}.studio-video-grid .video-template-card{border-radius:11px}.video-template-info{padding:10px}.studio-video-grid .video-template-card h3{font-size:11px;line-height:1.5}.studio-video-grid .video-template-card p{font-size:9px}.video-template-info button{font-size:9px;padding:8px}.content-surface .page{padding-top:18px}.content-surface .auth-card{margin:28px auto;padding:25px}.content-surface .page-head{flex-wrap:wrap}.content-surface .template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.content-surface .image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.frontend-surface .notify-panel{right:12px;top:62px}}
@media(prefers-reduced-motion:reduce){.frontend-surface *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:640px){.studio-filter .gallery-label{flex:1 1 50%}.studio-filter .gallery-search{flex:1 1 calc(100% - 66px);min-width:0}.studio-filter>button{width:56px;padding:10px 8px}.studio-composer textarea#promptInput{font-size:14px}.prompt-meta,.prompt-meta button{font-size:10px}.studio-heading p{font-size:11px}.reference-fields label,.reference-fields small{font-size:11px}}

/* Persisted creative conversations and imported private references. */
.imported-reference-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.imported-reference-list>span{position:relative;display:block}.imported-reference-list img{width:74px;height:74px;object-fit:cover;border-radius:9px;border:1px solid #dfe8d9}.imported-reference-list button{position:absolute;right:3px;top:3px;border:0;border-radius:50%;background:#ffffffe8;width:19px;height:19px;color:#546c46}.studio-conversation{max-width:920px;margin:38px auto 60px}.studio-conversation>header{display:flex;align-items:center;justify-content:space-between}.studio-conversation h2{font-size:21px;margin:8px 0}.studio-conversation>header>a{font-size:12px;color:#6c8859}.studio-conversation [data-generation-feedback]{font-size:13px;color:#6d855e;line-height:1.8}.studio-conversation [data-generation-feedback].error{color:#b56851}.conversation-turn{padding:23px 25px;background:#fff;border:1px solid #e6eadf;border-radius:15px;margin-top:17px}.conversation-prompt{white-space:pre-wrap;font-size:13px;line-height:1.9;color:#45513e;margin:0 0 14px}.conversation-meta{font-size:10px;color:#90a081;margin-bottom:16px}.conversation-turn img,.conversation-turn video{max-width:100%;max-height:460px;object-fit:contain;border-radius:10px;background:#f4f6f0}.conversation-turn pre{white-space:pre-wrap;font:inherit;font-size:14px;line-height:1.9}.conversation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.conversation-actions a,.conversation-actions button,.studio-conversation [data-conversation-more]{border:1px solid #e4eadd;background:#f6f9f1;border-radius:7px;padding:8px 12px;color:#637d51;font-size:11px;cursor:pointer}.conversation-task-state{padding:22px;background:#f5f7f0;border-radius:9px;color:#8e9b83;font-size:12px}.studio-conversation [data-conversation-more]{margin-top:18px}.frontend-surface .studio-rail nav{gap:5px}.frontend-surface .studio-rail a{min-height:51px}
@media(max-width:760px){.studio-conversation{margin:25px auto}.conversation-turn{padding:18px}.frontend-surface .studio-rail nav{display:flex;overflow-x:auto;justify-content:space-around;gap:0}.frontend-surface .studio-rail nav>a{flex:0 0 12.5%;min-width:43px;padding:8px 2px;font-size:9px}.frontend-surface .studio-rail nav>a .ui-icon{width:18px;height:18px}}