:root{--web904-accent:#1263ff;--web904-secondary:#101827;--web904-bg:#fff}.web904-studio,.web904-customer-dashboard,.web904-auth-gate{max-width:1240px;margin:45px auto;padding:20px;font-family:Inter,system-ui,sans-serif;color:#152033}.studio-heading{max-width:820px;margin-bottom:28px}.studio-heading h2,.dashboard-hero h2,.web904-auth-gate h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;margin:.4rem 0}.eyebrow{font-weight:900;letter-spacing:.12em;color:#1263ff;font-size:.78rem}.studio-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px}.studio-card,.saved-variants,.customer-project,.web904-auth-gate{background:#fff;border:1px solid #dfe6f1;border-radius:22px;padding:25px;margin-bottom:20px;box-shadow:0 16px 45px rgba(20,40,80,.07)}.studio-card h3{font-size:1.35rem;margin-top:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.web904-studio label,.customer-request-form label,.web904-auth-gate label{display:flex;flex-direction:column;gap:7px;font-weight:800;margin:12px 0}.web904-studio input,.web904-studio textarea,.web904-studio select,.customer-request-form input,.customer-request-form textarea,.customer-request-form select,.web904-auth-gate input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #d5deeb;border-radius:12px;font:inherit}.button{border:0;border-radius:999px;background:#1263ff;color:#fff;padding:13px 19px;font-weight:900;text-decoration:none;cursor:pointer;display:inline-flex}.button.secondary{background:#eef4ff;color:#125bd7}.text-button{border:0;background:transparent;color:#1263ff;font-weight:900;cursor:pointer}.card-title-row,.dashboard-hero,.customer-project>header{display:flex;justify-content:space-between;gap:18px;align-items:center}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.style-choice input,.palette-choice input{position:absolute;opacity:0}.style-choice span{display:block;border:1px solid #dce4ef;border-radius:13px;padding:13px;cursor:pointer}.style-choice input:checked+span{border:2px solid #1263ff;background:#eef5ff}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.palette-choice{cursor:pointer}.palette-choice>span{display:flex;height:34px;border-radius:999px;overflow:hidden;border:2px solid transparent}.palette-choice input:checked+span{border-color:#111827}.palette-choice i{flex:1}.palette-choice small{display:block;text-align:center;margin-top:5px}.idea-buttons,.portal-actions{display:flex;flex-wrap:wrap;gap:9px}.idea-chip{border:1px solid #bfd1ef;background:#f5f8ff;color:#174d9b;border-radius:999px;padding:9px 12px;cursor:pointer}.studio-side{position:sticky;top:100px;align-self:start}.preview-shell{background:#0f172a;border-radius:20px;padding:13px;box-shadow:0 25px 65px rgba(10,20,40,.25)}.preview-toolbar{display:flex;gap:6px;align-items:center;padding:3px 5px 12px}.preview-toolbar span{width:9px;height:9px;border-radius:50%;background:#64748b}.preview-toolbar small{margin-left:9px;color:#dbe5f3}.preview-site{background:var(--web904-bg);border-radius:12px;overflow:hidden;min-height:500px}.preview-site nav{display:flex;justify-content:space-between;padding:18px 20px;color:var(--web904-secondary)}.preview-hero{padding:58px 27px;background:linear-gradient(145deg,color-mix(in srgb,var(--web904-accent) 9%,var(--web904-bg)),var(--web904-bg))}.preview-hero em{color:var(--web904-accent);font-weight:900}.preview-hero h3{font-size:2.25rem;line-height:1.04;color:var(--web904-secondary)}.preview-hero a{display:inline-block;background:var(--web904-accent);color:white;padding:11px 16px;border-radius:999px;font-weight:900}.preview-services{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:20px}.preview-services article{padding:16px 8px;text-align:center;background:color-mix(in srgb,var(--web904-accent) 7%,white);border-radius:11px;font-weight:800}.saved-variant{display:grid;grid-template-columns:18px 100px 1fr;gap:8px;align-items:center;margin:10px 0}.saved-variant i{width:16px;height:16px;border-radius:50%}.web904-ai-drawer{position:fixed;right:-520px;top:0;width:min(480px,100%);height:100vh;background:#fff;z-index:99999;box-shadow:-20px 0 60px rgba(0,0,0,.18);transition:.25s;display:flex;flex-direction:column}.web904-ai-drawer.open{right:0}.ai-drawer-head{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #e3e8f0}.ai-drawer-head div{display:flex;flex-direction:column}.ai-close{border:0;background:none;font-size:2rem;cursor:pointer}.ai-messages{padding:20px;overflow:auto;flex:1;background:#f6f8fc}.ai-message{max-width:88%;padding:13px 15px;border-radius:16px;margin:10px 0;background:#fff}.ai-message.user{margin-left:auto;background:#1263ff;color:#fff}.apply-ai{margin-top:10px;border:0;border-radius:999px;padding:8px 11px;background:#101827;color:#fff}.ai-chat-form{padding:15px;display:flex;gap:10px}.ai-chat-form textarea{flex:1}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.login-panel{padding:24px;background:#f5f8ff;border-radius:18px}.dashboard-hero{margin-bottom:28px}.portal-success{padding:15px;background:#e9fff2;border:1px solid #81d7a4;border-radius:13px;margin-bottom:20px}.customer-project{margin-bottom:25px}.customer-project header h3{margin:.25rem 0}.status-pill,.paid-badge{background:#eaf2ff;color:#125bd7;padding:7px 11px;border-radius:999px;font-weight:900;font-size:.8rem}.project-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.project-summary span{background:#f6f8fb;border-radius:12px;padding:12px}.project-summary strong{display:block;font-size:.75rem;color:#667085;text-transform:uppercase}.portal-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #dfe5ed}.portal-tab{border:0;background:none;padding:12px;font-weight:900;white-space:nowrap}.portal-tab.active{color:#1263ff;border-bottom:3px solid #1263ff}.portal-panel{display:none;padding:22px 3px}.portal-panel.active{display:block}.variant-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.variant-card{border:1px solid #dfe5ed;border-radius:14px;padding:13px;background:var(--b)}.variant-card i{display:block;height:30px;background:linear-gradient(90deg,var(--p),var(--s));border-radius:8px}.variant-card strong,.variant-card small{display:block;margin-top:7px}.request-history>div{border-top:1px solid #e3e8ef;padding:13px 0}.request-history small{display:block;color:#67748a}.ai-output pre,.portal-panel pre{white-space:pre-wrap;max-height:520px;overflow:auto}.fine-print{font-size:.88rem;color:#5d6b80}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-side{position:relative;top:0}.field-grid,.auth-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(3,1fr)}.project-summary{grid-template-columns:1fr 1fr}.variant-cards{grid-template-columns:1fr}.card-title-row,.dashboard-hero{align-items:flex-start;flex-direction:column}}
/* V4.0.1 mobile and reliability fixes */
.web904-status a{font-weight:900;color:#125bd7}
@media(max-width:680px){
  .web904-studio,.web904-customer-dashboard,.web904-auth-gate{padding:10px;margin:20px auto}
  .studio-card,.saved-variants,.customer-project,.web904-auth-gate{padding:17px;border-radius:16px}
  .studio-heading h2,.dashboard-hero h2,.web904-auth-gate h2{font-size:2rem}
  .style-grid{grid-template-columns:1fr}
  .palette-grid{grid-template-columns:repeat(2,1fr)}
  .preview-hero{padding:38px 18px}
  .preview-hero h3{font-size:1.75rem}
  .preview-site nav small{display:none}
  .preview-services{grid-template-columns:1fr}
  .project-summary{grid-template-columns:1fr}
  .portal-actions,.idea-buttons{display:grid;grid-template-columns:1fr}
  .portal-actions .button,.idea-buttons button{justify-content:center;width:100%}
  .ai-chat-form{flex-direction:column}
  .web904-ai-drawer{width:100%}
}

.field-ai-button{border:0;background:transparent;color:#1263ff;font-weight:900;text-align:left;padding:0 0 10px;cursor:pointer}
.empty-state{background:#f7f9fd;border:1px solid #dce5f0;border-radius:18px;padding:24px}
.style-choice span{min-height:48px;display:flex;align-items:center}

.auth-choice{display:flex;gap:12px;flex-wrap:wrap}
.step-note{font-size:.8rem;color:#64748b;font-weight:800}
.field-with-ai{position:relative}
.field-with-ai .field-ai-button{margin-top:-6px}
.asset-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}
.upload-tile{border:2px dashed #b8c8df;border-radius:16px;padding:22px;cursor:pointer;background:#f8fbff}
.upload-tile span{font-size:.82rem;color:#667085}
.upload-tile input{margin-top:12px}
.stock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
.stock-choice{border:1px solid #ced8e7;background:#fff;border-radius:12px;padding:11px;cursor:pointer}
.stock-choice.selected{border-color:#1263ff;background:#eef5ff;color:#125bd7}
.asset-gallery{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.asset-gallery img{width:105px;height:78px;object-fit:cover;border-radius:12px}
.premium-style-grid{grid-template-columns:repeat(2,1fr)}
.style-choice span{align-items:flex-start;flex-direction:column}
.style-choice small{font-weight:500;color:#667085;line-height:1.4;margin-top:5px}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.delivery-choice input{position:absolute;opacity:0}
.delivery-choice span{display:block;border:1px solid #d9e2ef;border-radius:15px;padding:16px;cursor:pointer}
.delivery-choice input:checked+span{border:2px solid #1263ff;background:#f2f7ff}
.delivery-choice strong,.delivery-choice small{display:block}
.delivery-choice small{margin-top:6px;color:#667085}
.agreement-check{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;background:#f8fafc;padding:14px;border-radius:12px}
.agreement-check input{width:auto!important;margin-top:3px}
.preview-device-controls{display:flex;justify-content:center;gap:6px;margin-bottom:10px}
.preview-device-controls button{border:1px solid #d6deeb;background:#fff;border-radius:999px;padding:8px 13px;font-weight:800}
.preview-device-controls button.active{background:#1263ff;color:#fff}
.preview-shell{transition:max-width .25s ease,transform .25s ease;margin-inline:auto}
.preview-shell[data-preview-device="tablet"]{max-width:760px}
.preview-shell[data-preview-device="mobile"]{max-width:390px}
.preview-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:center;overflow:hidden}
.preview-media img{width:100%;height:230px;object-fit:cover;border-radius:18px}
.media-placeholder,.stock-preview{min-height:220px;border-radius:18px;background:linear-gradient(145deg,#dbe8ff,#f6f9ff);display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}
.stock-preview{flex-wrap:wrap;gap:7px}
.stock-preview span{background:#fff;padding:8px 10px;border-radius:999px;text-transform:capitalize;font-size:.78rem}
.preview-shell[data-preview-style="dark"] .preview-site,.preview-shell[data-preview-style="midnight"] .preview-site{background:#080c14;color:#fff}
.preview-shell[data-preview-style="framer"] .preview-site,
.preview-shell[data-preview-style="gradient-mesh"] .preview-site{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--web904-accent) 25%,white),transparent 40%),radial-gradient(circle at 80% 10%,#f8b4ff,transparent 38%),#fff}
.preview-shell[data-preview-style="glass"] .preview-hero{background:linear-gradient(135deg,#dbeafe,#f5d0fe);position:relative}
.preview-shell[data-preview-style="glass"] .preview-copy,.preview-shell[data-preview-style="glass"] .preview-media{background:rgba(255,255,255,.62);backdrop-filter:blur(18px);padding:18px;border-radius:20px}
.preview-shell[data-preview-style="neo-brutal"] .preview-site{border:4px solid #111;box-shadow:10px 10px 0 #111}
.preview-shell[data-preview-style="neo-brutal"] article,.preview-shell[data-preview-style="neo-brutal"] a{border:3px solid #111;box-shadow:4px 4px 0 #111}
.preview-shell[data-preview-style="cinematic"] .preview-hero,
.preview-shell[data-preview-style="immersive"] .preview-hero{min-height:510px;background:linear-gradient(90deg,rgba(8,12,20,.92),rgba(8,12,20,.35)),var(--web904-bg);color:#fff}
.preview-shell[data-preview-style="saas"] .preview-media,
.preview-shell[data-preview-style="app-showcase"] .preview-media{border:1px solid #dbe3ef;padding:12px;border-radius:22px;box-shadow:0 24px 45px rgba(20,40,80,.16)}
.preview-shell[data-preview-style="editorial"] .preview-hero{grid-template-columns:.8fr 1.2fr}
.preview-shell[data-preview-style="editorial"] .preview-copy h3{font-family:Georgia,serif;font-weight:500}
.preview-shell[data-preview-style="creator"] .preview-site{background:linear-gradient(145deg,#fff,#fdf2f8)}
.preview-shell[data-preview-style="luxury"] .preview-site{background:#fbf8f1}
.preview-shell[data-preview-style="luxury"] .preview-copy h3{font-family:Georgia,serif;font-weight:500}
.preview-shell[data-preview-device="mobile"] .preview-site nav small{display:none}
.preview-shell[data-preview-device="mobile"] .preview-hero{grid-template-columns:1fr;padding:32px 18px}
.preview-shell[data-preview-device="mobile"] .preview-services{grid-template-columns:1fr}
.ai-quick-actions{display:flex;gap:6px;overflow:auto;padding:10px 15px;border-top:1px solid #e4e9f0}
.ai-quick-actions button{white-space:nowrap;border:1px solid #d6dfec;background:#fff;border-radius:999px;padding:7px 10px}
@media(max-width:760px){
  .asset-actions,.delivery-grid,.premium-style-grid{grid-template-columns:1fr}
  .stock-grid{grid-template-columns:1fr 1fr}
  .preview-hero{grid-template-columns:1fr}
}

.ai-ready-copy{margin-top:14px;border-top:1px solid #e4e9f0;padding-top:12px}
.ai-ready-copy textarea{width:100%;min-height:150px;padding:12px;border:1px solid #cfd9e8;border-radius:12px;margin-top:8px;white-space:pre-wrap}
.ai-result-actions{display:flex;gap:8px;margin-top:8px}
.ai-result-actions button{border:0;border-radius:999px;background:#1263ff;color:#fff;padding:9px 13px;font-weight:900;cursor:pointer}
.ai-result-actions .copy-ai{background:#eaf2ff;color:#125bd7}
.ai-suggestions{margin-top:12px;background:#f6f8fc;border-radius:12px;padding:12px}
.ai-answer{line-height:1.6}

.web904-live-site{font-family:Inter,system-ui,sans-serif;background:var(--preview-background);color:var(--preview-secondary);min-height:100vh}.live-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px clamp(20px,5vw,72px);background:color-mix(in srgb,var(--preview-background) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--preview-secondary) 12%,transparent)}.live-brand{font-size:1.3rem;font-weight:950;color:var(--preview-secondary);text-decoration:none}.live-nav nav{display:flex;gap:22px}.live-nav nav a{color:var(--preview-secondary);text-decoration:none;font-weight:750}.live-nav-cta,.live-actions a,.live-cta a{background:var(--preview-primary);color:#fff;text-decoration:none;padding:13px 18px;border-radius:999px;font-weight:900}.live-hero{min-height:78vh;display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;padding:70px clamp(20px,7vw,110px);background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--preview-primary) 18%,transparent),transparent 38%),var(--preview-background)}.live-hero-copy>span,.live-kicker{color:var(--preview-primary);font-weight:950;letter-spacing:.14em;font-size:.75rem}.live-hero h1{font-size:clamp(2.8rem,6vw,6.3rem);line-height:.94;letter-spacing:-.06em;margin:.35em 0}.live-hero p{font-size:clamp(1rem,1.7vw,1.28rem);line-height:1.75}.live-actions{display:flex;gap:12px;margin-top:28px}.live-actions .secondary{background:transparent;color:var(--preview-secondary);border:1px solid color-mix(in srgb,var(--preview-secondary) 24%,transparent)}.live-hero-media img,.live-image-placeholder{width:100%;height:min(62vh,620px);object-fit:cover;border-radius:32px;box-shadow:0 35px 90px color-mix(in srgb,var(--preview-secondary) 22%,transparent)}.live-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--preview-primary) 65%,#fff),color-mix(in srgb,var(--preview-secondary) 85%,#fff));color:#fff;font-size:2rem;font-weight:900}.live-image-placeholder small{font-size:.85rem;margin-top:10px}.live-trust{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding:22px;background:var(--preview-secondary);color:#fff}.live-section{padding:100px clamp(20px,7vw,110px)}.live-section h2{font-size:clamp(2rem,4vw,4.2rem);line-height:1;max-width:850px}.live-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.live-service-grid article{padding:28px;border:1px solid color-mix(in srgb,var(--preview-secondary) 12%,transparent);border-radius:22px;background:color-mix(in srgb,var(--preview-primary) 5%,var(--preview-background))}.live-about{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:color-mix(in srgb,var(--preview-primary) 6%,var(--preview-background))}.live-cta{text-align:center;padding:100px 20px;background:var(--preview-secondary);color:#fff}.web904-live-site footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,7vw,110px);background:#080d16;color:#fff}.portal-generated{margin-top:18px;border:1px solid #dce5f1;border-radius:18px;padding:20px;background:#fff}.portal-generated section{border-top:1px solid #e7ecf3;padding:15px 0}.portal-generated p,.portal-generated li{line-height:1.6}@media(max-width:800px){.live-nav nav{display:none}.live-hero,.live-about{grid-template-columns:1fr}.live-hero-media img,.live-image-placeholder{height:380px}.live-service-grid{grid-template-columns:1fr}.web904-live-site footer{flex-direction:column}.live-actions{flex-direction:column;align-items:flex-start}}

.live-preview-toolbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:18px;background:#0a1220;color:#fff;padding:10px 18px;font-size:.82rem}.live-preview-toolbar>div{display:flex;gap:5px}.live-preview-toolbar button{border:1px solid #334155;background:#111c2e;color:#fff;border-radius:999px;padding:6px 10px}.live-preview-toolbar button.active{background:#1263ff;border-color:#1263ff}
.live-preview-frame{max-width:100%;margin:auto;transition:max-width .3s ease,box-shadow .3s ease;background:var(--preview-background)}.live-preview-frame[data-live-device="tablet"]{max-width:820px;box-shadow:0 0 0 1px #d9e2ef,0 25px 70px rgba(0,0,0,.14)}.live-preview-frame[data-live-device="mobile"]{max-width:390px;box-shadow:0 0 0 1px #d9e2ef,0 25px 70px rgba(0,0,0,.18)}
.live-nav nav a.active{color:var(--preview-primary)}.live-service-grid article a{color:var(--preview-primary);font-weight:900;text-decoration:none}.inner-page-hero{padding:120px clamp(20px,8vw,130px) 75px;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--preview-primary) 18%,transparent),transparent 38%),var(--preview-background)}.inner-page-hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.94;letter-spacing:-.06em;max-width:1050px;margin:.25em 0}.inner-page-hero p{font-size:1.25rem;line-height:1.7;max-width:750px}.faq-list{max-width:980px;margin:auto}.faq-list details{border-bottom:1px solid color-mix(in srgb,var(--preview-secondary) 15%,transparent);padding:20px 0}.faq-list summary{font-size:1.3rem;font-weight:900;cursor:pointer}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-layout form{display:grid;gap:15px}.contact-layout label{display:grid;gap:7px;font-weight:850}.contact-layout input,.contact-layout textarea{padding:14px;border:1px solid #d6dfec;border-radius:12px}.contact-layout button{border:0;background:var(--preview-primary);color:#fff;padding:14px;border-radius:999px;font-weight:900}.content-page{max-width:980px;margin:auto}.content-page p{font-size:1.15rem;line-height:1.9}.web904-live-site footer div{display:flex;gap:15px;flex-wrap:wrap}.web904-live-site footer a{color:#fff;text-decoration:none}
.reveal-section{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-section.visible{opacity:1;transform:none}.web904-live-site[data-style="framer"] .live-service-grid article,.web904-live-site[data-style="nextjs"] .live-service-grid article,.web904-live-site[data-style="saas"] .live-service-grid article{transition:transform .25s ease,box-shadow .25s ease}.web904-live-site[data-style="framer"] .live-service-grid article:hover,.web904-live-site[data-style="nextjs"] .live-service-grid article:hover,.web904-live-site[data-style="saas"] .live-service-grid article:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(20,40,80,.14)}
.preview-refresh-note a{display:inline-block;margin-top:14px;font-weight:900;color:#125bd7}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}.live-preview-toolbar span{display:none}.live-preview-frame[data-live-device="mobile"] .live-nav nav,.live-preview-frame[data-live-device="tablet"] .live-nav nav{display:none}.live-preview-frame[data-live-device="mobile"] .live-hero,.live-preview-frame[data-live-device="mobile"] .live-about{grid-template-columns:1fr}.live-preview-frame[data-live-device="mobile"] .live-service-grid{grid-template-columns:1fr}}

/* V4.4.1 live-preview shell repair */
body.web904-preview-page{
  margin:0!important;
  background:#eef3fb!important;
}
body.web904-preview-page .site-header,
body.web904-preview-page .site-footer,
body.web904-preview-page header.site-header,
body.web904-preview-page footer.site-footer,
body.web904-preview-page .wp-site-blocks > header,
body.web904-preview-page .wp-site-blocks > footer,
body.web904-preview-page #wpadminbar{
  display:none!important;
}
body.web904-preview-page .site-main,
body.web904-preview-page main,
body.web904-preview-page .entry-content,
body.web904-preview-page .content-area,
body.web904-preview-page .site-content,
body.web904-preview-page article,
body.web904-preview-page .wp-site-blocks{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.web904-preview-page .entry-header,
body.web904-preview-page .page-header,
body.web904-preview-page .entry-title{
  display:none!important;
}
body.web904-preview-page .web904-live-site{
  width:100%;
  min-height:100vh;
}
body.web904-preview-page .live-preview-frame{
  overflow:hidden;
  min-height:calc(100vh - 48px);
}
body.web904-preview-page .live-preview-frame[data-live-device="tablet"],
body.web904-preview-page .live-preview-frame[data-live-device="mobile"]{
  margin:24px auto 60px;
  border-radius:24px;
  overflow:hidden;
}
body.web904-preview-page .live-nav{
  box-sizing:border-box;
}
body.web904-preview-page .live-nav nav{
  align-items:center;
}
body.web904-preview-page .live-hero,
body.web904-preview-page .inner-page-hero,
body.web904-preview-page .live-section,
body.web904-preview-page .live-cta{
  box-sizing:border-box;
}
@media(max-width:800px){
  body.web904-preview-page .live-preview-toolbar{
    position:sticky;
    top:0;
  }
  body.web904-preview-page .live-preview-frame{
    margin:0;
    border-radius:0;
  }
}

/* V4.5 editor and device preview */
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.template-choice input{position:absolute;opacity:0}.template-choice span{display:block;border:1px solid #d9e2ef;border-radius:14px;padding:14px;cursor:pointer}.template-choice input:checked+span{border:2px solid #1263ff;background:#eef5ff}.template-choice strong,.template-choice small{display:block}.template-choice small{margin-top:5px;color:#667085}
.editor-controls{margin-top:18px}.inline-editor-guide{margin-top:16px;background:#f6f8fc;border-radius:12px;padding:13px;display:flex;gap:10px;flex-direction:column}.redesign-panel{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:18px}
.preview-shell.is-desktop,.live-preview-frame.is-desktop{width:100%;max-width:1200px}
.preview-shell.is-tablet,.live-preview-frame.is-tablet{width:768px!important;max-width:calc(100vw - 30px)!important;margin-inline:auto!important}
.preview-shell.is-mobile,.live-preview-frame.is-mobile{width:390px!important;max-width:calc(100vw - 20px)!important;margin-inline:auto!important}
.preview-shell.is-tablet .preview-hero,.preview-shell.is-mobile .preview-hero{grid-template-columns:1fr}
.preview-shell.is-mobile .preview-site nav small{display:none}.preview-shell.is-mobile .preview-services{grid-template-columns:1fr}
[data-animation="subtle"] .preview-site *{transition:.2s ease}
[data-animation="smooth"] .preview-site *{transition:.35s ease}
[data-animation="dynamic"] .preview-hero{animation:previewFloat 5s ease-in-out infinite}
[data-animation="cinematic"] .preview-hero{animation:previewCinematic 8s ease-in-out infinite}
@keyframes previewFloat{50%{transform:translateY(-7px)}}@keyframes previewCinematic{0%,100%{filter:saturate(1)}50%{filter:saturate(1.25);transform:scale(1.01)}}
[data-hero="centered"] .preview-hero{grid-template-columns:1fr;text-align:center}[data-hero="centered"] .preview-media{max-width:620px;margin:auto}
[data-hero="full-image"] .preview-hero{position:relative;grid-template-columns:1fr;min-height:520px;color:#fff;background:#111}[data-hero="full-image"] .preview-media{position:absolute;inset:0;opacity:.42}[data-hero="full-image"] .preview-copy{position:relative;z-index:2}
[data-hero="product"] .preview-media{transform:perspective(900px) rotateY(-8deg)}
[data-font="editorial"] .preview-site h3{font-family:Georgia,serif}[data-font="friendly"] .preview-site{font-family:"Trebuchet MS",sans-serif}
[data-sections="bento"] .preview-services{grid-template-columns:2fr 1fr 1fr}[data-sections="minimal"] .preview-services{grid-template-columns:1fr}.preview-site [contenteditable="true"]{outline:1px dashed transparent}.preview-site [contenteditable="true"]:focus{outline:2px dashed #1263ff;background:rgba(255,255,255,.8)}
@media(max-width:900px){.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.template-grid{grid-template-columns:1fr}}

.page-editor{display:grid;grid-template-columns:210px 1fr;gap:22px}.page-editor-sidebar{border-right:1px solid #e1e7ef;padding-right:14px}.editor-page-button{width:100%;border:0;background:#f5f7fb;border-radius:12px;padding:11px;text-align:left;margin:5px 0}.editor-page-button span,.editor-page-button small{display:block}.editor-page-button small{color:#667085;margin-top:3px}.editor-page-button.active{background:#eaf2ff;color:#125bd7}.editor-page-panel{display:none}.editor-page-panel.active{display:block}.approval-pill{background:#fff4d6;color:#8a5b00;border-radius:999px;padding:7px 10px;font-weight:900}.block-library{display:flex;gap:7px;flex-wrap:wrap}.block-library button{border:1px solid #d5deeb;background:#fff;border-radius:999px;padding:8px 11px}.editor-block-list{display:grid;gap:10px;margin:15px 0}.editor-block{display:grid;grid-template-columns:32px 1fr auto;gap:10px;border:1px solid #dce4ef;border-radius:14px;padding:12px;background:#fff}.editor-block.dragging{opacity:.5}.block-handle{cursor:grab;font-size:1.3rem}.editor-block input,.editor-block textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:9px;border:1px solid #d5deeb;border-radius:9px}.remove-editor-block{border:0;background:#fff0f0;color:#b42318;border-radius:9px;padding:7px}.editor-actions{display:flex;gap:9px;flex-wrap:wrap}.revision-summary{margin-top:20px;background:#f6f8fc;padding:13px;border-radius:12px;display:flex;gap:8px;flex-direction:column}.build-gate-note{font-size:.88rem;color:#667085}.request-production-build{margin-left:10px}
@media(max-width:800px){.page-editor{grid-template-columns:1fr}.page-editor-sidebar{border-right:0;border-bottom:1px solid #e1e7ef;padding:0 0 12px}.page-editor-sidebar{display:flex;gap:6px;overflow:auto}.editor-page-button{min-width:130px}.editor-block{grid-template-columns:25px 1fr}.editor-block .remove-editor-block{grid-column:2}}

.web904-examples{max-width:1280px;margin:45px auto;padding:20px;font-family:Inter,system-ui,sans-serif;color:#152033}.examples-hero{max-width:850px;margin-bottom:30px}.examples-hero h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:.25em 0}.examples-hero p{font-size:1.15rem;line-height:1.7;color:#5d6b80}.examples-grid{display:grid;gap:28px}.example-plan{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;border:1px solid #dce5f1;border-radius:24px;padding:24px;background:#fff;box-shadow:0 18px 50px rgba(20,40,80,.07)}.example-preview{background:#0c1424;border-radius:20px;padding:12px;align-self:start}.example-browser{display:flex;gap:6px;padding:4px 4px 12px}.example-browser i{width:9px;height:9px;border-radius:50%;background:#64748b}.example-site{background:#fff;border-radius:12px;overflow:hidden;min-height:390px}.example-site nav{display:flex;justify-content:space-between;padding:16px 18px}.example-site section{padding:46px 24px;background:linear-gradient(145deg,#eef5ff,#fff)}.example-site section span{font-size:.68rem;letter-spacing:.12em;color:#1263ff;font-weight:900}.example-site h3{font-size:2rem;margin:.35em 0}.example-site button{border:0;border-radius:999px;background:#1263ff;color:#fff;padding:10px 14px;font-weight:900}.example-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:18px}.example-cards b{height:70px;border-radius:10px;background:#eef2f8}.plan-tag{font-weight:900;color:#1263ff;letter-spacing:.08em;font-size:.75rem}.example-plan-content h2{font-size:2.2rem;margin:.3em 0}.plan-price{font-size:1.5rem}.example-plan-content li{margin:8px 0}.template-pills{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.template-pills button{border:1px solid #d5deeb;background:#fff;border-radius:999px;padding:8px 11px}.template-pills button.active{background:#1263ff;color:#fff}.examples-note{margin-top:28px;background:#f6f8fc;border-radius:18px;padding:22px}
.example-plan[data-example-plan="growth"] .example-site section{background:linear-gradient(145deg,#ecfdf5,#fff)}.example-plan[data-example-plan="automation"] .example-site{background:#0b1120;color:#fff}.example-plan[data-example-plan="automation"] .example-site section{background:radial-gradient(circle at 20% 20%,#243b75,#0b1120)}.example-plan[data-example-plan="custom"] .example-site section{background:linear-gradient(145deg,#f7e7ce,#fff)}
@media(max-width:900px){.example-plan{grid-template-columns:1fr}}@media(max-width:600px){.web904-examples{padding:10px}.example-plan{padding:15px}.example-site nav small{display:none}}

.checkout-status-message{margin:12px 0 0;font-weight:750;color:#344054}.checkout-status-message.error{background:#fff1f1;border:1px solid #fecaca;color:#a31313;border-radius:12px;padding:11px}
.web904-legal-policy{max-width:1000px;margin:45px auto;padding:20px;font-family:Inter,system-ui,sans-serif;color:#172033}.web904-legal-policy header{padding:35px;border-radius:24px;background:linear-gradient(145deg,#edf4ff,#fff);border:1px solid #dce5f1}.web904-legal-policy h1{font-size:clamp(2.8rem,6vw,5.5rem);letter-spacing:-.055em;line-height:.98;margin:.2em 0}.web904-legal-policy h2{font-size:1.8rem;margin-top:0}.web904-legal-policy h3{margin-bottom:7px}.web904-legal-policy p,.web904-legal-policy li{line-height:1.75}.web904-legal-policy section{padding:28px 8px;border-bottom:1px solid #e1e7ef}.policy-toc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;padding:20px;border-radius:16px;background:#f6f8fc}.policy-toc strong{grid-column:1/-1}.policy-toc a{color:#125bd7;text-decoration:none;font-weight:750}
@media(max-width:700px){.policy-toc{grid-template-columns:1fr}.web904-legal-policy header{padding:24px}.web904-legal-policy{padding:10px}}

.web904-contact-page{max-width:1120px;margin:50px auto;padding:20px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.contact-intro{grid-column:1/-1;padding:38px;border-radius:24px;background:linear-gradient(145deg,#edf4ff,#fff);border:1px solid #dce5f1}.contact-intro h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:.2em 0}.web904-public-contact-form,.contact-details,.customer-message-panel,.request-history{background:#fff;border:1px solid #dce5f1;border-radius:18px;padding:22px}.web904-public-contact-form label,.customer-message-panel label{display:grid;gap:7px;font-weight:800;margin-bottom:14px}.web904-public-contact-form input,.web904-public-contact-form textarea,.customer-message-panel input,.customer-message-panel textarea{width:100%;box-sizing:border-box;padding:13px;border:1px solid #cfd9e7;border-radius:11px}.contact-form-status.success,.customer-message-status.success{color:#087443;background:#ecfdf3;padding:10px;border-radius:10px}.contact-form-status.error,.customer-message-status.error{color:#b42318;background:#fff1f1;padding:10px;border-radius:10px}.request-history article{border-top:1px solid #e5eaf1;padding:14px 0}.request-history article small{display:block;color:#667085;margin-top:4px}@media(max-width:800px){.web904-contact-page{grid-template-columns:1fr}.contact-intro{padding:24px}}

.web904-web-design-page{max-width:1280px;margin:40px auto;padding:20px;font-family:Inter,system-ui,sans-serif;color:#172033}
.webdesign-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:52px;border-radius:28px;background:radial-gradient(circle at 15% 20%,#dfeaff,transparent 40%),#f8fbff;border:1px solid #dce5f1}
.webdesign-hero h1{font-size:clamp(3rem,6vw,6.3rem);line-height:.95;letter-spacing:-.06em;margin:.2em 0}
.webdesign-hero p{font-size:1.15rem;line-height:1.75;color:#5d6b80}
.webdesign-process-card,.webdesign-custom-card{background:#fff;border:1px solid #dce5f1;border-radius:22px;padding:25px;box-shadow:0 20px 50px rgba(20,40,80,.08)}
.webdesign-process-card li,.webdesign-custom-card li{margin:10px 0}
.webdesign-section{padding:80px 0}
.webdesign-section>h2{font-size:clamp(2.2rem,4vw,4.5rem);line-height:1;max-width:850px}
.webdesign-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.webdesign-pricing-grid article{border:1px solid #dce5f1;border-radius:20px;padding:22px;background:#fff}
.webdesign-pricing-grid h3{font-size:2rem;margin:.35em 0}.webdesign-pricing-grid h3 small{font-size:.8rem;color:#667085}
.webdesign-pricing-grid article>a{display:inline-block;margin-top:12px;color:#125bd7;font-weight:900;text-decoration:none}
.webdesign-alt{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#f6f8fc;border-radius:28px;padding:48px}
@media(max-width:950px){.webdesign-pricing-grid{grid-template-columns:repeat(2,1fr)}.webdesign-hero,.webdesign-alt{grid-template-columns:1fr}}
@media(max-width:600px){.webdesign-pricing-grid{grid-template-columns:1fr}.webdesign-hero,.webdesign-alt{padding:24px}.web904-web-design-page{padding:10px}}

.prompt-studio-card{background:radial-gradient(circle at 85% 10%,rgba(18,99,255,.16),transparent 32%),linear-gradient(145deg,#f8fbff,#fff);border:1px solid #cfdcf0}.prompt-studio-card textarea[name="site_prompt"]{font-size:1.04rem;line-height:1.65;min-height:190px}.prompt-studio-actions{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}.blueprint-status{font-weight:800;color:#42526a}.blueprint-result{margin-top:18px;background:#0d1628;color:#fff;border-radius:18px;padding:20px}.blueprint-result p{color:#d8e2f1}.blueprint-badges{display:flex;gap:8px;flex-wrap:wrap}.blueprint-badges span{background:#22314b;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.blueprint-result pre{white-space:pre-wrap;max-height:320px;overflow:auto;background:#07101f;padding:12px;border-radius:12px}
.live-cursor-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(77,135,255,.18),transparent 68%);pointer-events:none;z-index:0;transition:transform .08s linear}.live-preview-frame{position:relative}.live-preview-frame>*:not(.live-cursor-glow):not(.live-orb){position:relative;z-index:2}.live-orb{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(60px);opacity:.23;pointer-events:none;z-index:0}.orb-one{left:-150px;top:280px;background:var(--preview-primary)}.orb-two{right:-120px;top:700px;background:#9b5cff}
.live-media-showcase{padding:80px clamp(20px,7vw,110px);background:color-mix(in srgb,var(--preview-primary) 4%,var(--preview-background))}.live-video-wrap{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;box-shadow:0 35px 80px rgba(10,20,40,.2)}.live-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.live-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:13px;margin-top:24px}.live-gallery figure{margin:0;border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;transform-style:preserve-3d}.live-gallery figure.featured{grid-column:span 2;grid-row:span 2}.live-gallery img{width:100%;height:100%;object-fit:cover}
.web904-live-site[data-style="framer"],.web904-live-site[data-style="kinetic-agency"],.web904-live-site[data-style="interactive-studio"]{overflow:hidden}.web904-live-site[data-style="framer"] .live-hero h1,.web904-live-site[data-style="kinetic-agency"] .live-hero h1{background:linear-gradient(100deg,var(--preview-secondary),var(--preview-primary),#8a5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.web904-live-site[data-style="dark-neon"]{background:#070a12;color:#f7f9ff}.web904-live-site[data-style="dark-neon"] .live-nav,.web904-live-site[data-style="dark-neon"] .live-section{background:#070a12;color:#f7f9ff}.web904-live-site[data-style="cinematic-launch"] .live-hero{min-height:92vh}.web904-live-site[data-style="bold-typography"] h1{font-size:clamp(4rem,10vw,10rem);line-height:.82}.web904-live-site[data-style="editorial-luxury"] h1,.web904-live-site[data-style="editorial-luxury"] h2{font-family:Georgia,serif;font-weight:400}.web904-live-site[data-style="bento-tech"] .live-service-grid{grid-template-columns:2fr 1fr 1fr}.web904-live-site[data-style="scroll-narrative"] .live-section{min-height:85vh;display:flex;flex-direction:column;justify-content:center}
[data-animation="kinetic"] .preview-site,[data-animation="immersive"] .preview-site{transform-style:preserve-3d}[data-animation="kinetic"] .preview-media{animation:kineticMedia 7s ease-in-out infinite}[data-animation="immersive"] .preview-media{animation:immersiveMedia 10s ease-in-out infinite}@keyframes kineticMedia{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-12px)}}@keyframes immersiveMedia{0%,100%{transform:perspective(900px) rotateY(-5deg) scale(1)}50%{transform:perspective(900px) rotateY(5deg) scale(1.03)}}
@media(max-width:800px){.live-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.live-gallery figure.featured{grid-column:span 2}.live-cursor-glow{display:none}}

/* V5.0.1 premium builder canvas */
.preview-shell{--preview-ink:var(--web904-secondary);--preview-surface:var(--web904-bg);overflow:hidden}
.preview-toolbar{position:relative}.preview-toolbar b{margin-left:auto;color:#9fb0c9;font-size:.58rem;letter-spacing:.12em}
.preview-site{position:relative;color:var(--preview-ink);background:var(--preview-surface);isolation:isolate}
.preview-site>nav{position:relative;z-index:5;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--web904-secondary) 10%,transparent);backdrop-filter:blur(16px)}
.preview-site>nav button{border:0;background:var(--web904-secondary);color:#fff;border-radius:999px;padding:8px 11px;font-weight:850}
.preview-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(260px circle at var(--gx,70%) var(--gy,20%),color-mix(in srgb,var(--web904-accent) 20%,transparent),transparent 72%)}
.preview-orb{position:absolute;width:230px;height:230px;border-radius:50%;filter:blur(48px);opacity:.24;pointer-events:none;z-index:-1}.preview-orb-one{left:-90px;top:150px;background:var(--web904-accent)}.preview-orb-two{right:-90px;top:390px;background:#a855f7}
.preview-marquee{display:flex;gap:30px;overflow:hidden;white-space:nowrap;background:var(--web904-secondary);color:#fff;padding:8px 0;font-size:.62rem;font-weight:900;letter-spacing:.13em}.preview-marquee span{min-width:max-content;animation:previewMarquee 13s linear infinite}@keyframes previewMarquee{to{transform:translateX(calc(-100% - 30px))}}
.preview-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:center;min-height:410px;padding:44px 27px;position:relative}
.preview-copy h3{font-size:clamp(2.2rem,4vw,4.65rem);line-height:.88;letter-spacing:-.065em;margin:.25em 0}.preview-copy p{line-height:1.65;color:color-mix(in srgb,var(--web904-secondary) 70%,white)}
.preview-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-actions .ghost{background:transparent;color:var(--web904-secondary);border:1px solid color-mix(in srgb,var(--web904-secondary) 22%,transparent)}
.preview-proof{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 9px;align-items:center;margin-top:20px;font-size:.68rem}.preview-proof b{font-size:1rem}
.preview-media{position:relative;min-height:315px;border-radius:24px;overflow:visible;background:linear-gradient(145deg,color-mix(in srgb,var(--web904-accent) 22%,white),color-mix(in srgb,var(--web904-secondary) 18%,white));box-shadow:0 30px 65px color-mix(in srgb,var(--web904-secondary) 20%,transparent);transform-style:preserve-3d}
.preview-media img,.preview-media iframe{width:100%;height:315px;object-fit:cover;border:0;border-radius:24px}.preview-media iframe{pointer-events:none}.media-overlay{position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,transparent 45%,rgba(4,10,20,.45))}
.media-placeholder{height:315px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}.media-placeholder span{font-size:.62rem;letter-spacing:.14em;font-weight:900}.media-placeholder strong{font-size:1.35rem;margin-top:8px}
.floating-card{position:absolute;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);box-shadow:0 13px 30px rgba(8,20,45,.18);font-size:.7rem;font-weight:900;animation:previewFloatCard 5s ease-in-out infinite}.card-a{left:-18px;bottom:30px}.card-b{right:-15px;top:28px;animation-delay:-2s}@keyframes previewFloatCard{50%{transform:translateY(-9px) rotate(1deg)}}
.preview-logo-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 20px;border-block:1px solid color-mix(in srgb,var(--web904-secondary) 10%,transparent);text-align:center;font-size:.58rem;font-weight:950;letter-spacing:.12em}
.preview-section-heading{padding:38px 25px 10px}.preview-section-heading small,.preview-media-story small,.preview-final-cta small{color:var(--web904-accent);font-weight:950;letter-spacing:.13em}.preview-section-heading h4,.preview-media-story h4,.preview-final-cta h4{font-size:2rem;line-height:1;margin:.35em 0}
.preview-services article{text-align:left;padding:18px;min-height:130px;transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d;border:1px solid color-mix(in srgb,var(--web904-secondary) 9%,transparent);background:color-mix(in srgb,var(--web904-accent) 6%,var(--web904-bg))}.preview-services article i,.preview-services article strong,.preview-services article p{display:block}.preview-services article i{color:var(--web904-accent);font-style:normal;font-size:.7rem}.preview-services article strong{margin-top:13px}.preview-services article p{font-size:.66rem;line-height:1.45;color:#68758a}
.preview-media-story{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding:45px 25px}.story-image{min-height:250px;border-radius:20px;background:linear-gradient(135deg,var(--web904-accent),#8b5cf6);position:relative;overflow:hidden}.story-image:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.5);border-radius:50%;animation:storyOrbit 8s linear infinite}@keyframes storyOrbit{to{transform:rotate(360deg) scale(1.15)}}
.preview-final-cta{margin:18px;padding:36px;border-radius:22px;background:var(--web904-secondary);color:#fff;text-align:center}.preview-final-cta h4{font-size:2.6rem}.preview-final-cta a{display:inline-block;color:#fff;border-bottom:1px solid #fff;padding-bottom:3px}

/* Premium template mappings */
.preview-shell[data-template="kinetic-agency"] .preview-copy h3,
.preview-shell[data-template="interactive-studio"] .preview-copy h3,
.preview-shell[data-template="framer"] .preview-copy h3{background:linear-gradient(100deg,var(--web904-secondary),var(--web904-accent),#a855f7);background-clip:text;-webkit-background-clip:text;color:transparent}
.preview-shell[data-template="cinematic-launch"] .preview-hero{min-height:520px;background:linear-gradient(90deg,rgba(5,10,20,.9),rgba(5,10,20,.25)),linear-gradient(145deg,var(--web904-accent),#111827);color:#fff}.preview-shell[data-template="cinematic-launch"] .preview-copy p,.preview-shell[data-template="cinematic-launch"] .preview-actions .ghost{color:#fff}.preview-shell[data-template="cinematic-launch"] .preview-media{transform:perspective(950px) rotateY(-8deg) scale(1.04)}
.preview-shell[data-template="editorial-luxury"] .preview-copy h3,.preview-shell[data-template="editorial-luxury"] .preview-section-heading h4,.preview-shell[data-template="luxury-brand"] .preview-copy h3{font-family:Georgia,serif;font-weight:400}
.preview-shell[data-template="dark-neon"]{--preview-surface:#070a12;--preview-ink:#f8fbff}.preview-shell[data-template="dark-neon"] .preview-site{background:#070a12;color:#fff}.preview-shell[data-template="dark-neon"] .preview-copy p,.preview-shell[data-template="dark-neon"] .preview-actions .ghost{color:#c7d2e6}.preview-shell[data-template="dark-neon"] .preview-services article{background:#0e1626;border-color:#24334d}.preview-shell[data-template="dark-neon"] .preview-final-cta{background:linear-gradient(135deg,#1263ff,#9b5cff)}
.preview-shell[data-template="bold-typography"] .preview-copy h3{font-size:clamp(3.2rem,7vw,7rem);line-height:.78;text-transform:uppercase}
.preview-shell[data-template="minimal-architecture"] .preview-marquee,.preview-shell[data-template="minimal-architecture"] .preview-orb{display:none}.preview-shell[data-template="minimal-architecture"] .preview-site{background:#f5f2ea}.preview-shell[data-template="minimal-architecture"] .preview-hero{min-height:470px}.preview-shell[data-template="minimal-architecture"] .preview-media{border-radius:0;box-shadow:none}
.preview-shell[data-template="bento-tech"] .preview-services{grid-template-columns:2fr 1fr}.preview-shell[data-template="bento-tech"] .preview-services article:first-child{grid-row:span 2;min-height:280px}
.preview-shell[data-template="video-first"] .preview-media{grid-column:1/-1;min-height:380px}.preview-shell[data-template="video-first"] .preview-hero{grid-template-columns:1fr}.preview-shell[data-template="video-first"] .preview-copy{text-align:center;max-width:720px;margin:auto}
.preview-shell[data-template="scroll-narrative"] .preview-section-heading,.preview-shell[data-template="scroll-narrative"] .preview-media-story,.preview-shell[data-template="scroll-narrative"] .preview-final-cta{min-height:300px;display:flex;flex-direction:column;justify-content:center}
.preview-shell[data-template="organic-story"] .preview-site{background:#f2f5ec}.preview-shell[data-template="organic-story"] .preview-media,.preview-shell[data-template="organic-story"] .preview-services article{border-radius:45% 55% 45% 55% / 55% 45% 55% 45%}
.preview-shell[data-template="immersive-portfolio"] .preview-media{transform:perspective(800px) rotateY(-10deg) translateZ(20px)}.preview-shell[data-template="immersive-portfolio"] .preview-services article:nth-child(2){transform:translateY(18px)}
.preview-shell[data-template="interactive-studio"] .preview-site>nav{position:sticky;top:0}.preview-shell[data-template="interactive-studio"] .preview-final-cta{background:linear-gradient(135deg,var(--web904-secondary),var(--web904-accent))}
.preview-shell[data-template="insurance-trust"] .preview-site{background:#fffaf1}.preview-shell[data-template="insurance-trust"] .preview-media{background:linear-gradient(145deg,#d9e7f7,#f5e6cc)}
.preview-shell[data-template="saas-product"] .preview-media{transform:perspective(900px) rotateY(-8deg);border:1px solid #cfd9e8}
.preview-shell[data-animation="kinetic"] .preview-media{animation:kineticBuilder 6s ease-in-out infinite}.preview-shell[data-animation="immersive"] .preview-media{animation:immersiveBuilder 9s ease-in-out infinite}@keyframes kineticBuilder{50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes immersiveBuilder{50%{transform:perspective(950px) rotateY(7deg) scale(1.025)}}
.preview-shell[data-hero="centered"] .preview-hero{grid-template-columns:1fr;text-align:center}.preview-shell[data-hero="centered"] .preview-media{max-width:650px;margin:auto;width:100%}.preview-shell[data-hero="full-image"] .preview-hero{grid-template-columns:1fr;min-height:500px}.preview-shell[data-hero="full-image"] .preview-media{position:absolute;inset:0;border-radius:0;opacity:.48}.preview-shell[data-hero="full-image"] .preview-copy{position:relative;z-index:3;max-width:720px;color:#fff}.preview-shell[data-hero="editorial"] .preview-hero{grid-template-columns:.75fr 1.25fr}
.preview-shell[data-sections="bento"] .preview-services{grid-template-columns:2fr 1fr}.preview-shell[data-sections="minimal"] .preview-services{grid-template-columns:1fr}.preview-shell[data-sections="alternating"] .preview-services article:nth-child(even){transform:translateY(14px)}
.preview-shell[data-font="editorial"] h3,.preview-shell[data-font="editorial"] h4,.preview-shell[data-font="luxury"] h3,.preview-shell[data-font="luxury"] h4{font-family:Georgia,serif;font-weight:400}
.preview-shell.is-tablet .preview-copy h3{font-size:3.2rem}.preview-shell.is-mobile .preview-hero,.preview-shell.is-mobile .preview-media-story{grid-template-columns:1fr}.preview-shell.is-mobile .preview-copy h3{font-size:2.7rem}.preview-shell.is-mobile .preview-proof,.preview-shell.is-mobile .preview-logo-strip{grid-template-columns:1fr 1fr}.preview-shell.is-mobile .preview-media{min-height:260px}.preview-shell.is-mobile .preview-media img,.preview-shell.is-mobile .preview-media iframe,.preview-shell.is-mobile .media-placeholder{height:260px}.preview-shell.is-mobile .preview-final-cta h4{font-size:2rem}

.preview-style-studio{margin-top:18px;background:#fff;border:1px solid #dce5f1;border-radius:20px;padding:18px;box-shadow:0 16px 45px rgba(20,40,80,.07)}
.preview-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.preview-style-head h3{margin:.25em 0 0;font-size:1.25rem}
.preview-control-group{margin-top:16px}.preview-control-group>strong{display:block;margin-bottom:9px}
.preview-template-switcher{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
.preview-template-chip{flex:0 0 auto;border:1px solid #d4deeb;background:#fff;border-radius:999px;padding:8px 11px;font-size:.76rem;font-weight:850;cursor:pointer}
.preview-template-chip.active{background:#1263ff;border-color:#1263ff;color:#fff;box-shadow:0 8px 20px rgba(18,99,255,.22)}
.preview-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.preview-control-grid label{display:grid;gap:6px;font-size:.76rem;font-weight:850}
.preview-control-grid input[type="color"]{width:100%;height:42px;border:1px solid #d4deeb;border-radius:10px;padding:4px;background:#fff}
.preview-control-grid select{width:100%;padding:10px;border:1px solid #d4deeb;border-radius:10px;background:#fff}
.preview-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.preview-quick-actions .button{padding:9px 12px;font-size:.76rem}
.preview-style-note{font-size:.75rem;line-height:1.5;color:#667085;margin:14px 0 0}
@media(max-width:900px){.preview-control-grid{grid-template-columns:1fr}.preview-style-studio{padding:14px}}

/* V5.0.3 placement system */
.editor-layout-controls{margin-top:16px}
.web904-live-site[data-text-position="center"] .live-hero-copy{text-align:center;margin-inline:auto}
.web904-live-site[data-text-position="right"] .live-hero-copy{text-align:right;margin-left:auto}
.web904-live-site[data-text-position="overlay"] .live-hero-copy{position:relative;z-index:3;color:#fff;max-width:760px}
.web904-live-site[data-image-position="hero-left"] .live-hero-media{order:-1}
.web904-live-site[data-image-position="hero-background"] .live-hero{position:relative;grid-template-columns:1fr;min-height:78vh;overflow:hidden}
.web904-live-site[data-image-position="hero-background"] .live-hero-media{position:absolute;inset:0;z-index:0}
.web904-live-site[data-image-position="hero-background"] .live-hero-media img{height:100%;border-radius:0;filter:brightness(.48)}
.web904-live-site[data-image-position="hero-background"] .live-hero-copy{position:relative;z-index:2;color:#fff;max-width:800px}
.live-image-break{padding:0 clamp(20px,7vw,110px) 70px}.live-image-break img{width:100%;max-height:680px;object-fit:cover;border-radius:28px}
.web904-live-site[data-content-width="narrow"] .live-section,.web904-live-site[data-content-width="narrow"] .inner-page-hero{max-width:920px;margin-inline:auto}
.web904-live-site[data-content-width="standard"] .live-section,.web904-live-site[data-content-width="standard"] .inner-page-hero{max-width:1180px;margin-inline:auto}
.web904-live-site[data-section-spacing="compact"] .live-section{padding-block:55px}
.web904-live-site[data-section-spacing="cinematic"] .live-section{padding-block:140px;min-height:75vh}
.live-video-section+.live-gallery-section,.live-gallery-section+.live-video-section{padding-top:0}

/* plugin-owned privacy page */
body.web904-policy-standalone{margin:0;background:#f5f7fb;color:#172033}
.web904-policy-header{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,70px);background:#fff;border-bottom:1px solid #dce5f1}
.web904-policy-header>a{font-size:1.35rem;font-weight:950;color:#1263ff;text-decoration:none}
.web904-policy-header nav{display:flex;gap:18px}.web904-policy-header nav a{color:#172033;text-decoration:none;font-weight:800}

/* V5.0.4 builder media placement */
.preview-placement-controls{margin-top:16px;padding-top:15px;border-top:1px solid #e2e8f0}.preview-placement-controls>strong{display:block;margin-bottom:9px}
.preview-shell[data-text-position="center"] .preview-copy{text-align:center;margin-inline:auto}.preview-shell[data-text-position="center"] .preview-actions{justify-content:center}
.preview-shell[data-text-position="right"] .preview-copy{text-align:right;margin-left:auto}.preview-shell[data-text-position="right"] .preview-actions{justify-content:flex-end}
.preview-shell[data-text-position="overlay"] .preview-copy{position:relative;z-index:4;color:#fff;padding:20px;border-radius:20px;background:linear-gradient(90deg,rgba(5,10,20,.72),rgba(5,10,20,.08))}
.preview-shell[data-text-position="overlay"] .preview-copy p,.preview-shell[data-text-position="overlay"] .preview-actions .ghost{color:#fff}
.preview-shell[data-image-position="hero-left"] .preview-media{order:-1}
.preview-shell[data-image-position="hero-background"] .preview-hero{position:relative;grid-template-columns:1fr;min-height:500px;overflow:hidden}
.preview-shell[data-image-position="hero-background"] .preview-media{position:absolute;inset:0;border-radius:0;min-height:100%;z-index:0}
.preview-shell[data-image-position="hero-background"] .preview-media img{height:100%;border-radius:0;filter:brightness(.48)}
.preview-shell[data-image-position="hero-background"] .preview-copy{position:relative;z-index:3;max-width:720px;color:#fff}
.preview-shell[data-image-position="none"] .preview-hero,.preview-shell[data-image-position="after-hero"] .preview-hero{grid-template-columns:1fr}
.preview-shell[data-image-position="none"] .preview-media,.preview-shell[data-image-position="after-hero"] .preview-media{display:none}
.preview-after-hero-image{padding:18px}.preview-after-hero-image img{width:100%;max-height:420px;object-fit:cover;border-radius:20px}
.preview-video-section{padding:22px}.preview-video-label,.preview-gallery-label{font-size:.6rem;font-weight:950;letter-spacing:.12em;color:var(--web904-accent);margin-bottom:9px}
.preview-video-frame{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 22px 50px rgba(8,18,40,.18)}.preview-video-frame iframe{width:100%;height:100%;border:0}
.preview-gallery-section{padding:22px}.preview-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:95px;gap:8px}.preview-gallery-grid figure{margin:0;border-radius:12px;overflow:hidden}.preview-gallery-grid figure.featured{grid-column:span 2;grid-row:span 2}.preview-gallery-grid img{width:100%;height:100%;object-fit:cover}
.preview-shell[data-video-position="before-services"] .preview-video-section{order:7}.preview-shell[data-video-position="after-services"] .preview-video-section{order:10}.preview-shell[data-video-position="before-cta"] .preview-video-section{order:14}
.preview-shell[data-gallery-position="after-hero"] .preview-gallery-section{order:6}.preview-shell[data-gallery-position="after-services"] .preview-gallery-section{order:11}.preview-shell[data-gallery-position="before-cta"] .preview-gallery-section{order:13}
.preview-site{display:flex;flex-direction:column}.preview-site>nav{order:1}.preview-marquee{order:2}.preview-hero{order:3}.preview-after-hero-image{order:4}.preview-video-section{order:5}.preview-logo-strip{order:6}.preview-section-heading{order:7}.preview-services{order:8}.preview-gallery-section{order:9}.preview-media-story{order:12}.preview-final-cta{order:15}
.preview-shell[data-content-width="narrow"] .preview-copy,.preview-shell[data-content-width="narrow"] .preview-section-heading,.preview-shell[data-content-width="narrow"] .preview-media-story{max-width:620px;margin-inline:auto}
.preview-shell[data-content-width="standard"] .preview-copy,.preview-shell[data-content-width="standard"] .preview-section-heading,.preview-shell[data-content-width="standard"] .preview-media-story{max-width:760px;margin-inline:auto}
.preview-shell[data-section-spacing="compact"] .preview-hero{padding-block:25px}.preview-shell[data-section-spacing="compact"] .preview-media-story{padding-block:25px}
.preview-shell[data-section-spacing="cinematic"] .preview-hero{min-height:560px;padding-block:80px}.preview-shell[data-section-spacing="cinematic"] .preview-media-story{padding-block:75px}
.preview-shell.is-mobile .preview-gallery-grid{grid-template-columns:1fr 1fr}

/* V5.0.5 sticky responsive preview studio */
.web904-studio .studio-grid{align-items:start}
.studio-side{position:sticky;top:18px;max-height:calc(100vh - 30px);overflow-y:auto;padding-bottom:30px;scrollbar-width:thin}
.preview-device-controls{position:sticky;top:0;z-index:30;padding:8px;background:rgba(247,250,255,.92);backdrop-filter:blur(14px);border-radius:14px}
.preview-shell{transition:width .3s ease,max-width .3s ease,box-shadow .3s ease;border-radius:20px;overflow:hidden}
.preview-shell.is-desktop{width:100%!important;max-width:100%!important}
.preview-shell.is-tablet{width:768px!important;max-width:100%!important;margin-inline:auto!important;box-shadow:0 20px 55px rgba(15,30,60,.16)}
.preview-shell.is-mobile{width:390px!important;max-width:100%!important;margin-inline:auto!important;box-shadow:0 20px 55px rgba(15,30,60,.2)}

.preview-shell.is-tablet .preview-site>nav small,
.preview-shell.is-mobile .preview-site>nav small{display:none}
.preview-shell.is-tablet .preview-hero{grid-template-columns:1fr;min-height:auto}
.preview-shell.is-tablet .preview-media-story{grid-template-columns:1fr}
.preview-shell.is-tablet .preview-services{grid-template-columns:repeat(2,1fr)}
.preview-shell.is-tablet .preview-copy h3{font-size:clamp(2.8rem,7vw,4.5rem)}
.preview-shell.is-tablet .preview-media{min-height:360px}
.preview-shell.is-tablet .preview-media img,
.preview-shell.is-tablet .preview-media iframe,
.preview-shell.is-tablet .media-placeholder{height:360px}

.preview-shell.is-mobile .preview-site{font-size:14px}
.preview-shell.is-mobile .preview-site>nav{padding:12px;gap:8px}
.preview-shell.is-mobile .preview-site>nav button{padding:7px 9px;font-size:.7rem}
.preview-shell.is-mobile .preview-marquee{font-size:.52rem}
.preview-shell.is-mobile .preview-hero{grid-template-columns:1fr!important;min-height:auto!important;padding:28px 18px!important;gap:18px}
.preview-shell.is-mobile .preview-copy{max-width:none!important;text-align:left}
.preview-shell.is-mobile[data-text-position="center"] .preview-copy{text-align:center}
.preview-shell.is-mobile[data-text-position="right"] .preview-copy{text-align:right}
.preview-shell.is-mobile .preview-copy h3{font-size:clamp(2.25rem,12vw,3.7rem)!important;line-height:.88!important;word-break:normal;overflow-wrap:anywhere}
.preview-shell.is-mobile .preview-copy p{font-size:.85rem}
.preview-shell.is-mobile .preview-actions{flex-direction:column;align-items:stretch}
.preview-shell.is-mobile .preview-actions a{text-align:center}
.preview-shell.is-mobile .preview-proof{grid-template-columns:auto 1fr;gap:6px 9px}
.preview-shell.is-mobile .preview-media{min-height:250px!important;width:100%;order:initial}
.preview-shell.is-mobile .preview-media img,
.preview-shell.is-mobile .preview-media iframe,
.preview-shell.is-mobile .media-placeholder{height:250px!important}
.preview-shell.is-mobile .floating-card{font-size:.58rem;padding:7px 9px}
.preview-shell.is-mobile .preview-logo-strip{grid-template-columns:repeat(2,1fr);gap:8px}
.preview-shell.is-mobile .preview-section-heading{padding:28px 18px 8px}
.preview-shell.is-mobile .preview-section-heading h4{font-size:1.8rem}
.preview-shell.is-mobile .preview-services{grid-template-columns:1fr!important;padding:12px 18px}
.preview-shell.is-mobile .preview-services article{min-height:auto!important;transform:none!important}
.preview-shell.is-mobile .preview-media-story{grid-template-columns:1fr;padding:30px 18px}
.preview-shell.is-mobile .preview-final-cta{margin:12px;padding:28px 16px}
.preview-shell.is-mobile .preview-final-cta h4{font-size:2rem}
.preview-shell.is-mobile .preview-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:85px}
.preview-shell.is-mobile .preview-video-section,
.preview-shell.is-mobile .preview-gallery-section,
.preview-shell.is-mobile .preview-after-hero-image{padding:14px}
.preview-shell.is-mobile[data-image-position="hero-background"] .preview-copy{padding:12px}
.preview-shell.is-mobile[data-image-position="hero-background"] .preview-media{position:absolute!important;inset:0!important;height:100%!important}
.preview-shell.is-mobile[data-image-position="hero-background"] .preview-media img{height:100%!important}

.preview-style-studio{position:relative;margin-top:14px}
.preview-head-actions{display:flex;gap:8px;align-items:center}
.current-preview-style{display:block;margin-top:4px;color:#667085;font-weight:700}
.preview-template-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
.preview-template-chip{display:grid;gap:7px;min-width:0;text-align:left;border-radius:14px;padding:8px}
.preview-template-chip strong{font-size:.68rem;line-height:1.2}
.template-miniature{display:block;height:62px;border-radius:9px;overflow:hidden;position:relative;background:linear-gradient(145deg,#f4f7fb,#dfe8f5)}
.template-miniature i{position:absolute;left:8px;right:8px;top:8px;height:7px;border-radius:5px;background:#fff}
.template-miniature b{position:absolute;left:8px;top:23px;width:48%;height:28px;border-radius:6px;background:#1263ff}
.template-miniature em{position:absolute;right:8px;top:23px;width:35%;height:28px;border-radius:6px;background:#fff}
[data-mini-template="cinematic-launch"],[data-mini-template="dark-neon"]{background:#070a12}
[data-mini-template="cinematic-launch"] b{background:#f03c98}
[data-mini-template="editorial-luxury"]{background:#f2eadc}
[data-mini-template="editorial-luxury"] b{background:#2c2926}
[data-mini-template="bento-tech"] b{width:62%;height:34px}[data-mini-template="bento-tech"] em{width:22%;height:16px}
[data-mini-template="organic-story"]{background:#e8f0dd}[data-mini-template="organic-story"] b,[data-mini-template="organic-story"] em{border-radius:50%}
[data-mini-template="bold-typography"] b{width:80%;height:13px;top:25px}[data-mini-template="bold-typography"] em{width:65%;height:13px;top:42px;left:8px}
[data-mini-template="interactive-studio"]{background:linear-gradient(135deg,#1263ff,#a855f7)}
[data-mini-template="minimal-architecture"]{background:#eee9df}[data-mini-template="minimal-architecture"] b{background:#111;border-radius:0}
.preview-style-studio.controls-collapsed .preview-control-group,
.preview-style-studio.controls-collapsed .preview-control-grid,
.preview-style-studio.controls-collapsed .preview-placement-controls,
.preview-style-studio.controls-collapsed .preview-quick-actions,
.preview-style-studio.controls-collapsed .preview-style-note{display:none}

@media(max-width:1150px){
  .studio-side{position:static;max-height:none;overflow:visible}
  .preview-template-switcher{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .preview-template-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}
  .preview-style-head{align-items:flex-start}
  .preview-head-actions{flex-direction:column;align-items:flex-end}
}

.web904-ai-launcher{position:fixed;right:18px;bottom:18px;z-index:9997;border:0;border-radius:999px;background:#1263ff;color:#fff;padding:11px 15px;display:flex;align-items:center;gap:7px;box-shadow:0 18px 40px rgba(18,99,255,.32);font-weight:900;cursor:pointer}
.web904-ai-launcher span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#1263ff;font-size:.72rem}
.web904-ai-backdrop{position:fixed;inset:0;z-index:9997;background:rgba(5,10,20,.46);backdrop-filter:blur(3px)}
.web904-ai-backdrop[hidden]{display:none!important}
.web904-ai-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(430px,92vw)!important;max-width:none!important;height:100dvh!important;z-index:9998!important;display:flex!important;flex-direction:column!important;background:#fff!important;box-shadow:-24px 0 70px rgba(8,20,45,.28)!important;transform:translateX(105%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:transform .28s ease,opacity .22s ease,visibility 0s linear .28s!important}
.web904-ai-drawer.open{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:transform .28s ease,opacity .22s ease!important}
.ai-drawer-head{position:sticky!important;top:0!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:18px!important;background:#fff!important;border-bottom:1px solid #dce5f1!important}
.ai-drawer-head>div{min-width:0}.ai-drawer-head strong,.ai-drawer-head small{display:block}.ai-drawer-head small{margin-top:4px;color:#667085}
.ai-close{flex:0 0 auto!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid #d7e0ec!important;border-radius:50%!important;background:#f7f9fc!important;color:#101827!important;font-size:28px!important;line-height:1!important;cursor:pointer!important}
.ai-close:hover,.ai-close:focus{background:#101827!important;color:#fff!important;outline:3px solid rgba(18,99,255,.22)!important}
.ai-mobile-handle{display:none}
.web904-ai-drawer .ai-messages{flex:1!important;overflow-y:auto!important;min-height:0!important;padding:18px!important}
.web904-ai-drawer .ai-chat-form{position:sticky!important;bottom:0!important;background:#fff!important;padding:14px!important;border-top:1px solid #dce5f1!important}
body.web904-ai-open{overflow:hidden}

@media(max-width:900px){
  .web904-ai-launcher{right:12px;bottom:12px;padding:9px 13px}
  .web904-ai-drawer{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:min(78dvh,720px)!important;border-radius:24px 24px 0 0!important;transform:translateY(105%)!important;box-shadow:0 -24px 70px rgba(8,20,45,.3)!important}
  .web904-ai-drawer.open{transform:translateY(0)!important}
  .ai-mobile-handle{display:block;width:44px;height:5px;border-radius:999px;background:#cbd5e1;margin:9px auto 0}
  .ai-drawer-head{padding:12px 15px 14px!important}
  .ai-drawer-head strong{font-size:1rem}
  .ai-drawer-head small{font-size:.76rem}
  .ai-close{width:44px!important;height:44px!important;background:#101827!important;color:#fff!important;border-color:#101827!important}
  .web904-ai-drawer .ai-messages{padding:14px!important}
  .web904-ai-drawer .ai-quick-actions{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:10px 14px!important}
  .web904-ai-drawer .ai-quick-actions button{flex:0 0 auto!important}
  .web904-ai-drawer .ai-chat-form textarea{min-height:80px!important}
}