@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--ink:#28231e;--muted:#81796f;--line:#e9dfd0;--surface:#fffdfa;--bg:#f8f4ed;--rose:#ebdfce;--gold:#aa8656;--radius:22px;--shadow-lux:0 20px 65px rgba(76,51,26,.08)}
html{scroll-behavior:smooth}body{font-family:'Manrope','DM Sans',sans-serif;background:#f8f4ed;color:#2c271f;position:relative;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 63% 38% at 82% 12%,rgba(207,176,130,.20),transparent 72%),radial-gradient(ellipse 48% 50% at 3% 54%,rgba(213,194,168,.15),transparent 76%),repeating-linear-gradient(133deg,transparent 0 90px,rgba(139,111,74,.028) 93px,transparent 95px 250px),linear-gradient(125deg,#fffcf8,#f8f2e9 56%,#fdfbf7);opacity:1}
::selection{background:#dbc5a4;color:#34281c}
h1,h2,h3{color:#2b251e}h1,h2,.m-hero h1,.m-section-head h2,.m-page-head h1,.m-plan-promo h2{letter-spacing:-.035em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label[for]:focus-visible{outline:3px solid #bd9764;outline-offset:3px}
.m-wrap{width:min(1190px,calc(100% - 48px))}
.m-header{position:sticky;top:0;z-index:50;background:rgba(255,252,247,.92);border-bottom:1px solid rgba(190,163,128,.21);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 6px 26px rgba(106,78,43,.035)}
.m-nav{height:88px;gap:24px}.m-logo img{width:175px;max-height:55px;object-fit:contain}.m-links{background:rgba(255,255,255,.64);border:1px solid #eee3d5;border-radius:100px;padding:5px;gap:3px;font-size:13px}
.m-links a{padding:12px 19px;border-radius:100px;color:#5b5146;transition:.25s}.m-links a:hover,.m-links a[aria-current="page"]{color:#3b2f23;background:#efe3d1}
.m-account{background:linear-gradient(145deg,#fffefb,#f5ebdd);border-color:#dfcfb9;border-radius:100px;padding:12px 18px;box-shadow:0 5px 18px #9b76450c}.m-account:hover{border-color:#ad8a5c}.m-account svg{color:#976f43}
.m-eyebrow{color:#a07e50;font-size:11px;letter-spacing:.2em;font-weight:800}
.m-btn{border-radius:100px;padding:14px 23px;font-size:13px;min-height:49px;box-shadow:none}
.m-primary{background:linear-gradient(123deg,#665038,#99744e);color:#fff;box-shadow:0 7px 20px rgba(122,83,47,.16)}.m-primary:hover{background:linear-gradient(123deg,#7f6243,#ac8658);box-shadow:0 12px 27px rgba(122,83,47,.18)}
.m-secondary{background:rgba(255,255,255,.75);color:#69513b;border-color:#d8c7b0}.m-secondary:hover{background:#f4e8d9;border-color:#bea37b}.m-small{min-height:40px;padding:10px 17px}
.m-panel,.m-price,.m-steps article,.m-info-body,.m-order{background:rgba(255,253,249,.96);border:1px solid #e7d9c6;box-shadow:0 11px 38px rgba(93,71,46,.048);border-radius:23px}
.m-panel{padding:28px}.m-muted,.m-page-head>p,.m-hero p,.m-steps p,.m-disclaimer{color:#84786c}.m-section{margin:74px 0}.m-section-head h2,.m-page-head h1{font-size:clamp(31px,3.5vw,43px)}
.m-hero{grid-template-columns:1.02fr .98fr;gap:58px;padding:86px 0 55px;min-height:620px;align-items:center}.m-hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.11;letter-spacing:-.055em;font-weight:700}.m-hero h1 span{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-style:italic;color:#a0815c;letter-spacing:-.045em}
.m-hero p{font-size:17px;line-height:1.9}.m-hero-notes{gap:15px 24px;font-size:12px;color:#7e705d}.m-hero-notes span{display:inline-flex;align-items:center;gap:7px}
.m-hero-art{height:min(550px,43vw);min-height:425px;border:8px solid rgba(255,255,255,.75);border-radius:37px;box-shadow:0 24px 85px rgba(120,86,52,.19);background:radial-gradient(circle at 28% 20%,#fffdfa,#e9d9c2 80%);overflow:hidden;isolation:isolate}
.m-hero-art::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(147deg,transparent 0 80px,rgba(124,100,77,.07) 83px,transparent 87px 185px),radial-gradient(circle at 70% 60%,#fdf6e7,#eee1cf)}
.m-hero-art img{width:100%;height:100%;object-fit:cover;display:block}.m-hero-art.m-with-background{border:8px solid rgba(255,255,255,.85);background:#e9d9c2;box-shadow:0 24px 85px rgba(120,86,52,.19)}.m-hero-art.m-with-background img{width:100%;height:100%;object-fit:cover}
.m-hero-art.m-transparent-image img{object-fit:contain;width:96%;height:95%;position:relative}
.m-hero-art>span{background:rgba(255,250,241,.91);border:1px solid #e8d7c1;bottom:23px;left:25px;color:#876846;font-size:10px;letter-spacing:.12em;padding:12px 18px}
.m-showcase-section{margin-top:48px}.m-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.m-showcase-intro{font-size:15px;color:#86796b;margin:12px 0 0}.m-showcase-grid{display:grid;grid-template-columns:1.12fr .94fr .94fr;gap:18px}
.m-showcase-card{background:#fffdfa;border:1px solid #e4d3bd;border-radius:26px;padding:9px;overflow:hidden;box-shadow:var(--shadow-lux);transition:transform .2s,box-shadow .2s}.m-showcase-card:hover{transform:translateY(-4px);box-shadow:0 25px 55px rgba(79,49,25,.13)}
.m-showcase-image{aspect-ratio:3/3.15;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(145deg,#f9f1e7,#d9c0a0)}.m-showcase-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.m-showcase-card:hover .m-showcase-image img{transform:scale(1.04)}
.m-showcase-image.m-stone-image{display:grid;place-items:center;background:radial-gradient(ellipse at 18% 16%,#fffef9,#dfcbb0 100%)}.m-showcase-image.m-stone-image::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(128deg,transparent 0 65px,rgba(125,94,56,.10) 67px,transparent 71px 190px)}.m-showcase-image.m-stone-image img{object-fit:contain;padding:22px;position:relative;filter:drop-shadow(0 25px 21px rgba(63,48,32,.16))}
.m-showcase-text{padding:20px 15px 18px}.m-showcase-text small{font-size:10px;color:#a68b68;letter-spacing:.18em;font-weight:800}.m-showcase-text h3{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.03em;font-size:23px;font-weight:500;margin:8px 0 0}
.m-steps{gap:18px}.m-steps article{padding:30px}.m-steps article b{border-radius:50%;width:49px;height:49px;background:#efe0cd;color:#9c744d}.m-steps h3{font-size:20px}.m-plan-promo{background:linear-gradient(108deg,#efe0cb,#f7eddf 65%,#eee0cd);border:1px solid #dbc5a7;box-shadow:var(--shadow-lux);padding:36px 40px;border-radius:26px}.m-plan-promo h2{font-family:'Playfair Display',serif;font-size:34px;font-weight:600;color:#4e3b28}.m-plan-promo p{color:#776550}
.m-app{padding-top:63px}.m-page-head{margin-bottom:37px}.m-page-head h1{font-size:clamp(37px,4vw,49px)}
.m-split{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.m-drop{background:radial-gradient(circle at 70% 10%,#fffaf0,#f3e5d1);border:1.5px dashed #c9ad87;border-radius:22px;min-height:260px;margin-top:24px;transition:.2s}.m-drop:hover,.m-drop.is-dragging{background:#f0e1ca;border-color:#a97f50}.m-drop-icon{background:#fffaf1;border:1px solid #dcc6a8;color:#94704d;width:61px;height:61px}.m-drop strong{font-size:18px}.m-browse{border-color:#d1b791;color:#785734;border-radius:100px;background:#fffaf2;padding:10px 20px}.m-preview{border-color:#dac4a7;background:#fffaf2}.m-plan-side{background:linear-gradient(155deg,#fffefa,#f5e7d2)}.m-plan-side .m-big-number{font-family:'Playfair Display',serif;color:#8d6b42;font-size:72px}
.m-price-grid{gap:23px}.m-price{padding:37px;border-radius:27px;position:relative;overflow:hidden}.m-price.m-featured{background:linear-gradient(145deg,#fbf3e6,#e9d5ba);border-color:#dec7a9}.m-price.m-featured::after{content:"";position:absolute;width:160px;height:160px;right:-60px;top:-60px;background:#ffffff57;border-radius:50%}.m-price-value{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#886338;font-size:58px}.m-price h2{font-size:20px}.m-price p{line-height:1.85}.m-price .m-btn{margin-top:24px}
.m-account-head .m-avatar,.m-avatar{border-radius:17px;background:linear-gradient(145deg,#a47a4c,#614b34);box-shadow:0 7px 20px #76563323}.m-menu-row{background:transparent;border-color:#efe2d0}.m-menu-row:hover{color:#9c784b}.m-verified{background:#e8f2e3;color:#55703e}.m-account-menu>h2{font-family:'Playfair Display',serif;font-size:25px}
.m-order{background:#fffdf9;border-color:#e6d8c5}.m-order-thumb{background:#faf3e7;border:1px solid #e1caaa}.m-badge{background:#fff0d6;color:#936b32}.m-badge.done{background:#e4efe2;color:#466f45}.m-result-link{background:#f8efe2;border-color:#ddc5a4;color:#76512a;border-radius:100px}
.m-ai-box{border-radius:26px;border-color:#e0ccb2;box-shadow:var(--shadow-lux);background:#fffcf7}.m-ai-thread{background:radial-gradient(circle at top right,#f9efdf,transparent 55%),#fffefa}.m-ai-msg>div{background:#f1e6d6;color:#4a3c2b}.m-ai-msg.user>div{background:#806348;color:#fff}.m-ai-avatar{background:#ead5b8;color:#86623d}.m-ai-compose{background:#fffdfa;border-top-color:#e7d8c3}.m-tool{padding:9px 13px;border:1px solid #e5d3bc;border-radius:100px;color:#89683f;background:#fff9ed}.m-mode input{accent-color:#8c6d48}
.m-auth-shade{background:rgba(38,29,19,.55);backdrop-filter:blur(8px)}.m-auth-dialog{background:linear-gradient(145deg,#fffef9,#fbf2e5);border:1px solid #e1cdb3;border-radius:25px;box-shadow:0 27px 85px #28180c46}.m-auth-dialog h2{font-family:'Playfair Display',serif;font-size:34px}.m-auth-dialog>img{width:165px}.m-auth-dialog input{background:#fffefa;border-color:#dfceb8}.m-auth-phone{border-color:#dfceb8;background:#fffefa}
.m-footer{background:linear-gradient(180deg,#eee1cf,#f8f0e4);border-top-color:#deccb3}.m-footer-row{color:#86755e}.m-footer a:hover{color:#7c572f}
input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{accent-color:#b18e60}input:focus,textarea:focus,select:focus{border-color:#bb9460!important;outline:none;box-shadow:0 0 0 3px #cfad7d27}
/* Native inputs stay accessible but visually replaced by styled labels */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Consistent compact three-dot loader for network requests and AI processing */
.m-dots{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.m-dots i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;animation:athave-dot-pulse 1.05s ease-in-out infinite}.m-dots i:nth-child(2){animation-delay:.14s}.m-dots i:nth-child(3){animation-delay:.28s}
@keyframes athave-dot-pulse{0%,65%,100%{transform:translateY(0);opacity:.32}32%{transform:translateY(-4px);opacity:1}}
.customer-loader{position:fixed;bottom:21px;right:21px;display:flex;align-items:center;gap:12px;z-index:1000;background:#fffaf1;border:1px solid #d9bf99;color:#805d37;border-radius:100px;padding:14px 20px;box-shadow:0 17px 35px #5d412837;font-weight:700;font-size:12px}.customer-loader[hidden]{display:none!important}
@media(max-width:900px){.m-hero{gap:27px}.m-showcase-grid{grid-template-columns:1fr 1fr}.m-showcase-feature{grid-column:1/-1}.m-showcase-feature .m-showcase-image{aspect-ratio:16/9}.m-showcase-card .m-showcase-image{max-height:410px}}
@media(max-width:800px){.m-wrap{width:calc(100% - 30px)}.m-hero,.m-split,.m-profile-grid,.m-price-grid{grid-template-columns:1fr}.m-nav{height:72px}.m-logo img{width:135px}.m-links{background:transparent;border:0;padding:0}.m-links a{padding:8px 11px}.m-hero{padding:42px 0 24px;min-height:unset;gap:33px}.m-hero h1{font-size:clamp(41px,9vw,66px)}.m-hero-art{height:400px;min-height:0}.m-showcase-head{align-items:start;flex-direction:column}.m-plan-promo{padding:26px}.m-price{padding:26px}}
@media(max-width:540px){.m-logo img{width:118px}.m-links{gap:0}.m-links a{font-size:11px;padding:7px 6px}.m-account{padding:9px}.m-hero h1{font-size:clamp(42px,10vw,57px)}.m-hero p{font-size:15px}.m-hero-art{height:345px;min-height:0;border-radius:24px}.m-hero-art.m-with-background{border:5px solid #fff}.m-showcase-grid{grid-template-columns:1fr 1fr;gap:10px}.m-showcase-card{border-radius:17px;padding:6px}.m-showcase-feature{grid-column:1/-1}.m-showcase-feature .m-showcase-image{aspect-ratio:1.35}.m-showcase-card:not(.m-showcase-feature) .m-showcase-image{aspect-ratio:.92}.m-showcase-text{padding:12px 8px}.m-showcase-text h3{font-size:17px}.m-showcase-text small{font-size:9px}.m-page-head h1{font-size:37px}.m-section-head h2{font-size:30px}.m-panel{padding:21px}.m-plan-promo h2{font-size:30px}.m-hero-notes{gap:8px 13px}.m-steps article{padding:23px}.m-price-value{font-size:51px}.customer-loader{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.admin-custom-file:has(+ input:focus-visible){outline:3px solid #c3a16f;outline-offset:3px}

/* 2026-10-13 design refinements: one OTP phone outline, compact type, consistent icon avatars. */
.m-auth-phone{transition:border-color .18s,box-shadow .18s}
.m-auth-dialog .m-auth-phone input,
.m-auth-dialog .m-auth-phone input:focus,
.m-auth-dialog .m-auth-phone input:focus-visible{
  display:block;width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;
  border-radius:0!important;background:transparent!important;appearance:none;padding-left:7px;
}
.m-auth-dialog .m-auth-phone:focus-within{
  border-color:#bb9460;box-shadow:0 0 0 3px #cfad7d27;
}
.m-auth-phone>b{white-space:nowrap;flex:none;font-size:14px;font-weight:750}
.m-avatar img{width:30px;height:30px;display:block;object-fit:contain;flex:none}
.m-plan-promo h2{font-family:'Manrope','DM Sans',Arial,sans-serif;font-weight:800;letter-spacing:-.055em;font-size:clamp(26px,3vw,37px);line-height:1.17}
.m-price-value{font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:clamp(48px,5.2vw,59px);font-weight:800;letter-spacing:-.065em;font-variant-numeric:lining-nums tabular-nums;line-height:1.15}
.m-price-value small{font-family:'Manrope','DM Sans',Arial,sans-serif;letter-spacing:0;font-weight:650;font-size:14px}
.m-showcase-image.m-showcase-default-cutout{display:grid;place-items:center;background:radial-gradient(ellipse at 44% 28%,#fffdf8 4%,#f1e7d7 68%,#e5d3b8 100%)}
.m-showcase-image.m-showcase-default-cutout img{object-fit:contain;object-position:center;padding:8px;filter:drop-shadow(0 16px 16px rgba(79,61,43,.12))}
@media(max-width:540px){.m-plan-promo h2{font-size:clamp(26px,7.5vw,34px)}.m-showcase-image.m-showcase-default-cutout img{padding:4px}}


/* 2026-10-13 round 2: transparent header, full-view hero/showcase, full-screen AI Studio */
.m-header{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.m-nav{margin-top:10px}
.m-links{background:rgba(255,252,247,.72)}
.m-account{background:rgba(255,250,243,.92)}
.m-hero-art{background:radial-gradient(circle at 28% 20%,#fffdfa,#e7d5bb 82%)!important}
.m-hero-art.m-transparent-image img{object-fit:contain;width:92%;height:92%;padding:8px 12px;filter:drop-shadow(0 26px 24px rgba(77,56,34,.16))}
.m-showcase-image.m-showcase-fullview{display:grid;place-items:center;background:radial-gradient(ellipse at 18% 16%,#fffef9,#dfcbb0 100%)}
.m-showcase-image.m-showcase-fullview::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(128deg,transparent 0 65px,rgba(125,94,56,.10) 67px,transparent 71px 190px)}
.m-showcase-image.m-showcase-fullview img{object-fit:contain;padding:22px;position:relative;filter:drop-shadow(0 25px 21px rgba(63,48,32,.16));transform:none!important}
body[data-page="ai"]{height:100vh;overflow:hidden}
body[data-page="ai"] .m-footer{display:none}
body[data-page="ai"] .m-header{position:sticky}
.m-ai-page{max-width:none;width:min(1380px,calc(100% - 36px));min-height:calc(100vh - 98px);padding:8px 0 14px;display:flex;flex-direction:column;gap:10px}
.m-ai-box{flex:1;height:auto!important;min-height:0;overflow:hidden}
.m-ai-thread{min-height:0}
.m-ai-compose textarea{min-height:48px;max-height:128px}
.m-ai-mini-note{margin:0 4px;font-size:12px;line-height:1.5;color:#8c7152}
@media(max-width:900px){.m-showcase-feature .m-showcase-image{aspect-ratio:1.18}.m-showcase-image.m-showcase-fullview img{padding:16px}}
@media(max-width:800px){.m-ai-page{width:calc(100% - 18px);min-height:calc(100vh - 80px);padding:6px 0 10px}.m-hero-art{height:380px}.m-nav{margin-top:6px}}
@media(max-width:540px){.m-showcase-grid{grid-template-columns:1fr 1fr;gap:10px}.m-showcase-feature .m-showcase-image{aspect-ratio:1.06}.m-showcase-image.m-showcase-fullview img{padding:8px}.m-hero-art{height:320px}.m-hero-art.m-transparent-image img{width:96%;height:94%;padding:6px}.m-ai-page{width:calc(100% - 12px);min-height:calc(100vh - 76px)}.m-ai-box{border-radius:18px}}


/* Athave AI update 2026-10-13: supplied hero, static non-overlapping header, SVG-only customer avatars and AI composer. */
.m-header,body[data-page="ai"] .m-header{position:relative!important;top:auto!important;z-index:2;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;transform:none!important}
.m-hero-art.m-luxury-hero-image{aspect-ratio:1/1;height:auto!important;min-height:0;background:transparent!important;border:0;box-shadow:0 22px 50px rgba(75,56,37,.10);border-radius:22px;overflow:hidden;padding:0;}
.m-hero-art.m-luxury-hero-image img{display:block;position:relative;inset:auto;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;padding:0!important;border-radius:inherit;filter:none!important;transform:none!important}
.m-hero-art.m-luxury-hero-image>span{display:none!important}
.m-avatar,.m-account-head .m-avatar,.admin-customer-top .m-avatar{background:none!important;background-color:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;display:grid;place-items:center;overflow:visible;padding:0!important;aspect-ratio:1/1;width:50px;height:50px;flex:0 0 50px}
.m-avatar img,.m-account-head .m-avatar img,.admin-customer-top .m-avatar img{width:100%!important;height:100%!important;aspect-ratio:1/1;object-fit:contain;display:block}
.admin-customer-top .m-avatar{width:45px;height:45px;flex-basis:45px}
body[data-page="ai"]{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
body[data-page="ai"] .m-header{flex:0 0 auto}
body[data-page="ai"] .m-ai-page{width:min(1380px,calc(100% - 36px));max-width:none;flex:1 1 auto;height:auto;min-height:0!important;overflow:hidden;padding:9px 0 12px;gap:7px;display:flex;flex-direction:column}
body[data-page="ai"] .m-ai-box{min-height:0!important;height:auto!important;flex:1 1 auto;border-radius:24px;display:flex;flex-direction:column}
body[data-page="ai"] .m-ai-thread{flex:1 1 auto;min-height:0;overscroll-behavior:contain;overflow-y:auto;scrollbar-width:thin;padding:25px 25px 20px}
body[data-page="ai"] .m-ai-compose{flex:0 0 auto;padding:15px 20px 14px;background:#fffdf9;border-top:1px solid #e4d3bd}
body[data-page="ai"] #aiPrompt{width:100%;display:block;min-height:48px;max-height:114px;resize:vertical;padding:9px 4px 10px;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#392e23;font:500 14px/1.6 'Manrope',sans-serif}
body[data-page="ai"] #aiPrompt:focus{box-shadow:none!important;outline:none!important}
body[data-page="ai"] #aiPrompt::placeholder{color:#a1917d}
body[data-page="ai"] .m-ai-toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px}
body[data-page="ai"] .m-ai-tools{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:9px;flex-wrap:wrap}
body[data-page="ai"] .m-tool,body[data-page="ai"] .m-mode-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:43px;white-space:nowrap;border:1px solid #e0ccb2;border-radius:14px;background:#faf3e9;color:#785c3e;font:700 12px/1.2 'Manrope',sans-serif;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
body[data-page="ai"] .m-tool:hover,body[data-page="ai"] .m-mode-button:hover{border-color:#ad8758;background:#f1e3cd}
body[data-page="ai"] .m-mode-button[aria-pressed="true"]{background:#5d4630;color:#fff;border-color:#5d4630;box-shadow:0 5px 15px rgba(81,53,29,.18)}
body[data-page="ai"] .m-tool svg,body[data-page="ai"] .m-mode-button svg{width:18px;height:18px;flex:none}
body[data-page="ai"] .m-ai-send-button{min-height:43px;border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;white-space:nowrap;background:linear-gradient(135deg,#5b4330,#97724a);color:#fff;font:800 12px/1.2 'Manrope',sans-serif;cursor:pointer;box-shadow:0 5px 14px #5b412527;transition:filter .18s,transform .18s;flex-shrink:0}
body[data-page="ai"] .m-ai-send-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}
body[data-page="ai"] .m-ai-send-button:disabled{opacity:.6;cursor:wait}
body[data-page="ai"] .m-ai-send-button svg{width:18px;height:18px}
body[data-page="ai"] .m-ai-tools button:focus-visible,body[data-page="ai"] .m-ai-send-button:focus-visible{outline:3px solid #bd9a68;outline-offset:3px}
body[data-page="ai"] .m-ai-attachments{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px}
body[data-page="ai"] .m-ai-attachments[hidden]{display:none!important}
body[data-page="ai"] .m-ai-preview{position:relative;flex:0 0 66px;width:66px;height:66px}
body[data-page="ai"] .m-ai-preview img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #dec8aa;border-radius:11px;background:#f3e9da}
body[data-page="ai"] .m-ai-preview-remove{position:absolute;top:-6px;right:-6px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;border:1px solid #e8d9c4;background:#fffdfa;color:#573d25;box-shadow:0 2px 5px #0002;cursor:pointer;font-size:17px;line-height:1}
body[data-page="ai"] .m-ai-mini-note{flex:0 0 auto;align-self:center;text-align:center;font-size:11px;color:#8a7865;margin:1px 0 0}
body[data-page="ai"] #aiMessage:empty,body[data-page="ai"] #aiMessage[hidden]{display:none!important}
body[data-page="ai"] #aiMessage{flex:0 0 auto;margin:0;font-size:12px;padding:3px 8px;color:#79532f}
@media(max-width:800px){.m-hero-art.m-luxury-hero-image{width:100%;height:auto!important;aspect-ratio:1/1}body[data-page="ai"] .m-ai-page{width:calc(100% - 18px);padding:6px 0 8px}body[data-page="ai"] .m-ai-thread{padding:16px 13px}body[data-page="ai"] .m-ai-compose{padding:11px 12px}body[data-page="ai"] #aiPrompt{font-size:14px;max-height:90px;min-height:43px}body[data-page="ai"] .m-tool,body[data-page="ai"] .m-mode-button{min-height:41px;padding:9px 11px}body[data-page="ai"] .m-ai-send-button{min-height:41px;padding:10px 14px}}
@media(max-width:400px){body[data-page="ai"] .m-ai-tools{gap:6px}body[data-page="ai"] .m-tool,body[data-page="ai"] .m-mode-button{font-size:11px;padding:9px 8px;gap:5px}body[data-page="ai"] .m-ai-send-button{padding:10px 11px}body[data-page="ai"] .m-ai-send-button span{display:none}body[data-page="ai"] .m-ai-toolbar{gap:5px}}

/* V22: larger brand + navigation, easy-to-access gallery, height-safe AI Studio. */
.m-nav{height:94px;gap:22px;margin-top:0}
.m-logo{flex:0 0 auto}.m-logo img{width:202px;max-height:69px;height:auto;object-fit:contain}
.m-links{font-size:14px;gap:3px;padding:5px}.m-links a{padding:13px 18px;font-weight:800;white-space:nowrap}
.m-links a[aria-current="page"]{background:#eee0ca;color:#593d25}
.m-upload-app{padding-top:17px}.m-upload-app>.m-page-head{margin-bottom:20px}
.m-upload-app .m-page-head h1,.m-gallery-app .m-page-head h1{font-size:clamp(40px,4.6vw,56px)}
.m-upload-shortcut{margin-bottom:21px}
.m-gallery-promo{display:flex;align-items:center;gap:18px;padding:17px 22px;border-radius:21px;border:1px solid #dac4a6;background:linear-gradient(108deg,#fffdf9,#efdfca);box-shadow:0 9px 29px #67421b12;max-width:100%;transition:transform .18s,border-color .18s}
.m-gallery-promo:hover{border-color:#b28b5b;transform:translateY(-1px)}
.m-gallery-promo-mark{display:grid;place-items:center;width:49px;height:49px;flex:0 0 auto;border-radius:15px;background:#624934;color:#fff;font-size:24px}
.m-gallery-promo strong,.m-gallery-promo small{display:block}.m-gallery-promo strong{font-size:18px;color:#3b3024}.m-gallery-promo small{font-size:12px;color:#86725d;margin-top:5px}.m-gallery-promo>span:last-child{margin-left:auto;font-size:23px;color:#946d43}
.m-gallery-app{padding-top:23px;min-height:68vh}.m-gallery-page-head{margin-bottom:28px}
.m-customer-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.m-customer-gallery>.m-empty{grid-column:1/-1}
.m-gallery-item{min-width:0;border:1px solid #e1cfb6;border-radius:19px;overflow:hidden;background:#fffcf7;box-shadow:0 12px 26px #70552c10}
.m-gallery-image{display:block;aspect-ratio:1;overflow:hidden;background:#f0e4d3}.m-gallery-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .2s}.m-gallery-image:hover img{transform:scale(1.025)}
.m-gallery-caption{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:15px}
.m-gallery-caption>div{min-width:0}.m-gallery-caption strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-gallery-caption small{display:block;color:#967e60;margin-top:4px;font-size:11px}
.m-gallery-download{display:inline-flex;flex:0 0 auto;align-items:center;font-size:11px;font-weight:850;background:#f0e2cd;color:#715034;border:1px solid #dcc6a7;border-radius:14px;padding:10px}
.m-gallery-download:hover{background:#e5d0b3}.m-gallery-actions{text-align:center;margin:28px auto}
/* Grid tracks bound the chat card to the real viewport; thread alone scrolls. */
html:has(body[data-page="ai"]){height:100%;overflow:hidden}
body[data-page="ai"]{box-sizing:border-box;height:100vh;height:100dvh;max-height:100dvh;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)}
body[data-page="ai"] .m-header{min-height:0;flex:none}
body[data-page="ai"] .m-nav{height:80px;margin-top:0}
body[data-page="ai"] .m-ai-page{box-sizing:border-box;min-height:0!important;height:100%!important;max-height:100%!important;overflow:hidden;padding:4px 0 max(8px,env(safe-area-inset-bottom));width:min(1460px,calc(100% - 32px));display:flex;flex-direction:column;gap:5px}
body[data-page="ai"] .m-ai-box{height:100%!important;min-height:0!important;max-height:100%!important;flex:1 1 0;display:flex;flex-direction:column;overflow:hidden}
body[data-page="ai"] .m-ai-thread{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
body[data-page="ai"] .m-ai-compose{min-width:0;flex:none;padding:11px 17px 12px}
body[data-page="ai"] #aiPrompt{resize:none;min-height:42px;max-height:92px}
body[data-page="ai"] .m-ai-mini-note{line-height:14px;margin:0!important;flex-shrink:0}
body[data-page="ai"] .m-ai-tools{flex-wrap:nowrap}
@media(max-width:1020px){.m-logo img{width:175px}.m-links a{padding:11px 13px}.m-nav{gap:10px}.m-customer-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .m-wrap{width:calc(100% - 24px)}
 .m-nav,body[data-page="ai"] .m-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 43px;height:101px;min-height:0;gap:0 6px;padding-bottom:4px;margin-top:0;align-content:center}
 .m-logo{grid-column:1;grid-row:1;justify-self:start}.m-logo img{width:165px;max-height:51px}
 .m-account{grid-column:2;grid-row:1;justify-self:end;min-height:36px;padding:9px 12px}
 .m-links{grid-column:1/-1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-width:0;max-width:100%;padding:3px;border-radius:16px;background:#fff9f0c9}
 .m-links a{text-align:center;padding:9px 2px;font-size:12.5px;line-height:1.25;border-radius:12px}
 .m-links a:nth-child(3){display:block!important}
 .m-upload-app{padding-top:11px}.m-gallery-app{padding-top:14px}
 .m-upload-app>.m-page-head{margin-bottom:17px}
 .m-upload-app .m-page-head h1,.m-gallery-app .m-page-head h1{font-size:clamp(35px,9vw,44px)}
 .m-customer-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .m-gallery-caption{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:11px}
 .m-gallery-download{align-self:stretch;justify-content:center}
 .m-gallery-promo{padding:12px 15px;gap:11px}.m-gallery-promo-mark{width:42px;height:42px}
 body[data-page="ai"] .m-ai-page{width:calc(100% - 12px);padding:3px 0 max(5px,env(safe-area-inset-bottom))}
 body[data-page="ai"] .m-ai-compose{padding:10px 11px 10px}
 body[data-page="ai"] .m-tool,body[data-page="ai"] .m-mode-button{min-height:41px;padding:9px 10px}
 body[data-page="ai"] .m-ai-thread{padding:15px 13px}
}
@media(max-width:370px){.m-logo img{width:150px}.m-links a{font-size:11.5px}.m-gallery-promo strong{font-size:16px}}
@media(max-height:530px){body[data-page="ai"] .m-nav{height:62px!important;grid-template-rows:62px;display:flex;gap:10px}body[data-page="ai"] .m-links{display:flex;padding:2px}body[data-page="ai"] .m-links a{padding:7px 8px;font-size:11px}body[data-page="ai"] .m-logo img{width:116px}body[data-page="ai"] #aiPrompt{min-height:32px;height:36px}body[data-page="ai"] .m-ai-compose{padding:5px 9px}body[data-page="ai"] .m-ai-mini-note{font-size:10px}}