.as-preview,
.as-demo-disclaimer {
  --as-bg: #07090d;
  --as-surface: #0d1117;
  --as-line: rgba(255,255,255,.11);
  --as-text: #f5f7fa;
  --as-muted: #9aa4b2;
  --as-blue: #5b7cff;
  box-sizing: border-box;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html.as-concept-page { --as-preview-height: 72px; scroll-padding-top: 150px; }
.as-concept-page body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.as-concept-page body :is(a, button, input, select, textarea):focus-visible { outline: 3px solid rgba(91,124,255,.48) !important; outline-offset: 3px !important; }
.as-concept-page body :is(input, select, textarea) { transition: border-color .2s, box-shadow .2s, background-color .2s; }
.as-site-nav { top: var(--as-preview-height) !important; }
.as-preview *, .as-demo-disclaimer * { box-sizing: border-box; }
.as-preview {
  position: sticky;
  z-index: 2147483000;
  top: 0;
  width: 100%;
  min-height: var(--as-preview-height);
  padding: 10px 18px;
  display: flex;
  align-items: center;
  color: var(--as-text);
  border-bottom: 1px solid rgba(142,164,255,.18);
  background: linear-gradient(110deg, rgba(7,9,13,.97), rgba(13,17,27,.96));
  box-shadow: 0 15px 42px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.035);
  backdrop-filter: blur(20px) saturate(135%);
}
.as-preview__inner { width: min(1280px, 100%); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.as-preview__brand { min-width: 0; display: flex; align-items: center; gap: 11px; }
.as-preview__brand img { width: 44px !important; height: 44px !important; max-width: none !important; flex: none; object-fit: contain; border-radius: 0; filter: drop-shadow(0 7px 14px rgba(0,0,0,.4)); }
.as-preview__brand-copy { min-width: 0; display: grid; gap: 1px; line-height: 1.25; }
.as-preview__brand-copy b { color: var(--as-text) !important; font-size: 13px !important; font-weight: 750 !important; letter-spacing: -.01em !important; }
.as-preview__brand-copy span { max-width: 520px; overflow: hidden; color: var(--as-muted) !important; font-size: 11px !important; font-weight: 500 !important; text-overflow: ellipsis; white-space: nowrap; }
.as-preview__actions { display: flex; align-items: center; gap: 8px; flex: none; }
.as-preview__actions a {
  min-height: 38px;
  padding: 9px 13px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--as-line) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.035) !important;
  color: var(--as-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: transform .25s, border-color .25s, background .25s;
}
.as-preview__actions a:hover { transform: translateY(-1px); border-color: rgba(112,138,255,.5) !important; background: rgba(255,255,255,.07) !important; }
.as-preview__actions a:last-child { border-color: transparent !important; background: linear-gradient(115deg, #4f70f2, #745bea) !important; box-shadow: 0 8px 24px rgba(91,124,255,.25); }
.as-demo-disclaimer { width: 100%; padding: 25px 20px; color: var(--as-muted); border-top: 1px solid var(--as-line); background: var(--as-bg); }
.as-demo-disclaimer__inner { width: min(1000px, 100%); margin: auto; display: flex; align-items: center; justify-content: center; gap: 12px; text-align: left; }
.as-demo-disclaimer i { width: 28px; height: 28px; display: grid; place-items: center; flex: none; border: 1px solid rgba(91,124,255,.26); border-radius: 8px; background: rgba(91,124,255,.08); color: #8ea4ff; font-size: 12px; font-style: normal; }
.as-demo-disclaimer p { max-width: 900px; margin: 0 !important; color: var(--as-muted) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.6 !important; letter-spacing: 0 !important; text-transform: none !important; }
.as-demo-disclaimer strong { color: var(--as-text) !important; font-weight: 700 !important; }
.as-frame-badge { display: none; }
.as-framed .as-preview, .as-framed .as-demo-disclaimer { display: none !important; }
.as-framed .as-frame-badge { position: fixed; z-index: 2147483000; right: 12px; bottom: 12px; padding: 7px 9px; display: inline-flex; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; background: rgba(7,9,13,.78); box-shadow: 0 8px 24px rgba(0,0,0,.24); color: rgba(255,255,255,.82); font: 700 9px/1 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(12px); pointer-events: none; }
@media (max-width: 580px) {
  html.as-concept-page { --as-preview-height: 64px; scroll-padding-top: 132px; }
  .as-preview { padding: 8px 10px; }
  .as-preview__brand { gap: 8px; }
  .as-preview__brand img { width: 38px !important; height: 38px !important; }
  .as-preview__brand-copy b { font-size: 11px !important; }
  .as-preview__brand-copy span { display: none; }
  .as-preview__actions { gap: 5px; }
  .as-preview__actions a { min-height: 36px; padding: 8px 9px !important; font-size: 9px !important; }
  .as-preview__actions a:first-child span { display: none; }
  .as-preview__actions a:last-child span { display: inline; }
  .as-demo-disclaimer__inner { align-items: flex-start; }
}