:root{color-scheme:dark}
*{box-sizing:border-box}
html,body,#puck-app{width:100%;height:100%;margin:0}
html,body{overflow:hidden;background:#0b0d12}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fafc}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
.puck-boot{height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#18213a 0,#0b0d12 48%)}
.puck-boot-card{width:min(560px,100%);border:1px solid #2b3242;border-radius:22px;padding:28px;background:#11151dcc;box-shadow:0 24px 80px #0009}
.puck-boot-card h1{margin:8px 0 10px;font-size:clamp(1.8rem,6vw,2.7rem);letter-spacing:-.04em}
.puck-boot-card p{margin:0;color:#bac3d1;line-height:1.55}
.puck-kicker{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.18em;color:#7dd3fc!important;font-weight:800}
.puck-shell{height:100dvh;display:flex;flex-direction:column;min-height:0;background:#0b0d12}
.puck-topbar{position:sticky;top:0;z-index:8500;flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:54px;padding:7px max(8px,env(safe-area-inset-right)) 7px max(8px,env(safe-area-inset-left));border-bottom:1px solid #252b37;background:#0d1017f2;backdrop-filter:blur(14px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.puck-topbar::-webkit-scrollbar{display:none}
.puck-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-right:4px}
.puck-brand-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:900}
.puck-brand-copy{display:grid;line-height:1.05}
.puck-brand-copy strong{font-size:.78rem}
.puck-brand-copy span{font-size:.64rem;color:#8ea0b9;text-transform:uppercase;letter-spacing:.1em}
.puck-topbar button,.puck-topbar a{appearance:none;border:1px solid #343b49;background:#171b24;color:#f8fafc;border-radius:10px;min-height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:.8rem;white-space:nowrap;cursor:pointer}
.puck-topbar button:hover,.puck-topbar a:hover{background:#202635}
.puck-topbar .primary{background:#5b5cf0;border-color:#6b6cf5}
.puck-topbar .danger{border-color:#7f3f4c;color:#ffd7df;background:#2a1720}
.puck-topbar .danger:hover{background:#3a1f2a}
.puck-topbar .primary:hover{background:#696af8}
.puck-topbar button:disabled{opacity:.55;cursor:wait}
.puck-save-state{margin-left:auto;min-width:72px;text-align:right;color:#9aa8bc;font-size:.72rem;font-weight:700;white-space:nowrap}
.puck-save-state[data-error="true"]{color:#fecaca}
.puck-editor-wrap{flex:1;min-height:0;position:relative;overflow:hidden}
#puck-editor-host{height:100%;min-height:0}
#puck-editor-host .puck{height:100%!important}
#puck-editor-host{--puck-color-interactive:#6366f1;--puck-color-interactive-hover:#7778f5;--puck-color-focus-ring:#818cf8;--puck-color-selection-border:#6366f1;--puck-radius-m:10px;--puck-radius-l:14px}
.btb-puck-modal-backdrop{position:fixed;z-index:9000;inset:0;background:#02040aaa;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.btb-puck-modal{width:min(860px,100%);max-height:min(88dvh,900px);overflow:auto;border:1px solid #343b49;border-radius:20px;background:#11151d;color:#f8fafc;box-shadow:0 34px 100px #000c}
.btb-puck-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #2b3240;background:#11151df5;backdrop-filter:blur(12px)}
.btb-puck-modal-head h2{margin:0 0 4px;font-size:1.2rem}
.btb-puck-modal-head p{margin:0;color:#9aa8bc;font-size:.82rem;line-height:1.4}
.btb-puck-modal-head button,.btb-panel-actions button{appearance:none;border:1px solid #3b4352;background:#1b202b;color:#fff;border-radius:10px;min-height:40px;padding:0 13px;font-weight:800;cursor:pointer}
.btb-modal-body{padding:20px}
.btb-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.btb-template-card{appearance:none;border:1px solid #303847;border-radius:16px;background:#151a23;color:#fff;padding:0;overflow:hidden;text-align:left;cursor:pointer}
.btb-template-card:hover,.btb-template-card:focus-visible{border-color:#7477ff;outline:none;box-shadow:0 0 0 3px #6366f126}
.btb-template-art{height:130px;padding:18px;display:flex;align-items:flex-end;background:linear-gradient(135deg,var(--a),var(--b));color:var(--text);font-weight:900;font-size:1.35rem;letter-spacing:-.04em}
.btb-template-meta{padding:13px 14px 15px}
.btb-template-meta strong{display:block;font-size:.95rem;margin-bottom:3px}
.btb-template-meta span{color:#9aa8bc;font-size:.78rem;line-height:1.4}
.btb-template-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.btb-template-title-row strong{margin:0}
.btb-template-title-row em{font-style:normal;font-size:.62rem;line-height:1;padding:5px 7px;border:1px solid #343d4c;border-radius:999px;color:#c7d0dd;background:#0d1118;white-space:nowrap}
.btb-field-label{display:grid;gap:7px;margin-bottom:14px;font-weight:800;font-size:.8rem;color:#d9e0ea}
.btb-field-label textarea,.btb-field-label input,.btb-field-label select{width:100%;border:1px solid #3a4352;border-radius:11px;background:#0c1017;color:#fff;padding:11px 12px;outline:none}
.btb-field-label textarea{min-height:132px;resize:vertical}
.btb-field-label textarea:focus,.btb-field-label input:focus,.btb-field-label select:focus{border-color:#7477ff;box-shadow:0 0 0 3px #6366f122}
.btb-panel-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btb-panel-actions .primary{background:#5b5cf0;border-color:#696af8}
.btb-panel-actions .danger{background:#2a1720;border-color:#7f3f4c;color:#ffd7df}
.btb-panel-actions .danger:hover{background:#3a1f2a}
.btb-panel-actions .danger{background:#3b191c;border-color:#663039;color:#fecaca}
.btb-panel-status{margin:12px 0 0;color:#9aa8bc;font-size:.8rem;line-height:1.45}
.btb-panel-status.error{color:#fecaca}
.btb-preview-frame{display:block;width:100%;height:min(70dvh,760px);border:0;background:#fff}
.btb-preview-device-picker{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#151a24;border-bottom:1px solid #343e4f}
.btb-preview-device-picker button{appearance:none;min-height:40px;padding:0 14px;border:1px solid #3d4654;border-radius:10px;background:#202633;color:#c9d2e0;font-weight:800;cursor:pointer}
.btb-preview-device-picker button.is-active{background:#5659e9;border-color:#7477ff;color:#fff}
.btb-preview-viewport{display:flex;width:100%;min-width:0;overflow:auto;justify-content:flex-start;padding:14px;background:#28303c;scrollbar-gutter:stable}
.btb-preview-viewport .btb-preview-frame{margin-inline:auto;box-shadow:0 12px 36px #03071236;border:1px solid #aab3bf;border-radius:6px}
@media(max-width:620px){.btb-preview-device-picker{gap:5px;padding:10px 6px}.btb-preview-device-picker button{padding:0 10px}.btb-preview-viewport{padding:8px}}

.btb-qr-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:22px;align-items:start}
.btb-qr-card{border:1px solid #2f3745;border-radius:18px;background:#fff;padding:16px;color:#111}
.btb-qr-card svg{display:block;width:100%;height:auto}
.btb-qr-copy{display:grid;gap:10px}
.btb-qr-copy h3{margin:0;font-size:1.2rem}
.btb-qr-copy p{margin:0;color:#b6c0cf;line-height:1.5}
.btb-linkbox{padding:11px 12px;border:1px solid #353e4d;border-radius:10px;background:#0b0f16;color:#cbd5e1;font-size:.78rem;overflow-wrap:anywhere}
.btb-qr-copy a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;min-height:42px;padding:0 14px;background:#5b5cf0;color:#fff;font-weight:800;width:max-content;max-width:100%}
.btb-empty{padding:28px;border:1px dashed #394252;border-radius:16px;text-align:center;color:#9aa8bc}
.btb-image-field{display:grid;gap:8px}
.btb-image-field-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid #d9dce3;background:#eef0f4}
.btb-image-field input[type=url]{width:100%;border:1px solid #d3d7df;border-radius:8px;padding:8px}
.btb-image-upload{display:flex;align-items:center;justify-content:center;border:1px dashed #aeb5c2;border-radius:8px;min-height:38px;padding:7px 10px;background:#f7f8fa;color:#222;font-weight:700;font-size:.78rem;cursor:pointer}
.btb-image-upload input{display:none}
.btb-image-error{color:#b42318;font-size:.74rem}
@media(max-width:620px){
  .puck-brand-copy{display:none}
  .puck-topbar{min-height:50px;gap:5px;padding-top:5px;padding-bottom:5px}
  .puck-topbar button,.puck-topbar a{min-height:36px;padding:0 10px;font-size:.72rem}
  .puck-save-state{font-size:.65rem;max-width:80px;overflow:hidden;text-overflow:ellipsis}
  .btb-puck-modal-backdrop{padding:6px}
  .btb-puck-modal{border-radius:14px;max-height:calc(100dvh - 12px)}
  .btb-puck-modal-head{padding:14px}
  .btb-modal-body{padding:14px}
  .btb-template-grid{grid-template-columns:1fr}
  .btb-qr-layout{grid-template-columns:1fr}
  .btb-preview-frame{height:75dvh}

}

.btb-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.btb-photo-choice{display:flex;min-height:112px;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px solid #343b49;border-radius:16px;background:#171b23;color:#f8fafc;font-weight:850;cursor:pointer}
.btb-photo-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.btb-publish-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.btb-live-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:12px;border:1px solid #41495a;color:#fff;text-decoration:none;font-weight:800;margin-top:10px}
.btb-live-action.primary{background:#6657f3;border-color:#6657f3}
@media(max-width:620px){.btb-photo-grid{grid-template-columns:1fr}.btb-photo-choice{min-height:72px}}

/* BTB mobile composed editor: stable canvas + tappable tool dock */
#puck-editor-host .PuckCanvas{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@media(max-width:637px){
  html,body,#puck-app{height:auto;min-height:100%;overflow:auto}
  .puck-shell{height:auto;min-height:100dvh}
  .puck-editor-wrap{overflow:visible;min-height:calc(100dvh - 54px)}
  #puck-editor-host{height:auto;min-height:calc(100dvh - 54px)}
  #puck-editor-host.is-mobile-composed{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .btb-mobile-editor{position:relative;min-height:calc(100dvh - 54px)}
  .btb-mobile-preview{min-height:calc(100dvh - 54px);overflow:visible;touch-action:pan-y pinch-zoom}
  .btb-mobile-preview .PuckPreview,
  .btb-mobile-preview .PuckPreview-inner,
  .btb-mobile-preview .PuckCanvas,
  .btb-mobile-preview .PuckCanvas-inner{height:auto!important;min-height:100%;overflow:visible!important}
  .btb-mobile-tool-dock{
    position:fixed;
    z-index:8000;
    left:max(8px,env(safe-area-inset-left));
    right:max(8px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    align-items:stretch;
    min-height:72px;
    padding:6px;
    border:1px solid #d7dbe3;
    border-radius:18px;
    background:#fffffff2;
    box-shadow:0 12px 38px #1118272b;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    pointer-events:auto;
    isolation:isolate;
  }
  .btb-mobile-tool-dock button{
    appearance:none;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#565b63;
    min-width:0;
    min-height:58px;
    padding:6px 2px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font:700 .66rem/1.1 Inter,Arial,sans-serif;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    cursor:pointer;
    pointer-events:auto;
  }
  .btb-mobile-tool-dock button.is-active{background:#eef0ff;color:#5b5cf0}
  .btb-mobile-tool-dock button:active{transform:scale(.97)}
  .btb-mobile-tool-icon{font-size:1.25rem;line-height:1;font-weight:850}
  .btb-mobile-tool-hide .btb-mobile-tool-icon{font-size:1.5rem}
  .btb-mobile-tool-panel{
    position:fixed;
    z-index:7999;
    left:max(8px,env(safe-area-inset-left));
    right:max(8px,env(safe-area-inset-right));
    bottom:calc(88px + env(safe-area-inset-bottom));
    max-height:min(46dvh,440px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #d7dbe3;
    border-radius:18px;
    background:#fff;
    color:#171a20;
    box-shadow:0 18px 48px #11182733;
    pointer-events:auto;
  }
  .btb-mobile-tool-panel-head{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:48px;
    padding:8px 12px 8px 16px;
    border-bottom:1px solid #e4e7ec;
    background:#fff;
  }
  .btb-mobile-tool-panel-head strong{font:850 .88rem/1.2 Inter,Arial,sans-serif}
  .btb-mobile-tool-panel-head button{
    appearance:none;
    width:36px;height:36px;
    border:1px solid #d9dde5;
    border-radius:10px;
    background:#f7f8fa;
    color:#242830;
    font-size:1.35rem;
    touch-action:manipulation;
  }
  .btb-mobile-tool-panel-body{
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px;
    touch-action:pan-y;
  }
  .btb-mobile-tool-panel-body button,
  .btb-mobile-tool-panel-body input,
  .btb-mobile-tool-panel-body textarea,
  .btb-mobile-tool-panel-body select,
  .btb-mobile-tool-panel-body [role="button"]{pointer-events:auto;touch-action:manipulation}
  .btb-mobile-motion-panel{display:grid}
  .btb-mobile-motion-panel .btb-mobile-tool-help{position:sticky;top:0;z-index:2}
  .btb-mobile-tool-help{margin:0;padding:12px 14px;color:#68707c;font:650 .76rem/1.45 Inter,Arial,sans-serif;background:#f8f9fb;border-bottom:1px solid #eceef2}
  .btb-mobile-tool-confirm{margin:0;padding:9px 14px;background:#edfdf3;color:#176b3a;border-bottom:1px solid #ccefd9;font:850 .75rem/1.35 Inter,Arial,sans-serif}
  .btb-mobile-blocks{display:grid;padding-bottom:10px}
  .btb-mobile-block-category{padding:12px 12px 4px}
  .btb-mobile-block-category>strong{display:block;margin:0 0 8px;color:#666d78;font:850 .72rem/1.2 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
  .btb-mobile-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .btb-mobile-block-grid button{appearance:none;min-height:50px;padding:9px 10px;border:1px solid #dce0e7;border-radius:12px;background:#fff;color:#171a20;display:flex;align-items:center;gap:7px;text-align:left;font:800 .78rem/1.2 Inter,Arial,sans-serif}
  .btb-mobile-block-grid button:active{background:#eef0ff;border-color:#b8bcff}
  .btb-mobile-block-plus{color:#5b5cf0;font-size:1.05rem}
  .btb-mobile-outline{display:grid;padding-bottom:10px}
  .btb-mobile-outline-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;align-items:center;padding:7px 10px;border-bottom:1px solid #eef0f3}
  .btb-mobile-outline-row button{appearance:none;min-height:42px;border:1px solid #dce0e7;border-radius:10px;background:#fff;color:#20242b;font:800 .8rem/1.15 Inter,Arial,sans-serif}
  .btb-mobile-outline-row button:disabled{opacity:.35}
  .btb-mobile-outline-name{text-align:left;padding-inline:12px}

  .btb-mobile-tools-reopen{
    position:fixed;
    z-index:8000;
    right:max(12px,env(safe-area-inset-right));
    bottom:max(12px,env(safe-area-inset-bottom));
    min-height:46px;
    padding:0 16px;
    border:1px solid #434a58;
    border-radius:999px;
    background:#11151d;
    color:#fff;
    box-shadow:0 10px 30px #0005;
    font:850 .78rem/1 Inter,Arial,sans-serif;
    touch-action:manipulation;
    pointer-events:auto;
  }
  .btb-mobile-audit{padding:14px 16px 18px;font-family:Inter,Arial,sans-serif}
  .btb-mobile-audit>strong{display:block;margin-bottom:8px}
  .btb-mobile-audit p{margin:6px 0 12px;font-size:.82rem;line-height:1.4}
  .btb-mobile-audit p.is-good{color:#176b45}
  .btb-mobile-audit p.is-warning{color:#a05216}
  .btb-mobile-audit ol{list-style:none;margin:0;padding:0 0 0 8px;border-left:2px solid #e2e5ea}
  .btb-mobile-audit li{padding:7px 8px;font-size:.82rem;line-height:1.35;border-bottom:1px solid #f0f1f3}
  .btb-mobile-audit li.level-h2{margin-left:12px}
  .btb-mobile-audit li.level-h3{margin-left:24px}
  .btb-mobile-audit small{display:block;margin-top:10px;color:#68707c;line-height:1.4}
}

/* BTB professional template archetypes */
.btb-template-art{align-items:stretch!important;padding:12px!important}
.btb-template-mini{width:100%;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:14px 54px 34px;gap:7px;padding:10px;border:1px solid #ffffff44;border-radius:10px;background:#ffffff17;box-shadow:inset 0 1px #ffffff25}
.btb-template-mini i{display:block;border-radius:5px;background:color-mix(in srgb,var(--text) 78%,transparent)}
.btb-template-mini .mini-nav{grid-column:1/-1;height:7px;opacity:.7}
.btb-template-mini .mini-copy{opacity:.62}.btb-template-mini .mini-grid{opacity:.5}
.archetype-editorial .mini-hero{grid-column:1/-1}.archetype-editorial .mini-media{grid-row:3;grid-column:1}.archetype-editorial .mini-copy{grid-row:3;grid-column:2}
.archetype-storefront .mini-hero{grid-column:1}.archetype-storefront .mini-media{grid-column:2;grid-row:2/4}.archetype-storefront .mini-grid{grid-column:1}
.archetype-minimal .mini-hero{grid-column:1/-1;height:35px;align-self:end}.archetype-minimal .mini-media{display:none}.archetype-minimal .mini-copy{grid-column:1/-1}
.archetype-kinetic .mini-hero{grid-column:1/-1;transform:skew(-7deg)}.archetype-kinetic .mini-media{grid-column:1}.archetype-kinetic .mini-grid{grid-column:2}
.archetype-atelier .mini-hero{grid-column:1}.archetype-atelier .mini-media{grid-column:2}.archetype-atelier .mini-copy{grid-column:1/-1;width:70%}
.archetype-serene .mini-hero{grid-column:1/-1;border-radius:20px}.archetype-serene .mini-media,.archetype-serene .mini-copy{border-radius:18px}
.archetype-performance .mini-hero{grid-column:1/-1;border-radius:2px}.archetype-performance .mini-grid{grid-column:1/-1;border-radius:2px}
.archetype-project .mini-hero{grid-column:1}.archetype-project .mini-media{grid-column:2;grid-row:2/4}.archetype-project .mini-copy{grid-column:1}
.archetype-studio .mini-hero{grid-column:1/-1;height:52px}.archetype-studio .mini-media{grid-column:2}.archetype-studio .mini-copy{grid-column:1}
.archetype-stay .mini-hero{grid-column:1/-1}.archetype-stay .mini-media{grid-column:1/-1;height:22px}
.archetype-conversion .mini-hero{grid-column:1/-1;height:48px;border-radius:2px}.archetype-conversion .mini-copy{grid-column:1}.archetype-conversion .mini-grid{grid-column:2;border-radius:2px}
.archetype-editorialGrid .mini-hero{grid-column:1/-1;height:36px}.archetype-editorialGrid .mini-media{grid-column:1;grid-row:3}.archetype-editorialGrid .mini-copy{grid-column:2;grid-row:3}
.archetype-corporate .mini-hero{grid-column:1}.archetype-corporate .mini-copy{grid-column:2}.archetype-corporate .mini-grid{grid-column:1/-1;height:20px}
.archetype-portfolio .mini-hero{grid-column:1/-1;height:46px}.archetype-portfolio .mini-media{grid-column:1/-1;height:22px}.archetype-portfolio .mini-copy{grid-column:1}
.archetype-catalog .mini-hero{grid-column:1}.archetype-catalog .mini-media{grid-column:2;grid-row:2/4}.archetype-catalog .mini-grid{grid-column:1}

/* BTB Puck quality and rich text */
.btb-quality-plugin{display:grid;gap:8px;padding:14px;color:var(--puck-color-text)}
.btb-quality-plugin strong{font-size:.9rem}
.btb-quality-plugin span{padding:8px 10px;border:1px solid var(--puck-color-border);border-radius:9px;background:var(--puck-color-surface);font-size:.8rem}
.btb-quality-plugin small{color:var(--puck-color-text-subtle);line-height:1.45}
/* BTB Website Builder startup + owner utility panels */
.puck-editor-wrap{position:relative}
.btb-canvas-startup{
  position:absolute;
  inset:0;
  z-index:8;
  display:grid;
  place-items:start center;
  padding:clamp(70px,18vh,180px) 18px 24px;
  background:#f7f8fa;
  pointer-events:none;
}
.btb-canvas-startup-card{
  width:min(420px,100%);
  display:grid;
  gap:8px;
  padding:20px;
  border:1px solid #d8dde6;
  border-radius:18px;
  background:#fff;
  color:#141821;
  box-shadow:0 18px 45px #11182714;
  text-align:center;
}
.btb-canvas-startup-card strong{font-size:1.05rem}
.btb-canvas-startup-card span{font-size:.86rem;line-height:1.45;color:#697386}

.btb-owner-list{display:grid;gap:12px}
.btb-owner-card{
  display:grid;
  gap:8px;
  padding:16px;
  border:1px solid #343b49;
  border-radius:16px;
  background:#171b23;
}
.btb-owner-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.btb-owner-card-head strong{font-size:1rem}
.btb-owner-card-head span{
  padding:5px 8px;
  border:1px solid #41495a;
  border-radius:999px;
  font-size:.7rem;
  text-transform:capitalize;
  color:#cbd5e1;
}
.btb-owner-card a{color:#a7b6ff;text-decoration:none;overflow-wrap:anywhere}
.btb-owner-card p{margin:2px 0 0;line-height:1.5;color:#d4dae5}
.btb-owner-card small{color:#929bad}
.btb-domain-form{display:grid;gap:12px;margin-bottom:16px}
.btb-domain-form input{
  width:100%;
  min-height:46px;
  border:1px solid #41495a;
  border-radius:11px;
  background:#0f131a;
  color:#fff;
  padding:10px 12px;
}
.btb-code{
  display:block;
  margin-top:6px;
  padding:10px;
  border-radius:10px;
  background:#0b0e13;
  color:#d8defe;
  overflow-wrap:anywhere;
  white-space:normal;
  font-size:.75rem;
  line-height:1.45;
}
@media(max-width:637px){
  .btb-canvas-startup{padding-top:120px}
  .btb-owner-card-head{flex-direction:column}
}


/* BTB owner-side website tools */
.btb-owner-list{display:grid;gap:12px;margin-top:14px}
.btb-owner-card{display:grid;gap:8px;padding:16px;border:1px solid #343b49;border-radius:16px;background:#11151d;color:#f8fafc}
.btb-owner-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.btb-owner-card-head strong{font-size:1rem}
.btb-owner-card-head span{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#aeb7c7}
.btb-owner-card p{margin:0;color:#c7cfdb;line-height:1.55}
.btb-owner-card a{color:#aebcff;font-weight:750;text-decoration:none;overflow-wrap:anywhere}
.btb-domain-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:16px}
.btb-domain-form input{width:100%;min-height:46px;border:1px solid #41495a;border-radius:12px;background:#0c1017;color:#fff;padding:0 13px;font:inherit}
.btb-code{display:block;margin-top:6px;padding:10px 12px;border-radius:10px;background:#090c12;border:1px solid #343b49;color:#dbe4f3;overflow-wrap:anywhere;white-space:normal}
@media(max-width:620px){.btb-domain-form{grid-template-columns:1fr}.btb-owner-card-head{display:grid}}


/* BTB Website Studio V5 — AI starter, searchable library, font browser */
#puck-editor-host{position:relative}
.btb-blank-starter{
  position:absolute;
  inset:14px;
  z-index:8200;
  display:grid;
  place-items:center;
  padding:24px;
  border:1px dashed #cfd5e2;
  border-radius:22px;
  background:linear-gradient(145deg,#f8f9fcf5,#eef1f7f2);
  backdrop-filter:blur(12px);
  pointer-events:none;
}
.btb-blank-starter-card{
  pointer-events:auto;
  width:min(620px,100%);
  display:grid;
  gap:14px;
  padding:clamp(22px,4vw,38px);
  border:1px solid #d9deea;
  border-radius:24px;
  background:#fff;
  color:#171a22;
  box-shadow:0 24px 80px #1820351c;
  text-align:center;
}
.btb-blank-kicker{font:900 .72rem/1 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#595cf2}
.btb-blank-starter-card h2{margin:0;font:900 clamp(1.6rem,4vw,2.55rem)/1.02 Inter,Arial,sans-serif;letter-spacing:-.045em}
.btb-blank-starter-card p{margin:0 auto;max-width:54ch;color:#626b78;line-height:1.55}
.btb-blank-starter-card small{color:#79818e;line-height:1.45}
.btb-blank-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:4px}
.btb-blank-actions button{
  appearance:none;min-height:46px;padding:0 17px;border:1px solid #d4d9e4;border-radius:12px;background:#fff;color:#191d25;
  font:850 .86rem/1 Inter,Arial,sans-serif;cursor:pointer
}
.btb-blank-actions button.primary{background:#5b5cf0;border-color:#5b5cf0;color:#fff;box-shadow:0 10px 24px #5b5cf02c}

.btb-astra-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
.btb-astra-presets button{
  appearance:none;padding:8px 10px;border:1px solid #41495a;border-radius:999px;background:#11151d;color:#dce3ef;font:750 .75rem/1.1 Inter,Arial,sans-serif
}
.btb-astra-presets button.is-active{border-color:#7a7cff;background:#292a54;color:#fff}

.btb-library-panel{display:grid;gap:12px;padding:12px;min-width:260px;color:var(--puck-color-text)}
.btb-library-search input,.btb-font-picker input,.btb-mobile-block-search{
  width:100%;min-height:40px;padding:0 11px;border:1px solid #d9dee7;border-radius:10px;background:#fff;color:#1a1e26;font:inherit;outline:none
}
.btb-library-search input:focus,.btb-font-picker input:focus,.btb-mobile-block-search:focus{border-color:#7779f2;box-shadow:0 0 0 3px #7779f21c}
.btb-library-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.btb-library-filters::-webkit-scrollbar{display:none}
.btb-library-filters button{
  white-space:nowrap;appearance:none;padding:7px 9px;border:1px solid #d9dee7;border-radius:999px;background:#fff;color:#555e6b;font:750 .7rem/1 Inter,Arial,sans-serif
}
.btb-library-filters button.is-active{background:#151923;border-color:#151923;color:#fff}
.btb-library-status{margin:0;padding:8px 10px;border-radius:9px;background:#eef8f2;color:#176b3a;font:750 .75rem/1.3 Inter,Arial,sans-serif}
.btb-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.btb-pattern-card{
  appearance:none;display:grid;gap:7px;align-content:start;min-width:0;padding:9px;border:1px solid #dce1e9;border-radius:13px;background:#fff;color:#20242c;text-align:left;cursor:pointer
}
.btb-pattern-card:hover{border-color:#aeb2ff;box-shadow:0 8px 24px #24285e12}
.btb-pattern-card strong{font:850 .77rem/1.2 Inter,Arial,sans-serif}
.btb-pattern-card small{color:#7a818d;font:700 .65rem/1 Inter,Arial,sans-serif}
.btb-pattern-thumb{height:72px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 12px;gap:5px;padding:7px;border-radius:9px;background:linear-gradient(145deg,#131723,#3c3f70);overflow:hidden}
.btb-pattern-thumb i{display:block;border-radius:5px;background:#ffffffd9}
.btb-pattern-thumb i:nth-child(2){opacity:.58}.btb-pattern-thumb i:nth-child(3){grid-column:1/-1;opacity:.32}
.pattern-editorial-split{background:linear-gradient(145deg,#f0e8db,#9c7753)}
.pattern-bento-services,.pattern-storefront-flow{background:linear-gradient(145deg,#ecf3ff,#5272cc)}
.pattern-side-scroll-gallery,.pattern-motion-showcase{background:linear-gradient(145deg,#17131e,#9f6bd0)}
.pattern-reveal-statement,.pattern-scroll-story,.pattern-spotlight-grid{background:linear-gradient(145deg,#080b11,#d16045)}
.pattern-cinematic-product{background:radial-gradient(circle at 68% 42%,#ff8b3d 0 12%,transparent 13%),radial-gradient(circle at 55% 58%,#f4d35e 0 8%,transparent 9%),linear-gradient(145deg,#070911,#54224e)}
.pattern-scroll-scene-sequence{background:linear-gradient(135deg,#05070d 0 38%,#763dba 39% 63%,#f07545 64% 100%)}
.pattern-kinetic-split-hero{background:linear-gradient(120deg,#0b1020 0 46%,#7257ff 47% 68%,#efeaff 69%)}
.pattern-editorial-motion-story{background:linear-gradient(145deg,#f3eadf 0 54%,#9f7457 55% 70%,#211b18 71%)}
.pattern-product-motion-rail{background:linear-gradient(160deg,#07111d,#215d87 50%,#b5ecff)}
.pattern-spotlight-conversion{background:radial-gradient(circle at 25% 28%,#8b5cf6 0 9%,transparent 10%),radial-gradient(circle at 72% 65%,#2dd4bf 0 8%,transparent 9%),linear-gradient(145deg,#090b14,#22273a)}
.pattern-social-proof-band,.pattern-conversion-close{background:linear-gradient(145deg,#ecf9ef,#52936d)}
.btb-library-components{display:grid;gap:6px;border-top:1px solid #e5e8ee;padding-top:10px}
.btb-library-components>strong{font:850 .72rem/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#6d7581}
.btb-library-components button{appearance:none;min-height:36px;border:1px solid #e0e4eb;border-radius:9px;background:#fff;text-align:left;padding:0 10px;font:750 .75rem/1 Inter,Arial,sans-serif;color:#303641}

.btb-font-picker{display:grid;gap:8px}
.btb-font-picker-list{display:grid;gap:5px;max-height:280px;overflow:auto}
.btb-font-picker-list button{
  appearance:none;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #e0e4ea;border-radius:9px;background:#fff;color:#20242b;text-align:left
}
.btb-font-picker-list button.is-active{border-color:#7779f2;background:#f1f1ff}
.font-preview{font-size:.82rem}
.font-preview.font-manrope{font-family:"Manrope",Inter,sans-serif}.font-preview.font-space-grotesk{font-family:"Space Grotesk",Inter,sans-serif}
.font-preview.font-poppins{font-family:"Poppins",Inter,sans-serif}.font-preview.font-montserrat{font-family:"Montserrat",Inter,sans-serif}
.font-preview.font-playfair{font-family:"Playfair Display",Georgia,serif}.font-preview.font-cormorant{font-family:"Cormorant Garamond",Georgia,serif}
.font-preview.font-oswald{font-family:"Oswald","Arial Narrow",sans-serif}.font-preview.font-bebas{font-family:"Bebas Neue",Impact,sans-serif}
.font-preview.font-lora{font-family:"Lora",Georgia,serif}

.btb-mobile-block-search{margin:10px 12px 2px;width:calc(100% - 24px)}

@media(max-width:637px){
  .btb-blank-starter{position:fixed;inset:64px 10px calc(90px + env(safe-area-inset-bottom));padding:10px;z-index:7990}
  .btb-blank-starter-card{padding:22px 17px;border-radius:20px}
  .btb-blank-actions{display:grid}
  .btb-blank-actions button{width:100%}
  .btb-pattern-grid{grid-template-columns:1fr}
}


/* Website Studio V6 */
.btb-v6-pages,.btb-v6-cms{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);gap:18px}
.btb-v6-page-list{display:grid;gap:8px;align-content:start}
.btb-v6-page-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px;border:1px solid #30384a;border-radius:14px;background:#111722}
.btb-v6-page-row.is-active{border-color:#7c6cff;box-shadow:0 0 0 1px #7c6cff55}
.btb-v6-page-row>button:first-child{text-align:left;font-weight:800}
.btb-v6-page-row small{align-self:center;color:#9ba6bb}
.btb-v6-panel{min-width:0;display:grid;gap:12px;align-content:start;padding:16px;border:1px solid #30384a;border-radius:16px;background:#111722}
.btb-v6-panel h3{margin:0}
.btb-v6-panel hr{width:100%;border:0;border-top:1px solid #2a3242}
.btb-v6-check{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid #30384a;border-radius:14px;background:#111722}
.btb-v6-check input{width:18px;height:18px}
.btb-cms-item{display:grid;gap:8px;padding:12px;border:1px solid #30384a;border-radius:14px;background:#0c111a}
.btb-cms-schema-builder,.btb-cms-custom-fields,.btb-cms-translations,.btb-cms-translation-group{display:grid;gap:10px}.btb-cms-schema-builder{padding:12px;border:1px solid #30384a;border-radius:14px;background:#0c111a}.btb-cms-schema-list{display:grid;gap:8px}.btb-cms-schema-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(120px,1fr) 120px 120px auto;gap:8px;align-items:center}.btb-cms-schema-row .btb-v6-check{padding:8px 10px}.btb-cms-translations{border-top:1px solid #30384a;padding-top:10px}.btb-cms-translations summary{cursor:pointer;font-weight:850}.btb-cms-translation-group{padding:10px;border:1px solid #2b3342;border-radius:12px;background:#111722}
.btb-v6-invite-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px}
.btb-v7-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.btb-v7-comment-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.btb-v7-comment-compose textarea{min-height:88px}
.btb-v7-experiment-stats{display:grid;gap:6px;margin:10px 0;padding:10px 12px;border:1px solid #30384a;border-radius:10px;background:#0c111a;color:#cbd5e1;font-size:.78rem}
.btb-team-edit-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid #2f6f55;border-radius:999px;background:#10251d;color:#a7f3d0;font-size:.72rem;font-weight:850;white-space:nowrap}
.btb-live-presence{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #315b45;border-radius:999px;background:#0b1d15;color:#86efac;font-size:.72rem;font-weight:850;white-space:nowrap}.btb-live-presence:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(134,239,172,.12)}
.btb-v8-presence-list{display:grid;gap:8px}.btb-v8-presence-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #30384a;border-radius:12px;background:#0c111a}.btb-v8-presence-row div{display:grid;gap:2px}.btb-v8-presence-row small{color:#aab4c5}.btb-v8-presence-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.12)}
.btb-v8-locale-panel{display:grid;gap:10px;padding:12px;border:1px solid #30384a;border-radius:14px;background:#0c111a}
.btb-launch-health-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #30384a;border-radius:16px;background:#0c111a}.btb-launch-health-summary strong{font-size:1.05rem}.btb-launch-health-summary span{color:#aab4c5;font-size:.78rem}.btb-launch-health-summary.is-ready{border-color:#2f6f55;background:#0c1d16}.btb-launch-health-summary.has-blockers{border-color:#7f3f46;background:#231114}
.btb-launch-health-group{display:grid;gap:7px}.btb-launch-health-group h3{margin:6px 0 0}.btb-launch-health-row{margin:0;padding:10px 12px;border:1px solid #30384a;border-radius:11px;background:#0c111a}.btb-launch-health-row.is-blocker{border-color:#6b3239;color:#fecaca}.btb-launch-health-row.is-warning{border-color:#6b572f;color:#fde68a}.btb-launch-health-row.is-pass{border-color:#275d45;color:#bbf7d0}
@media(max-width:900px){.btb-cms-schema-row{grid-template-columns:1fr 1fr}.btb-cms-schema-row .btb-v6-check{min-height:42px}}
@media(max-width:680px){.btb-v7-settings-grid,.btb-v7-comment-compose,.btb-cms-schema-row{grid-template-columns:1fr}.btb-launch-health-summary{align-items:flex-start;flex-direction:column}}
.btb-media-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:18px 0}
.btb-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.btb-media-card{display:grid;gap:8px;padding:10px;border:1px solid #30384a;border-radius:14px;background:#111722;min-width:0}
.btb-media-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#090c12}
.btb-media-card strong,.btb-media-card small,.btb-media-card a{overflow-wrap:anywhere}
.btb-media-card small{color:#aab4c5}.btb-media-card>a{color:#a99dff}
.btb-media-use{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btb-media-use button{padding:8px;font-size:.78rem}
@media(max-width:900px){.btb-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .btb-v6-pages,.btb-v6-cms{grid-template-columns:1fr}
  .btb-v6-invite-row{grid-template-columns:1fr}
  .btb-media-grid{grid-template-columns:1fr}
  .btb-media-search{grid-template-columns:1fr}
}


/* Website Studio V13: premium editor presentation */
@media(min-width:638px){
  .puck-editor-wrap{
    background:
      radial-gradient(circle at 45% 5%,rgba(124,92,255,.14),transparent 30%),
      linear-gradient(145deg,#eef0f8 0%,#f7f5fb 46%,#eceff7 100%);
  }
  #puck-editor-host .PuckPreview{
    background:transparent!important;
    padding:18px 20px 24px!important;
  }
  #puck-editor-host .PuckCanvas,
  #puck-editor-host .PuckCanvas-inner{
    border-radius:18px;
  }
  #puck-editor-host .PuckCanvas{
    overflow:hidden;
    box-shadow:0 22px 70px rgba(27,31,45,.18),0 0 0 1px rgba(31,41,55,.08);
    background:#fff;
  }
}
.puck-topbar{
  box-shadow:0 8px 26px rgba(0,0,0,.16);
}
.puck-topbar button,.puck-topbar a{
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.puck-topbar button:hover,.puck-topbar a:hover{transform:translateY(-1px)}
.puck-topbar .primary{box-shadow:0 7px 18px rgba(91,92,240,.24)}
.btb-template-grid{gap:16px}
.btb-template-card{
  border-color:#303847;border-radius:20px;
  box-shadow:0 12px 30px rgba(0,0,0,.14);
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .2s ease;
}
.btb-template-card:hover,.btb-template-card:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 22px 46px rgba(0,0,0,.22),0 0 0 3px #6366f126;
}
.btb-template-art{height:156px}
.btb-template-meta{padding:15px 16px 18px}
.btb-template-title-row strong{font-size:1rem;letter-spacing:-.015em}
.btb-template-title-row em{padding:6px 8px}
.btb-pattern-grid{gap:12px}
.btb-pattern-card{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.btb-pattern-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,39,.12)}
@media(max-width:637px){
  .puck-editor-wrap{
    background:
      radial-gradient(circle at 50% 0,rgba(124,92,255,.12),transparent 24%),
      #f3f4f8;
  }
  .btb-mobile-preview{padding:8px 6px 94px}
  .btb-mobile-preview .PuckCanvas{border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(17,24,39,.14)}
}


/* BTB AI-first Website Studio workspace */
.btb-ai-builder-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);background:#0a0d13}
.btb-ai-panel{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #272e3a;background:linear-gradient(180deg,#10151f 0,#0c1017 100%);color:#f8fafc;overflow:hidden}
.btb-ai-panel-head{flex:0 0 auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #252c38;background:#111722f2;backdrop-filter:blur(12px)}
.btb-ai-panel-head>div{display:grid;gap:3px}
.btb-ai-panel-head strong{font-size:.95rem;letter-spacing:-.01em}
.btb-ai-panel-head button{appearance:none;border:1px solid #343d4c;border-radius:10px;background:#1a2230;color:#f8fafc;min-height:36px;padding:0 11px;font-weight:800;font-size:.72rem}
.btb-ai-panel-head>.btb-ai-head-actions{display:flex;align-items:center;gap:6px}
.btb-ai-panel-head .btb-ai-reset{border-color:#5b3038;background:#26171c;color:#fecaca}
.btb-ai-kicker{font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8b9cff}
.btb-ai-chat{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:10px}
.btb-ai-trust{padding:10px 11px;border:1px solid #29405d;border-radius:12px;background:#0d1b2e;color:#b9d8ff;font-size:.72rem;line-height:1.4;font-weight:700}
.btb-ai-selected{align-self:flex-start;padding:6px 9px;border-radius:999px;background:#222a39;color:#c9d3e2;font-size:.68rem;font-weight:800}
.btb-ai-message{max-width:92%;padding:10px 11px;border-radius:14px;font-size:.82rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.btb-ai-message.is-assistant{align-self:flex-start;background:#171e2a;border:1px solid #2c3647;color:#e7edf7;border-bottom-left-radius:5px}
.btb-ai-message.is-user{align-self:flex-end;background:#5d5ff0;color:#fff;border-bottom-right-radius:5px;box-shadow:0 8px 24px #3638c633}
.btb-ai-progress{display:grid;gap:6px;margin-top:2px;padding:10px;border:1px solid #2b3444;border-radius:14px;background:#0f141d}
.btb-ai-progress-step{display:flex;align-items:center;gap:8px;color:#667386;font-size:.74rem;font-weight:750}
.btb-ai-progress-step span:first-child{width:17px;text-align:center;font-weight:950}
.btb-ai-progress-step.is-active{color:#dce4ff}
.btb-ai-progress-step.is-active span:first-child{color:#8b9cff}
.btb-ai-progress-step.is-done{color:#9fb2cd}
.btb-ai-progress-step.is-done span:first-child{color:#4ade80}
.btb-ai-prompt-chips{flex:0 0 auto;display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px;scrollbar-width:none}
.btb-ai-prompt-chips::-webkit-scrollbar{display:none}
.btb-ai-prompt-chips button{appearance:none;border:1px solid #313b4c;border-radius:999px;background:#141b26;color:#cdd7e6;min-height:34px;padding:0 10px;font-size:.68rem;font-weight:800;white-space:nowrap;cursor:pointer}
.btb-ai-prompt-chips button:hover{border-color:#696bf5;background:#1c2440;color:#fff}
.btb-ai-photo-attach{appearance:none;border:1px solid #46536a;border-radius:999px;background:#1a2230;color:#e7edf7;min-height:34px;padding:0 11px;display:inline-flex;align-items:center;font-size:.68rem;font-weight:900;white-space:nowrap;cursor:pointer}
.btb-ai-photo-attach:hover{border-color:#696bf5;background:#202946}
.btb-ai-photo-attach input{display:none}
.btb-ai-composer{flex:0 0 auto;padding:10px 12px 8px;border-top:1px solid #252c38;background:#0d121b}
.btb-ai-composer textarea{width:100%;resize:none;border:1px solid #343e50;border-radius:13px;background:#080c12;color:#fff;padding:11px 12px;outline:none;line-height:1.4;font-size:.82rem}
.btb-ai-composer textarea:focus{border-color:#7779ff;box-shadow:0 0 0 3px #6366f124}
.btb-ai-composer button{appearance:none;width:100%;min-height:40px;margin-top:8px;border:1px solid #6568ef;border-radius:11px;background:#5d5ff0;color:#fff;font-weight:900;cursor:pointer}
.btb-ai-composer button:disabled,.btb-ai-prompt-chips button:disabled{opacity:.55;cursor:wait}
.btb-ai-quick-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 12px;background:#0d121b}
.btb-ai-quick-actions button{appearance:none;border:1px solid #323c4b;border-radius:10px;background:#151c27;color:#eef2f8;min-height:38px;font-size:.72rem;font-weight:850;cursor:pointer}
.btb-ai-quick-actions button.primary{background:#5d5ff0;border-color:#6c6ef7}
.btb-ai-live-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:#e8ebf0}
.btb-ai-live-bar{flex:0 0 auto;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-bottom:1px solid #d8dde6;background:#f8fafc;color:#141821;box-shadow:0 1px 0 #fff inset}
.btb-ai-live-bar>div{display:grid;gap:1px}
.btb-ai-live-bar strong{font-size:.78rem}
.btb-ai-live-bar span{font-size:.66rem;color:#687385}
.btb-ai-live-bar button{appearance:none;border:1px solid #cfd5df;border-radius:9px;background:#fff;color:#242936;min-height:34px;padding:0 10px;font-size:.7rem;font-weight:850}
.btb-ai-live-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px}
.btb-ai-live-stage #puck-editor-host{flex:1 1 auto;height:auto;min-height:0;background:#fff}
.btb-ai-build-overlay{position:absolute;z-index:3000;inset:48px 0 0;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:linear-gradient(180deg,#eef1f6e8,#e5e9f0f2);backdrop-filter:blur(2px);pointer-events:none}
.btb-ai-build-frame{width:min(980px,95%);height:min(72dvh,700px);padding:18px;border:1px solid #ccd3de;border-radius:18px;background:#fff;box-shadow:0 24px 70px #1f29371f;overflow:hidden}
.btb-ai-build-nav{width:100%;height:36px;border-radius:9px;background:linear-gradient(90deg,#eef1f5 0 24%,#f7f8fa 24%)}
.btb-ai-build-hero{height:48%;margin-top:14px;border-radius:14px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#101624,#303b61);color:#fff}
.btb-ai-build-hero span{font-size:clamp(1.1rem,2.2vw,1.8rem);font-weight:900}
.btb-ai-build-hero i{display:block;height:12px;border-radius:999px;background:#ffffff2b;width:64%}
.btb-ai-build-hero i:nth-of-type(2){width:46%}.btb-ai-build-hero i:nth-of-type(3){width:28%}
.btb-ai-build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.btb-ai-build-grid i{height:120px;border-radius:12px;background:linear-gradient(135deg,#edf0f5,#f7f8fb);border:1px solid #e2e6ed}

@media(max-width:960px) and (min-width:638px){
  .btb-ai-builder-layout{grid-template-columns:minmax(270px,320px) minmax(0,1fr)}
}
@media(max-width:637px){
  .btb-ai-builder-layout{display:block;height:auto;min-height:calc(100dvh - 50px);background:#eef1f5}
  .btb-ai-panel{position:relative;border-right:0;border-bottom:1px solid #29313e;max-height:46dvh;min-height:0}
  .btb-ai-panel.is-mobile-closed{max-height:58px}
  .btb-ai-panel-head{min-height:58px;padding:10px 12px}
  .btb-ai-panel.is-mobile-open .btb-ai-chat{min-height:140px;max-height:24dvh}
  .btb-ai-message{font-size:.78rem}
  .btb-ai-trust{font-size:.68rem}
  .btb-ai-prompt-chips{padding-bottom:8px}
  .btb-ai-composer{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:7px;align-items:stretch;padding-top:8px}
  .btb-ai-composer textarea{min-height:64px}
  .btb-ai-composer button{margin:0;min-height:64px}
  .btb-ai-quick-actions{padding-bottom:9px}
  .btb-ai-live-stage{min-height:calc(100dvh - 108px);overflow:visible}
  .btb-ai-live-bar{position:sticky;top:50px;z-index:50}
  .btb-ai-live-stage #puck-editor-host{min-height:calc(100dvh - 108px)}
  .btb-ai-build-overlay{position:fixed;inset:108px 0 0;z-index:7800;padding:10px}
  .btb-ai-build-frame{height:min(72dvh,620px);padding:10px;border-radius:12px}
  .btb-ai-build-hero{height:42%;padding:18px}
  .btb-ai-build-grid{gap:7px}.btb-ai-build-grid i{height:86px}
}


/* Astra Site Agent V1 — mobile customer-first shell */
@media(max-width:637px){
  .puck-topbar{
    position:sticky;top:0;z-index:8100;
    min-height:56px;padding:8px 10px;
    display:grid!important;grid-template-columns:auto 1fr auto auto;gap:7px;
    overflow:visible!important;background:#0d1119eF;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .puck-topbar .puck-brand{grid-column:1;min-width:42px}
  .puck-topbar .puck-brand-copy{display:none}
  .puck-topbar>a[aria-label="Back to Owner Tools"]{display:none}
  .puck-topbar>button:not(.primary){display:none}
  .puck-topbar>a:not([aria-label="Back to Owner Tools"]){display:none}
  .puck-topbar>.primary{grid-column:3;display:inline-flex!important;min-height:40px;padding:0 13px;border-radius:12px}
  .puck-topbar>.puck-save-state{grid-column:2;grid-row:1;align-self:center;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}
  .btb-ai-builder-layout{display:block!important}
  .btb-ai-panel{position:relative!important;width:100%!important;max-width:none!important;border-right:0!important;border-bottom:1px solid #273043}
  .btb-ai-panel.is-mobile-open{max-height:42dvh!important;min-height:250px!important}
  .btb-ai-panel.is-mobile-closed{max-height:58px!important;min-height:58px!important;overflow:hidden}
  .btb-ai-panel-head{position:sticky;top:0;z-index:3;padding:11px 14px!important;min-height:58px}
  .btb-ai-panel-head strong{font-size:1rem!important}
  .btb-ai-chat{max-height:17dvh!important;min-height:70px!important;padding:10px 14px!important}
  .btb-ai-trust{font-size:.68rem!important;padding:7px 9px!important}
  .btb-ai-prompt-chips{padding:7px 12px!important;gap:6px!important}
  .btb-ai-prompt-chips button{min-height:34px!important;padding:0 10px!important;font-size:.72rem!important}
  .btb-ai-composer{grid-template-columns:minmax(0,1fr) auto!important;padding:9px 12px 11px!important;gap:8px!important}
  .btb-ai-composer textarea{min-height:54px!important;max-height:92px!important;padding:12px!important;font-size:16px!important}
  .btb-ai-composer .primary{min-width:76px!important;min-height:54px!important;padding:0 13px!important}
  .btb-ai-quick-actions{display:none!important}
  .btb-ai-live-bar{min-height:50px!important;padding:8px 12px!important}
  .btb-ai-live-bar span{font-size:.7rem!important}
  #puck-editor-host.is-mobile-composed{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .btb-mobile-tool-dock{
    min-height:62px!important;border-radius:16px!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important
  }
  .btb-mobile-tool-dock button{min-height:50px!important;font-size:.58rem!important}
  .btb-mobile-tool-icon{font-size:1.05rem!important}
}

/* Existing Website Studio help: opens BTB support, never edits the builder. */
.btb-website-studio-help{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:8400;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid #77d8fb;border-radius:14px;background:#102037;color:#e9f9ff;text-decoration:none;font-weight:780;font-size:12px;box-shadow:0 6px 24px #0008}
.btb-website-studio-help:focus-visible{outline:3px solid #94f0fa;outline-offset:3px}
@media(max-width:700px){.btb-website-studio-help{right:10px;bottom:max(76px,env(safe-area-inset-bottom) + 58px);font-size:11px;min-height:40px;padding:8px}}

/* Mobile Website Studio: customers see and edit the site before panels. */
@media(max-width:637px){
  .btb-ai-panel.is-mobile-closed{box-shadow:0 3px 10px #0b10251c}
  .btb-ai-panel-head{min-width:0}
  .btb-ai-panel-head>div:first-child{min-width:0}
  .btb-ai-panel-head strong{font-size:.92rem!important}
  .btb-ai-head-actions{flex:0 0 auto;gap:5px!important}
  .btb-ai-panel-head .btb-ai-head-actions button{font-size:.68rem!important;padding:0 8px!important;min-height:38px!important}
  .btb-ai-live-bar{gap:6px!important;padding:7px 10px!important}
  .btb-ai-live-bar>div:first-child{min-width:0;flex:1 1 auto;display:grid;gap:1px}
  .btb-ai-live-bar strong{font-size:.78rem}
  .btb-ai-live-bar span{max-width:25ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .btb-ai-live-actions{flex:0 0 auto;display:flex!important;gap:5px!important}
  .btb-ai-live-actions button{padding:0 8px!important;font-size:.67rem!important;min-height:38px!important;border-radius:10px!important;white-space:nowrap}
  .btb-ai-live-actions button:last-child{border-color:#5158de;background:#eef0ff;color:#373ab1}
  .btb-ai-live-stage{background:#e6e9ef}
  .btb-mobile-preview{padding-top:4px}
  .btb-mobile-tool-dock{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .btb-mobile-tool-dock button{font-size:.64rem!important}
}
@media(max-width:390px){
  .btb-ai-live-bar span{max-width:16ch}
  .btb-ai-live-actions button{font-size:.62rem!important;padding:0 6px!important}
}

/* Manual-first mobile controls — Puck edits directly, Astra is optional. */
.btb-mobile-design{display:grid;gap:14px;padding-bottom:16px}
.btb-mobile-design>strong{font-size:.88rem;color:#172033}
.btb-mobile-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.btb-mobile-theme-choice{display:grid;gap:7px;min-width:0;text-align:left;min-height:85px;padding:10px;border:1px solid #d8deea;border-radius:14px;background:#fff;color:#1d2839;font:800 .79rem/1.2 Inter,system-ui,sans-serif;cursor:pointer}
.btb-mobile-theme-choice.is-active{border-color:#575af2;box-shadow:0 0 0 2px #595ff12e;background:#f6f7ff}
.btb-mobile-theme-swatch{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2px;overflow:hidden;height:34px;border-radius:8px;border:1px solid #e4e8f2}
.btb-mobile-theme-swatch i{display:block;min-width:0}
.btb-mobile-design-field{display:grid;gap:7px;font-size:.82rem;font-weight:800;color:#26354a}
.btb-mobile-design-field select{width:100%;min-height:48px;padding:10px 13px;border:1px solid #c8d1df;border-radius:12px;background:#fff;color:#111827;font:700 .88rem Inter,system-ui,sans-serif}
.btb-mobile-design-field select:focus-visible,.btb-mobile-theme-choice:focus-visible{outline:3px solid #7c82fb;outline-offset:2px}
.btb-mobile-more{display:grid;gap:9px}
.btb-mobile-more button{width:100%;min-height:46px;padding:12px 14px;text-align:left;font:800 .84rem Inter,system-ui,sans-serif;border:1px solid #d8deea;border-radius:12px;background:#fff;color:#172033;cursor:pointer}
.btb-mobile-more button:focus-visible{outline:3px solid #7c82fb;outline-offset:2px}
@media(max-width:637px){
  .btb-mobile-tool-panel{box-shadow:0 -16px 40px #0e18262a}
  .btb-mobile-tool-panel-head{background:#f8fafc}
  .btb-mobile-tool-panel-body{overscroll-behavior:contain}
  .btb-mobile-tool-dock{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .btb-mobile-tool-dock button{font-size:.65rem!important}
  .btb-mobile-tool-dock .btb-mobile-tool-icon{font-size:1.15rem!important}
  .btb-ai-live-bar{background:#f9fafb}
}

/* Desktop customers start with a clean, full-width manual editor.
   Astra stays available behind the optional AI toggle, without deleting drafts. */
@media(min-width:638px){
  .btb-ai-builder-layout.is-manual-desktop{
    grid-template-columns:minmax(0,1fr);
  }
  .btb-ai-builder-layout.is-manual-desktop>.btb-ai-panel{display:none}
  .btb-ai-builder-layout.is-manual-desktop>.btb-ai-live-stage{min-width:0;width:100%}
  .btb-ai-live-bar .btb-ai-live-actions button[aria-pressed]{border-color:#8a8fe1}
  .btb-ai-live-bar .btb-ai-live-actions button[aria-pressed="true"]{
    background:#eef0ff;color:#3639a8
  }
}

/* Desktop is a full-width manual editor until the customer chooses Astra. */
@media(min-width:638px){
  .btb-ai-builder-layout.is-manual-desktop{grid-template-columns:minmax(0,1fr)}
  .btb-ai-builder-layout.is-manual-desktop>.btb-ai-panel{display:none}
  .btb-ai-live-actions button[aria-pressed]{border:1px solid #c9cee1}
  .btb-ai-live-actions button[aria-pressed="true"]{background:#eceeff;border-color:#7477ff;color:#3536b6}
}


/* Website Studio library chrome only; editor iframe and live site preview stay untouched. */
.btb-template-grid,.btb-pattern-grid,.btb-media-grid{align-items:stretch}
.btb-template-card,.btb-pattern-card,.btb-media-card,
.btb-qr-card,.btb-blank-starter-card,.btb-owner-card{
 border-radius:12px;min-width:0;
}
.btb-template-card :is(h2,h3),.btb-pattern-card :is(h2,h3){
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
 overflow:hidden;line-height:1.3;
}
.btb-panel-actions :is(button,a),.btb-publish-actions :is(button,a),
.btb-ai-quick-actions :is(button,a),.btb-blank-actions :is(button,a){
 border-radius:12px;min-height:44px;padding:10px 16px;font-weight:700;
 transition:opacity .2s ease,background-color .2s ease,border-color .2s ease;
}
.btb-panel-actions :is(button,a):not(:disabled):hover,
.btb-publish-actions :is(button,a):not(:disabled):hover,
.btb-blank-actions :is(button,a):not(:disabled):hover{opacity:.9}
.btb-template-grid :is(button,a):focus-visible,.btb-library-panel :is(button,a,input,select):focus-visible{
 outline:3px solid #b4a5ff;outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
 .btb-panel-actions :is(button,a),.btb-publish-actions :is(button,a),
 .btb-ai-quick-actions :is(button,a),.btb-blank-actions :is(button,a){transition:none}
}

/* Website Studio control chrome. Never transform editor canvas, iframe or previews. */
.btb-template-grid,.btb-pattern-grid,.btb-media-grid{min-width:0}
.btb-template-card,.btb-pattern-card,.btb-media-card,.btb-owner-card{
 box-shadow:0 10px 26px rgba(20,30,75,.045);
}
.btb-template-card :is(h2,h3),.btb-pattern-card :is(h2,h3){letter-spacing:-.024em}
.puck-topbar :is(a,button),.btb-panel-actions :is(a,button),.btb-publish-actions :is(a,button),
.btb-ai-quick-actions :is(a,button),.btb-blank-actions :is(a,button){
 min-height:44px;touch-action:manipulation;
}
.btb-panel-actions :is(button,a),.btb-publish-actions :is(button,a){
 transition:transform .16s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;
}
.btb-panel-actions :is(button,a):not(:disabled):active,.btb-publish-actions :is(button,a):not(:disabled):active{
 transform:scale(.985);
}
@media(prefers-reduced-motion:reduce){
 .btb-panel-actions :is(button,a),.btb-publish-actions :is(button,a){transition:none;transform:none}
}


/* Astra checkout / events approval: readable and touch-friendly on phones. */
.btb-commerce-approval{display:grid;gap:16px;max-width:620px;margin:0 auto;min-width:0}
.btb-commerce-approval-summary{padding:16px 18px;border:1px solid #c9d9f4;border-radius:16px;background:linear-gradient(125deg,#f4f8ff,#fff);color:#1b2c47}
.btb-commerce-approval-summary strong{display:block;font-weight:800;font-size:1.02rem}
.btb-commerce-approval-summary p{margin:8px 0 0;font-size:.85rem;line-height:1.55;color:#33445d}
.btb-commerce-approval .btb-field-label{display:grid;gap:7px;min-width:0;font-weight:750;font-size:.82rem;color:#20324c}
.btb-commerce-approval .btb-field-label>input,.btb-commerce-approval .btb-field-label>select{
  display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:11px 13px;
  background:#fff;color:#17263f;border:1px solid #bdc9dc;border-radius:12px;font:600 16px/1.3 Inter,system-ui,sans-serif
}
.btb-commerce-approval .btb-field-label :is(input,select):focus-visible{outline:3px solid #818cf8;outline-offset:2px}
.btb-commerce-approval>p{margin:0;font-size:.83rem;line-height:1.5;color:#38465b}
.btb-commerce-approval-actions{display:flex!important;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:8px}
.btb-commerce-approval-actions button{min-height:48px;padding:10px 18px;border-radius:12px;border:1px solid #b8c7de;background:#fff;color:#152743;font-weight:800;font-size:.88rem;cursor:pointer}
.btb-commerce-approval-actions button.primary{color:#fff;border-color:#3154c4;background:#3154c4}
.btb-commerce-approval-actions button:disabled{opacity:.6;cursor:wait}
.btb-commerce-approval-actions button:focus-visible{outline:3px solid #818cf8;outline-offset:2px}
@media(max-width:637px){.btb-commerce-approval{gap:13px}.btb-commerce-approval-actions{display:grid!important;grid-template-columns:1fr 1fr}.btb-commerce-approval-actions button{width:100%;min-width:0;padding:10px}}


.btb-commerce-catalog-preview{display:grid;gap:9px;padding:14px 16px;border:1px solid #d6deea;border-radius:14px;background:#fbfcff}
.btb-commerce-catalog-preview>strong{color:#1d2a43;font-size:.92rem}
.btb-commerce-catalog-product{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #e3e8f3;min-width:0;font-size:.84rem;color:#293850}
.btb-commerce-catalog-product span{overflow-wrap:anywhere}
.btb-commerce-catalog-product strong{white-space:nowrap;color:#142b4f;font-variant-numeric:tabular-nums}
.btb-commerce-catalog-preview p{margin:0;color:#45536b;font-size:.8rem;line-height:1.5}
.btb-commerce-catalog-preview small{color:#4a5671;font-weight:700}
.btb-commerce-approval .btb-commerce-connection{padding:10px 12px;border-radius:10px;background:#f1f6ff;color:#173a72;font-size:.81rem;font-weight:750}

/* Payments/booking setup is an optional owner action, not another storefront. */
.btb-payments-bookings{display:grid;gap:12px;max-width:780px}
.btb-payments-bookings section{
 border:1px solid rgba(82,117,146,.25);background:rgba(236,245,253,.66);
 border-radius:14px;padding:15px;display:grid;gap:9px;min-width:0;
}
.btb-payments-bookings h3{font-size:17px;line-height:1.28;margin:0;color:#153550}
.btb-payments-bookings p,.btb-payments-bookings small{line-height:1.48;margin:0}
.btb-payments-bookings p{font-size:13px;color:#34516d}
.btb-payments-bookings small{font-size:11px;color:#587087}
.btb-payments-bookings label{display:grid;gap:5px;font-size:13px;font-weight:700;min-width:0}
.btb-payments-bookings label input:not([type=checkbox]){
 width:100%;max-width:100%;min-height:40px;box-sizing:border-box;border:1px solid #bbcedf;
 border-radius:9px;padding:9px 11px;font:inherit;color:#173956;background:#fff
}
.btb-payments-bookings button,.btb-payments-bookings .btb-payments-action{
 justify-self:start;border:1px solid #285986;background:#1a4b73;color:#fff;
 padding:10px 14px;border-radius:10px;font-size:13px;font-weight:750;
 cursor:pointer;text-decoration:none;min-height:40px;display:inline-flex;align-items:center
}
.btb-payments-bookings button[disabled]{opacity:.48;cursor:not-allowed}
.btb-payments-bookings .btb-payments-check{display:flex;gap:8px;align-items:flex-start;font-weight:500}
.btb-payments-bookings .btb-payments-check input{margin-top:4px;flex:0 0 auto}
.btb-payments-bookings button:focus-visible,.btb-payments-bookings a:focus-visible{
 outline:3px solid #4b9bdb;outline-offset:3px
}
@media(max-width:637px){
 .btb-payments-bookings section{padding:12px}
 .btb-payments-bookings button,.btb-payments-bookings .btb-payments-action{width:100%;justify-content:center}
}


/* Website launch UX: working link first, full-page preview, safe page cleanup (Oct 2026). */
.btb-puck-modal.is-expanded{width:min(1520px,100%);max-height:calc(100dvh - 16px)}
.btb-puck-modal.is-expanded .btb-preview-viewport{min-height:min(74dvh,820px)}
.btb-puck-modal.is-expanded .btb-preview-frame{height:76dvh}
.btb-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #303847;background:#151a24}
.btb-preview-page-picker{display:flex;align-items:center;gap:10px;color:#dce4f0;font-weight:700;font-size:.84rem}
.btb-preview-page-picker select{max-width:min(360px,60vw);min-height:38px;padding:0 12px;border-radius:10px;border:1px solid #414b5c;background:#0e1420;color:#fff}
.btb-preview-expand,.btb-qr-recovery button,.btb-duplicate-page button{min-height:38px;padding:8px 13px;border:1px solid #475569;border-radius:10px;background:#202b3d;color:#fff;font-weight:800;cursor:pointer}
.btb-preview-device-picker{flex-wrap:wrap}
.btb-preview-viewport.is-full-width{overflow:hidden}
.btb-preview-viewport.is-full-width .btb-preview-frame{width:100%!important}
.btb-preview-hint{margin:0;padding:12px 17px;color:#b3c1d3;font-size:.78rem;line-height:1.5}
.btb-published-link{padding:16px;border:1px solid #41637a;border-radius:16px;background:linear-gradient(145deg,#101e30,#111820);margin-bottom:16px}
.btb-published-link>strong{display:block;font-size:1.05rem}
.btb-published-link>p{margin:10px 0 7px;color:#bdcddd;font-size:.8rem}
.btb-published-link .btb-publish-actions{margin-top:9px}
.btb-published-link .btb-live-action{margin-top:0}
.btb-published-link button.btb-live-action{background:#223149;cursor:pointer}
.btb-published-qr{padding-top:12px}
.btb-qr-recovery{padding:15px;border:1px solid #384659;border-radius:14px;background:#171d28}
.btb-qr-recovery p{color:#c2cddd;line-height:1.5;font-size:.84rem}
.btb-duplicate-pages{grid-column:1/-1;padding:14px;margin-bottom:12px;border:1px solid #475569;border-radius:14px;background:#171f2c}
.btb-duplicate-pages>strong{display:block;margin-bottom:7px}
.btb-duplicate-pages p{color:#b8c6d8;font-size:.82rem;line-height:1.5}
.btb-duplicate-page{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #334155;flex-wrap:wrap}
.puck-topbar .btb-live-site-pill{border-color:#4c8b76;background:#153328;color:#dcfce7}
@media(max-width:637px){
 .puck-topbar{overflow-x:auto;flex-wrap:nowrap}
 .puck-topbar .btb-header-preview,.puck-topbar .btb-header-publish,.puck-topbar .btb-live-site-pill{position:relative;flex-shrink:0}
 .btb-puck-modal.is-expanded{width:100%;max-height:calc(100dvh - 12px)}
 .btb-puck-modal.is-expanded .btb-preview-frame{height:75dvh}
 .btb-preview-controls{padding:10px}
 .btb-preview-page-picker{width:100%;justify-content:space-between}
 .btb-preview-page-picker select{max-width:74vw}
 .btb-preview-expand{width:100%}
 .btb-preview-device-picker{gap:6px}
 .btb-preview-device-picker button{font-size:.72rem;padding:0 8px}
 .btb-preview-hint{padding:10px 12px}
 .btb-published-link{padding:12px}
 .btb-published-link .btb-publish-actions{flex-direction:column;align-items:stretch}
 .btb-published-link .btb-live-action{width:100%}
}

.btb-astra-connection{display:inline-flex;align-items:center;flex-shrink:0;gap:5px;padding:6px 9px;border-radius:999px;background:#1d2634;border:1px solid #3d4a60;color:#c6d5eb;font-size:.68rem;font-weight:750;white-space:nowrap}
.btb-astra-connection[data-state="ready"]{background:#19352e;border-color:#396a59;color:#c0f9db}
.btb-astra-connection[data-state="offline"]{background:#3d2428;border-color:#8c525b;color:#fed7dc}
.btb-site-live-status{display:inline-flex;align-items:center;flex-shrink:0;font-size:.75rem;font-weight:850;color:#9af2ba;white-space:nowrap}
@media(max-width:637px){.btb-astra-connection{font-size:.64rem;padding:5px 8px}.btb-site-live-status{font-size:.68rem}}

/* One customer-facing Website Studio on phones: launch controls stay visible,
   full editor remains underneath without a competing second builder. */
.btb-mobile-site-actions{display:none}
@media(max-width:637px){
  .puck-shell{background:#0b111b}
  .puck-topbar{height:52px;min-height:52px;padding:6px 12px;gap:10px;overflow:hidden;background:#111a28;box-shadow:none}
  .puck-topbar > :not(.puck-brand):not(.btb-header-back):not(.btb-live-site-pill):not(.btb-site-live-status){display:none!important}
  .puck-topbar .puck-brand{flex:0 0 auto}
  .puck-topbar .puck-brand-copy{display:none}
  .puck-topbar .puck-brand-copy strong{font-size:12px;max-width:138px;white-space:normal}
  .puck-topbar .btb-header-back{margin-left:auto;flex:0 0 auto;font-size:11px;padding:0 8px;min-height:34px}
  .puck-topbar .btb-live-site-pill{flex:0 0 auto;min-height:34px;background:#163b31;color:#defbea;font-size:11px;padding:0 8px}
  .puck-topbar .btb-site-live-status{display:none!important}
  .btb-mobile-site-actions{display:block;position:sticky;top:52px;z-index:8450;padding:8px max(9px,env(safe-area-inset-right)) 10px max(9px,env(safe-area-inset-left));border-bottom:1px solid #25354d;background:#111a28f5;backdrop-filter:blur(16px)}
  .btb-mobile-actions-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}
  .btb-mobile-actions-row button{appearance:none;min-width:0;min-height:43px;padding:4px 3px;border:1px solid #344459;border-radius:10px;background:#202c3f;color:#e9f0fa;font-size:11px;font-weight:750;letter-spacing:-.015em;cursor:pointer}
  .btb-mobile-actions-row button.btb-mobile-action-publish{background:#615df5;border-color:#7976ff;color:white;font-weight:850}
  .btb-mobile-actions-row button.is-active{background:#344b68;border-color:#7591bc}
  .btb-mobile-actions-row button:disabled{opacity:.55;cursor:wait}
  .btb-mobile-site-tools{max-height:53dvh;overflow-y:auto;margin-top:9px;padding:12px;border:1px solid #34465b;border-radius:13px;background:#172337;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;box-shadow:0 22px 35px #0206176e}
  .btb-mobile-site-tools[hidden]{display:none!important}
  .btb-mobile-tools-note{grid-column:1/-1;margin:0 0 4px;color:#bdcde4;font-size:11px;line-height:1.4}
  .btb-mobile-site-tools button,.btb-mobile-site-tools a{appearance:none;display:flex;align-items:center;justify-content:center;min-height:43px;text-align:center;text-decoration:none;padding:7px 9px;border:1px solid #3a4d65;border-radius:9px;background:#243348;color:#ecf4ff;font-size:12px;font-weight:700}
  .btb-mobile-site-tools .btb-mobile-tool-danger{grid-column:1/-1;color:#fecdd3;background:#40212e;border-color:#904355}
  .btb-mobile-site-actions button:focus-visible,.btb-mobile-site-actions a:focus-visible{outline:3px solid #9bb8ff;outline-offset:2px}
  .puck-editor-wrap{min-height:calc(100dvh - 110px)}
  #puck-editor-host{min-height:calc(100dvh - 110px)}
  .btb-preview-viewport{background:#151e2b}
  .btb-preview-viewport .btb-preview-frame{border-radius:12px;border:1px solid #556780}
  .btb-preview-device-picker{justify-content:stretch}
  .btb-preview-device-picker button{flex:1;min-width:0;padding:0 6px;font-size:11px}
  .btb-puck-modal-head{gap:8px}
  .btb-puck-modal-head h2{font-size:18px}
}

/* Reviews library is an owner-side utility within Website Studio. */
.btb-review-import{display:grid;gap:12px;max-width:780px}
.btb-review-import>p{margin:0;color:#b9c8d8;line-height:1.55;font-size:.87rem}
.btb-review-import .btb-field-label{margin-bottom:3px}
.btb-review-import .btb-field-label input[type=file]{color:#deebfa;padding:13px;border:1px dashed #556881;background:#151f2c;cursor:pointer}
.btb-review-import-check{padding:15px 17px;border-radius:13px;border:1px solid #394e65;background:#172438;display:grid;gap:7px}
.btb-review-import-check strong{color:#eff6ff;font-size:.92rem}
.btb-review-import-check p{margin:0;font-size:.77rem;color:#bbcce2;line-height:1.45;overflow-wrap:anywhere}
.btb-review-import-check button{width:max-content;min-height:38px;padding:8px 12px;border-radius:9px;border:1px solid #654457;background:#38222d;color:#fbd8e2;cursor:pointer}
.btb-review-import-consent{display:flex;gap:10px;align-items:flex-start;color:#d1e0f4;line-height:1.5;font-size:.84rem;padding:7px 0}
.btb-review-import-consent input{margin-top:4px;flex-shrink:0;min-width:17px;min-height:17px}
.btb-review-import .btb-panel-actions .primary{border:1px solid #7e8eff;background:#605be8;color:#fff;border-radius:10px;font-weight:850;min-height:44px;padding:0 15px}
.btb-review-import .btb-panel-actions .primary:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:637px){.btb-review-import{gap:10px}.btb-review-import-check{padding:12px}.btb-review-import .btb-panel-actions{flex-direction:column;align-items:stretch}.btb-review-import .btb-panel-actions button{width:100%}}

/* Published professional website review layouts, kept distinct from Storefront cards. */
.btb-reviews-professional .btb-review-kicker{margin:0 0 8px;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;opacity:.74}
.btb-reviews-professional .btb-review-provenance{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;padding:14px 0;margin:10px 0 22px;border-top:1px solid rgba(124,133,152,.27);border-bottom:1px solid rgba(124,133,152,.27);line-height:1.45}
.btb-reviews-professional .btb-review-provenance .btb-review-average{font-size:clamp(20px,3vw,26px);font-weight:850}
.btb-reviews-professional .btb-review-overall-stars,.btb-reviews-professional .btb-review-stars{color:#b78437;letter-spacing:.065em}
.btb-reviews-professional .btb-review-provenance>span:not(.btb-review-overall-stars){font-weight:700;font-size:.85rem}
.btb-reviews-professional .btb-review-provenance small{flex-basis:100%;font-size:.73rem;opacity:.76}
.btb-reviews-professional .btb-puck-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(12px,2vw,20px)}
.btb-reviews-professional .btb-puck-quote{display:flex;flex-direction:column;min-width:0;margin:0;padding:clamp(18px,2vw,25px);border:1px solid rgba(131,142,159,.25);border-radius:8px;box-shadow:none;background:rgba(131,142,159,.035)}
.btb-reviews-professional .btb-puck-quote p{margin:12px 0 18px;font-size:clamp(.91rem,1.4vw,1.02rem);line-height:1.65;overflow-wrap:anywhere}
.btb-reviews-professional .btb-puck-quote footer{margin-top:auto;font-size:.8rem;font-weight:800}
.btb-reviews-professional .btb-review-half-rating{font-size:.73rem;margin-left:6px}
.btb-reviews-professional .btb-review-source-link,.btb-reviews-professional .btb-review-source-label{display:block;margin-top:10px;font-size:.73rem;line-height:1.45;overflow-wrap:anywhere;opacity:.82}
.btb-reviews-professional .btb-review-source-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.btb-reviews-professional .btb-review-sample-note{margin:16px 0 0;font-size:.77rem;opacity:.76}
@media(max-width:637px){.btb-reviews-professional .btb-puck-quotes{grid-template-columns:1fr}.btb-reviews-professional .btb-puck-quote{padding:19px}}

.btb-trust-strip .btb-trust-evidence-link{display:block;margin-top:7px;color:inherit;font-size:.73rem;text-decoration:underline;text-underline-offset:3px;opacity:.8;overflow-wrap:anywhere}