/* Editorial preview: extends the installed theme, never the business layer. */
html:root {
  --radius: 1rem;
  --background: #f8f7fc;
  --foreground: #242031;
  --card: #ffffff;
  --card-foreground: #202422;
  --popover: #ffffff;
  --popover-foreground: #202422;
  --primary: #7254d5;
  --primary-foreground: #ffffff;
  --secondary: #eff1ef;
  --secondary-foreground: #353b36;
  --muted: #eff1ef;
  --muted-foreground: #626964;
  --accent: #eee8ff;
  --accent-foreground: #6340be;
  --border: #dfe3df;
  --input: #cbd1cc;
  --ring: #7254d5;
  --success: #6d52c9;
  --success-foreground: #ffffff;
  --warning: #8066cf;
  --warning-foreground: #ffffff;
  --info: #5e78c8;
  --destructive: #b22534;
  --sidebar: #f1f3f0;
  --sidebar-foreground: #343a35;
  --sidebar-primary: #7254d5;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e4e9e2;
  --sidebar-accent-foreground: #202820;
  --sidebar-border: #d9dfd9;
  --sidebar-ring: #7254d5;
  --chart-1: #7254d5;
  --chart-2: #5e78c8;
  --chart-3: #7a62c9;
  --chart-4: #9a72c8;
  --chart-5: #a76da8;
  --overview-accent-1: #7254d5;
  --overview-accent-2: #327458;
  --overview-accent-3: #487ba3;
  --dw-apple-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --dw-apple-ease-soft: cubic-bezier(0.77, 0, 0.175, 1);
  --dw-apple-glass: color-mix(in srgb, var(--background) 78%, transparent);
  --dw-apple-glass-strong: color-mix(in srgb, var(--card) 88%, transparent);
  --dw-apple-line: var(--border);
  --dw-apple-shadow: none;
  --dw-apple-shadow-hover: none;
  --dw-home-ink: var(--foreground);
  --dw-home-muted: var(--muted-foreground);
  --dw-home-line: var(--border);
  --dw-home-panel: var(--card);
  --dw-home-bg: var(--background);
  --dw-home-accent: var(--primary);
  --dw-home-accent-2: var(--success);
}
html:root.dark {
  --background: #0d0b14;
  --foreground: #f0edf8;
  --card: #191522;
  --card-foreground: #f0edf8;
  --popover: #211c2d;
  --popover-foreground: #f0edf8;
  --primary: #b29aff;
  --primary-foreground: #1a1037;
  --secondary: #2c253b;
  --secondary-foreground: #e9e2f9;
  --muted: #221c30;
  --muted-foreground: #b8afca;
  --accent: #34274f;
  --accent-foreground: #d9caff;
  --border: #423752;
  --input: #5b4b70;
  --ring: #b29aff;
  --success: #b29aff;
  --success-foreground: #1a1037;
  --warning: #c3a8ff;
  --warning-foreground: #1a1037;
  --info: #7eb9df;
  --destructive: #f799a1;
  --sidebar: #17131f;
  --sidebar-foreground: #d9d1e9;
  --sidebar-primary: #b29aff;
  --sidebar-primary-foreground: #1a1037;
  --sidebar-accent: #322743;
  --sidebar-accent-foreground: #f0edf8;
  --sidebar-border: #423752;
  --sidebar-ring: #b29aff;
  --chart-1: #b29aff;
  --chart-2: #7eb9df;
  --chart-3: #8d78df;
  --chart-4: #c08cda;
  --chart-5: #d59bc6;
  --overview-accent-1: #b29aff;
}
/* Logs retain the original semantic colors, independent of the brand palette. */
html [data-editorial-page='usage-logs'] {
  --success: oklch(0.596 0.145 163.225);
  --success-foreground: oklch(0.985 0 0);
  --warning: oklch(0.681 0.162 75.834);
  --warning-foreground: oklch(0.145 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);
}
html.dark [data-editorial-page='usage-logs'] {
  --success: oklch(0.696 0.17 162.48);
  --warning: oklch(0.769 0.188 70.08);
  --destructive: oklch(0.704 0.191 22.216);
}
html { scroll-behavior: auto !important; }
html.light { color-scheme: light !important; }
html.dark { color-scheme: dark !important; }
html:root body {
  --dw-home-ink: var(--foreground);
  --dw-home-muted: var(--muted-foreground);
  --dw-home-line: var(--border);
  --dw-home-panel: var(--card);
  --dw-home-bg: var(--background);
  --dw-home-accent: var(--primary);
  --dw-home-accent-2: var(--success);
}
html body { background: var(--background) !important; color: var(--foreground); }
html body::before, html body::after, .dw-cursor-aura, .dw-ripple { display: none !important; }
html body.dw-apple-v3-ready main::before, html body.dw-apple-v3-ready [role='main']::before, html body.dw-apple-v3-ready [data-sidebar='content']::before { display: none !important; }
html *, :host * { letter-spacing: 0 !important; }
html body, button, input, textarea, select { font-family: var(--font-body, -apple-system), BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif; }
html [data-dw-apple-reveal], html [data-slot='sidebar-inset'], html main > *,
.dw-home-reveal { filter: none !important; }
html [data-slot='sidebar-wrapper'] > header { background: var(--dw-apple-glass-strong) !important; border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, transparent) !important; box-shadow: 0 8px 28px rgba(0,0,0,.06) !important; backdrop-filter: blur(18px) saturate(140%) !important; }
html [data-slot='sidebar-wrapper'] > header > div::after { display: none; }
html header a { font-size: 13px; }
html header a[href='/']:has(img) { font-size: 17px; font-weight: 750; }
html header a[aria-current='page'] { color: var(--primary); }
html [data-slot='sidebar-inner'] { background: var(--sidebar) !important; border-right: 1px solid var(--sidebar-border); box-shadow: none !important; backdrop-filter: none !important; }
html [data-slot='sidebar-inset'] { background: var(--background) !important; }
html [data-slot='sidebar-inset'] { border-radius: 0 !important; box-shadow: none !important; margin-top: 0 !important; }
html [data-slot='sidebar-inset'] > div[style] { opacity: 1 !important; transform: none !important; filter: none !important; }
html[data-editorial-page='home'] [data-slot='sidebar-inset'] { background: var(--background) !important; }
html [data-sidebar='group'] { padding: 14px 12px; }
html [data-sidebar='group-label'] { font-size: 11px; font-weight: 600; color: var(--muted-foreground); padding: 0 12px; }
html [data-sidebar='menu-button'], html [data-sidebar='menu-sub-button'] { border-radius: 999px !important; padding-inline: 12px; transition: background-color 160ms var(--dw-apple-ease), color 160ms var(--dw-apple-ease), transform 120ms var(--dw-apple-ease) !important; color: var(--sidebar-foreground); box-shadow: none !important; transform: none !important; }
html [data-sidebar='menu-button'] { min-height: 38px; }
html [data-sidebar='menu-button']::before, html [data-sidebar='menu-sub-button']::before { display: none; }
html [data-sidebar='menu-button'][aria-current='page'], html [data-sidebar='menu-sub-button'][aria-current='page'] {
  background: var(--sidebar-accent) !important; color: var(--sidebar-accent-foreground) !important; box-shadow: inset 2px 0 var(--primary) !important; font-weight: 650;
}
html [data-slot='card'] { background: var(--dw-apple-glass-strong) !important; border: 1px solid color-mix(in srgb, var(--border) 75%, transparent); border-radius: 20px !important; box-shadow: 0 10px 32px rgba(0,0,0,.06) !important; transition: border-color 180ms var(--dw-apple-ease), transform 180ms var(--dw-apple-ease), box-shadow 180ms var(--dw-apple-ease) !important; }
html [data-slot='card']::before, html [data-slot='card']::after, html [data-slot='button']::after { display: none !important; }
html [data-slot='card-title'] { font-weight: 650; font-size: 15px; }
html [data-slot='card-description'] { color: var(--muted-foreground); line-height: 1.6; }
html :is([data-slot='button'], .iw-generate, .dw-home-action-primary, .dw-home-action-secondary) {
  border-radius: 999px !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; font-weight: 600;
  transition: transform 120ms var(--dw-apple-ease) !important;
}
html :is([data-slot='button'], .dw-interactive):hover { filter: none !important; }
html [data-slot='button'] > svg { transform: none !important; transition: none !important; }
html :is([data-slot='input'], [data-slot='textarea'], [data-slot='select-trigger'], input[data-slot='form-control'], textarea[data-slot='form-control']) {
  background: var(--dw-apple-glass-strong) !important; border: 1px solid var(--input); border-radius: 14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35) !important; transform: none !important; transition: border-color 160ms var(--dw-apple-ease), box-shadow 160ms var(--dw-apple-ease) !important;
}
html :is(button,a,input,textarea,select,[role='button']):focus-visible { outline: 2px solid var(--ring) !important; outline-offset: 3px !important; }
html input::placeholder, html textarea::placeholder { color: var(--muted-foreground); }
html [data-slot='tabs-list'] { background: var(--muted); border: 1px solid var(--border); border-radius: 999px; padding: 4px; gap: 4px; }
html [data-slot='tabs-trigger'] { border-radius: 999px; box-shadow: none !important; background: transparent !important; padding-inline: 14px; padding-block: 8px; transition: transform 160ms var(--dw-apple-ease) !important; }
html [data-slot='tabs-trigger'][data-state='active'], html [data-slot='tabs-trigger'][data-active] { color: var(--foreground); background: var(--card) !important; box-shadow: 0 2px 8px #0001 !important; }
html [data-slot='table-container'] { border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 10px 28px rgba(0,0,0,.05); overflow-x: auto; }
html table { font-variant-numeric: tabular-nums; }
html :is([data-slot='table-head'], th) { background: var(--muted); color: var(--muted-foreground); font-weight: 600; font-size: 12px; }
html :is([data-slot='table-cell'], td) { font-size: 13px; }
html [data-slot='table-row'] { border-color: var(--border); transition: none !important; transform: none !important; }
html table tr[style] { opacity: 1 !important; transform: none !important; }
html [data-slot='badge'] { border-radius: 999px !important; box-shadow: none; font-size: 11px; }
html :is([data-slot='dialog-content'],[data-slot='alert-dialog-content']) {
  background: var(--dw-apple-glass-strong) !important; border: 1px solid var(--border); border-radius: 22px !important; box-shadow: 0 18px 64px #0003 !important; backdrop-filter: blur(22px) saturate(140%);
  transform-origin: center; transition: transform 220ms var(--dw-apple-ease), opacity 220ms var(--dw-apple-ease) !important;
}
html :is([data-slot='dropdown-menu-content'],[data-slot='popover-content'],[data-slot='select-content'],[data-slot='tooltip-content']) {
  background: var(--dw-apple-glass-strong) !important; border: 1px solid var(--border); border-radius: 16px !important; box-shadow: 0 14px 36px #0002 !important; backdrop-filter: blur(18px) saturate(140%);
  transform-origin: var(--transform-origin); transition: transform 180ms var(--dw-apple-ease), opacity 180ms var(--dw-apple-ease) !important;
}
html :is([data-slot='dropdown-menu-content'],[data-slot='popover-content'],[data-slot='select-content'],[data-slot='tooltip-content']):is([data-starting-style],[data-ending-style]) { opacity: 0; transform: scale(.97); }
html [data-sonner-toast] { background: var(--popover) !important; color: var(--popover-foreground) !important; border: 1px solid var(--border) !important; border-radius: 18px !important; box-shadow: 0 8px 24px #0002 !important; }

/* Public homepage: one editorial canvas, not a hero card or split promotion. */
html body[data-dw-home-page] main.container { padding-top: 4rem !important; }
html body[data-dw-home-page] main.container > div:has(> .custom-home-content) { width: min(100% - 64px, 1160px) !important; padding: 22px 0 64px !important; }
.dw-home-content { color: var(--foreground) !important; background: none !important; }
.dw-home-showcase { margin-bottom: 58px !important; }
.dw-home-hero { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 24px !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
.dw-home-hero::before, .dw-home-hero::after { display: none !important; }
.dw-home-orbit { display: block !important; position: absolute; inset: 10% 18%; pointer-events: none; border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent); border-radius: 50%; opacity: .42; transform: translate3d(var(--dw-stage-px, 0px), var(--dw-stage-py, 0px), 0) rotate(-12deg); transition: transform 240ms var(--dw-apple-ease), opacity 240ms ease; }
.dw-home-orbit::before, .dw-home-orbit::after { content: ""; position: absolute; inset: 12%; border: 1px solid color-mix(in srgb, var(--success) 24%, transparent); border-radius: 50%; transform: rotate(48deg); }
.dw-home-orbit::after { inset: 26%; border-color: color-mix(in srgb, var(--primary) 22%, transparent); transform: rotate(-64deg); }
.dw-home-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 5px color-mix(in srgb, var(--primary) 18%, transparent); }
.dw-home-orbit i:nth-child(1) { left: 11%; top: 24%; }
.dw-home-orbit i:nth-child(2) { right: 15%; top: 36%; background: var(--success); }
.dw-home-orbit i:nth-child(3) { left: 44%; bottom: 8%; background: var(--info); }
.dw-home-hero-copy { max-width: none !important; display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 36px; align-items: center; }
.dw-home-eyebrow { grid-column: 1/-1; margin: 0 0 20px !important; color: var(--muted-foreground) !important; font-size: 11px !important; font-weight: 500 !important; }
.dw-home-eyebrow > span { background: var(--success) !important; box-shadow: none !important; animation: none !important; }
#dw-home-title { grid-column: 1/-1; max-width: none !important; font-size: 64px !important; line-height: 1.12 !important; font-weight: 760 !important; margin: 0 0 24px !important; color: var(--foreground) !important; text-wrap: balance; overflow-wrap: anywhere; }
#dw-home-title > span { color: var(--primary) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
.dw-home-hero-copy > p { max-width: 640px !important; font-size: 14px !important; line-height: 1.8 !important; margin: 0 !important; color: var(--muted-foreground) !important; }
.dw-home-actions { gap: 10px !important; margin: 0 !important; flex-wrap: wrap; justify-content: flex-end; }
.dw-home-action-primary, .dw-home-action-secondary { min-height: 44px !important; padding: 10px 22px !important; border: 1px solid var(--border) !important; border-radius: 999px !important; font-size: 13px !important; box-shadow: 0 6px 18px #0001 !important; transition: transform 160ms var(--dw-apple-ease) !important; }
.dw-home-action-primary { background: var(--foreground) !important; color: var(--background) !important; }
.dw-home-action-secondary { background: transparent !important; color: var(--foreground) !important; }
.dw-home-meta { grid-column: 1/-1; margin-top: 17px !important; gap: 18px !important; color: var(--muted-foreground) !important; font-size: 10px !important; }
.dw-home-meta span i { background: var(--success) !important; box-shadow: none !important; animation: none !important; }
.dw-home-hero-visual { position: relative; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 !important; min-height: 0 !important; padding: 10px !important; perspective: 1100px; border: 1px solid var(--border); border-radius: 28px; background: var(--muted); overflow: hidden; isolation: isolate; }
.dw-home-model-chip { position: static !important; display: block !important; width: 100%; max-width: none; padding: 8px 16px !important; text-align: center; border: 0 !important; border-right: 1px solid var(--border) !important; border-radius: 0 !important; background: color-mix(in srgb, var(--muted) 82%, transparent) !important; color: var(--foreground) !important; font-size: 11px !important; font-weight: 600; box-shadow: none !important; transform: translate3d(var(--dw-stage-px, 0px), 0, 0); transition: background-color 180ms var(--dw-apple-ease), color 180ms var(--dw-apple-ease), transform 240ms var(--dw-apple-ease); }
.dw-home-model-chip:hover { background: var(--card) !important; color: var(--primary) !important; }
.dw-home-model-chip:nth-last-of-type(1) { border-right: 0 !important; }
.dw-home-console { grid-column: 1/-1; display: grid; grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr); width: 100% !important; max-width: none !important; border: 0 !important; border-radius: 20px !important; overflow: hidden; background: #151121 !important; color: #ece5fa !important; box-shadow: 0 22px 50px rgba(30, 18, 57, .24); transform: var(--dw-stage-transform, perspective(1100px) rotateX(0deg) rotateY(0deg)) !important; transform-origin: center; transition: transform 240ms var(--dw-apple-ease); z-index: 1; }
.dw-home-console::before, .dw-home-console::after { display: none !important; }
.dw-home-console-bar { grid-column: 1/-1; padding: 9px 20px !important; min-height: 0 !important; background: #211a31 !important; border-bottom: 1px solid #443650 !important; }
.dw-home-console-bar > span, .dw-home-console-bar > b { color: #ded4f2 !important; }
.dw-home-console-dots { opacity: .65; }
.dw-home-endpoint { margin: 20px !important; align-self: start; }
.dw-home-endpoint code { background: transparent !important; color: #eee8fc !important; font-size: 12px !important; }
.dw-home-code { padding: 16px 20px !important; font-size: 12px !important; line-height: 1.65 !important; border-left: 1px solid #443650; }
.dw-home-console-footer { grid-column: 1/-1; padding: 9px 20px !important; border-color: #443650 !important; }
.dw-home-console-footer button { background: #3b2c55 !important; color: #eee8fc !important; border: 1px solid #756090 !important; border-radius: 999px !important; box-shadow: none !important; }
.dw-home-quick { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 24px 0 0 !important; gap: 12px !important; border: 0; }
.dw-home-quick > a { position: relative; border: 1px solid var(--border) !important; border-radius: 22px !important; padding: 18px 16px !important; background: var(--card) !important; box-shadow: 0 6px 18px #0001 !important; min-height: 86px !important; transform: translateY(0); transition: transform 180ms var(--dw-apple-ease); overflow: hidden; }
.dw-home-quick > a::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 8px; height: 1px; background: var(--primary); transform: scaleX(0); transform-origin: left; transition: transform 180ms var(--dw-apple-ease); }
.dw-home-quick > a:last-child { border-right: 0 !important; }
.dw-home-quick-icon { background: transparent !important; color: var(--primary) !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; }
.dw-home-quick > a b { color: var(--foreground) !important; font-size: 13px !important; }
.dw-home-quick > a small { color: var(--muted-foreground) !important; font-size: 11px !important; }
.dw-home-quick > a i { transition: transform 180ms var(--dw-apple-ease); }
.dw-home-content :is(h2,h3) { color: var(--foreground) !important; background: none !important; -webkit-text-fill-color: currentColor !important; letter-spacing: 0 !important; }
.dw-home-content h2 { font-size: 28px !important; margin: 52px 0 22px !important; font-weight: 700 !important; }
.dw-home-content h3 { font-size: 16px !important; margin: 28px 0 14px !important; }
.dw-home-content :is(table,pre,blockquote) { border-radius: 18px !important; box-shadow: none !important; border-color: var(--border) !important; }
.dw-home-content table { background: var(--card) !important; }
.dw-home-content th { background: var(--muted) !important; color: var(--muted-foreground) !important; }
.dw-home-content td { color: var(--foreground) !important; border-color: var(--border) !important; }
.dw-home-content blockquote { background: var(--muted) !important; color: var(--muted-foreground) !important; border-left: 2px solid var(--primary) !important; }
.dw-home-content ol > li { border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--foreground) !important; }
.dw-home-content ol > li::before { background: var(--foreground) !important; color: var(--background) !important; border-radius: 3px !important; box-shadow: none !important; }
.dw-home-section { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.dw-home-section::before { display: none !important; }
.dw-home-section[data-dw-home-section='products'] > :is(h2,table) { display: none !important; }
.dw-home-closing { margin: 28px 0 0 !important; color: var(--muted-foreground) !important; }
.dw-home-footer { margin-top: 24px !important; background: color-mix(in srgb,var(--card) 84%,transparent) !important; color: var(--foreground) !important; border: 1px solid var(--border) !important; border-radius: 24px !important; box-shadow: inset 0 1px 0 #ffffff08 !important; backdrop-filter: blur(18px); }
.dw-home-footer-brand b { color: var(--foreground) !important; }
.dw-home-footer :is(small,.dw-home-footer-endpoint > span) { color: var(--muted-foreground) !important; }
.dw-home-footer-endpoint code { color: var(--foreground) !important; background: var(--muted) !important; overflow-wrap: anywhere; }
.dw-home-footer > a { color: var(--primary-foreground) !important; background: var(--primary) !important; box-shadow: none !important; }

/* Existing overview components, presented as bands rather than nested cards. */
html [data-editorial-page='dashboard'] > div > main > div:first-child { padding: 26px 28px 18px; border-bottom: 1px solid var(--border); }
html [data-editorial-page='dashboard'] > div > main > div:first-child h2 { font-size: 26px; line-height: 1.3; }
html [data-editorial-page='dashboard'] > div > main > div:nth-child(2) { padding: 24px 28px 72px; }
html [data-editorial-overview] { gap: 28px !important; }
html [data-editorial-overview] :is(.rounded-2xl,.rounded-xl) { border-radius: 20px !important; box-shadow: none !important; }
html [data-editorial-overview] [class*='bg-[radial-gradient'], html [data-editorial-overview] [class*='bg-[linear-gradient'] { background-image: none !important; }
html [data-editorial-guide] [aria-hidden='true'].pointer-events-none { display: none !important; }
html [data-editorial-setup] { grid-template-columns: minmax(0,1fr) !important; gap: 20px; }
html [data-editorial-guide], html [data-editorial-actions], html [data-editorial-summary] { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; }
html [data-editorial-guide] > div { padding: 0 !important; }
html [data-editorial-guide] > div > .relative.grid { grid-template-columns: minmax(0,1.5fr) minmax(260px,1fr); gap: 28px; }
html [data-editorial-guide] h3 { font-size: 21px; line-height: 1.4; }
html [data-editorial-guide] ol { display: flex; flex-direction: column; padding: 0; border: 0; background: transparent; backdrop-filter: none; }
html [data-editorial-guide] ol li { padding-bottom: 0; border-bottom: 1px solid var(--border); gap: 0; align-items: center; }
html [data-editorial-guide] ol li > span:first-child { display: none; }
html [data-editorial-guide] ol li > span { border: 0; background: transparent; box-shadow: none; border-radius: 0; }
html [data-editorial-guide] ol a { border: 0; background: transparent; box-shadow: none; border-radius: 0; padding: 10px 6px; }
html [data-editorial-guide] ol a .truncate, html [data-editorial-guide] ol a .line-clamp-1 { white-space: normal; overflow: visible; -webkit-line-clamp: unset; }
html [data-editorial-guide] .relative.grid > div:nth-child(2) { background: var(--muted) !important; border: 1px solid var(--border); border-radius: 22px; box-shadow: none; }
html [data-editorial-guide] .relative.grid > div:nth-child(2) pre { background: var(--background); color: var(--foreground); border-radius: 14px; }
html [data-editorial-actions] { padding: 18px 0 0 !important; border-top: 1px solid var(--border) !important; }
html [data-editorial-actions] > div { gap: 12px; }
html [data-editorial-actions] > div > .flex { flex-direction: row; align-items: baseline; gap: 10px; }
html [data-editorial-actions] h3 { font-size: 14px; }
html [data-editorial-actions] > div > .grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
html [data-editorial-actions] a { border: 1px solid var(--border); background: var(--card) !important; border-radius: 20px !important; box-shadow: 0 4px 16px #0001; padding: 14px; transition: transform 180ms var(--dw-apple-ease); }
html [data-editorial-actions] a:last-child { border-right: 0; }
html [data-editorial-summary] { border-top: 1px solid var(--border) !important; border-bottom: 1px solid var(--border) !important; }
html [data-editorial-summary] > .grid { grid-template-columns: minmax(0,1fr) minmax(240px,28%); }
html [data-editorial-summary] > .grid > div:first-child { padding: 24px 24px 24px 0; }
html [data-editorial-summary] > .grid > div:last-child { background: var(--muted); padding: 22px; border: 0; border-left: 1px solid var(--border); }
html [data-editorial-summary] .grid-cols-3 > div { background: transparent; border: 0; border-right: 1px solid var(--border); border-radius: 0; padding: 10px 14px 6px 0; opacity: 1 !important; transform: none !important; }
html [data-editorial-summary] .grid-cols-3 > div:last-child { border-right: 0; }
html [data-editorial-summary] .grid-cols-3 { gap: 18px; }
html [data-editorial-overview] > div:last-child > div > div > .bg-card { border-radius: 20px; box-shadow: none; }
html [data-editorial-overview] > .grid:last-child { grid-template-columns: minmax(0,1fr) !important; }
html [data-editorial-overview] > .grid:last-child > div[style], html [data-editorial-overview] > .grid:last-child > div > div[style] { opacity: 1 !important; transform: none !important; }

/* Workstation stays a real form and a scrollable results surface. */
html .iw-workstation { padding: 28px 32px 70px; }
html .iw-heading { padding-bottom: 24px; border-color: var(--border); }
html .iw-heading h1 { font-size: 28px; font-weight: 700; }
html .iw-heading p { font-size: 12px; }
html .iw-layout { grid-template-columns: minmax(270px,330px) minmax(0,1fr); gap: 0; }
html .iw-form { padding: 26px 26px 26px 0; }
html .iw-form label { font-size: 12px; font-weight: 600; }
html .iw-form :is(select,textarea,input[type='number']) { background: var(--dw-apple-glass-strong); border: 1px solid var(--input); border-radius: 14px; padding: 11px 12px; }
html .iw-form textarea { min-height: 150px; line-height: 1.75; }
html .iw-form .iw-upload { background: var(--muted); border-radius: 18px; padding: 18px 10px; }
html .iw-segments { padding: 4px; gap: 4px; background: var(--muted); border: 1px solid var(--border); border-radius: 999px; }
html .iw-segments button { min-height: 34px; border-radius: 999px; }
html .iw-segments button[aria-pressed='true'] { background: var(--card); color: var(--foreground); box-shadow: 0 1px 3px #0002 !important; }
html .iw-billing { color: var(--muted-foreground); font-variant-numeric: tabular-nums; padding-top: 16px; line-height: 1.8; }
html .iw-generate { background: var(--foreground); color: var(--background); min-height: 46px; }
html .iw-results { padding: 26px 0 26px 28px; }
html .iw-section-heading { border-bottom: 1px solid var(--border); padding-bottom: 14px; margin-bottom: 24px; }
html .iw-workstation h2 { font-size: 14px; font-weight: 650; }
html .iw-empty { min-height: 420px; background: var(--muted); border: 1px dashed var(--input); border-radius: 24px; gap: 16px; }
html .iw-empty > svg { width: 32px; height: 32px; color: var(--muted-foreground); }
html .iw-tile { border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 10px 28px rgba(0,0,0,.05); transition: transform 180ms var(--dw-apple-ease), box-shadow 180ms var(--dw-apple-ease); }
html .iw-status-succeeded { color: var(--success); }
html .iw-error, html .iw-job-message { background: var(--accent); color: var(--accent-foreground); border-color: var(--border); }

@media (hover: hover) and (pointer: fine) {
  html [data-sidebar='menu-button']:hover { background: var(--sidebar-accent) !important; }
  html[data-input-mode='pointer'] [data-slot='button']:not(:disabled):hover { transform: translateY(-2px) !important; }
  html [data-slot='table-row']:hover { background: var(--muted); }
  .dw-home-quick > a:hover, html[data-input-mode='pointer'] [data-editorial-actions] a:hover { transform: translateY(-4px) !important; }
  .dw-home-quick > a:hover::after { transform: scaleX(1); }
  .dw-home-quick > a:hover i { transform: translateX(4px); }
  .dw-home-actions a:hover { opacity: .86; transform: translateY(-2px); }
  .dw-home-console-footer button:hover { transform: translateY(-2px); }
}
html[data-input-mode='pointer'] :is([data-slot='button'],.iw-generate,.dw-home-action-primary,.dw-home-action-secondary):not(:disabled):active { transform: scale(.98) !important; }
html[data-input-mode='keyboard'] :is([data-slot='button'],.iw-generate,.dw-home-action-primary,.dw-home-action-secondary) { transition: none !important; }
html[data-input-mode='keyboard'] :is([data-slot='dropdown-menu-content'],[data-slot='popover-content'],[data-slot='select-content'],[data-slot='tooltip-content']) { transition: none !important; }
html[data-input-mode='keyboard'] [data-dw-apple-pressed='true'] { transform: none !important; }
html body[data-theme-radius] :is([data-slot='card'],[data-slot='data-table-card'],[data-slot='table-container'],[data-slot='button'],[data-slot='input'],[data-slot='textarea'],input[data-slot='form-control'],textarea[data-slot='form-control'],[data-slot='select-trigger'],[data-slot='dialog-content'],[data-slot='alert-dialog-content'],[data-slot='popover-content'],.dw-home-hero-visual,.dw-home-console,.dw-home-quick > a,.dw-home-footer,.iw-tile,.iw-upload) { border-radius: var(--radius) !important; }

/* A separate light-catching plane moves; tables, fields and their targets do not. */
.dw-spatial-plane, .dw-nav-follow { position: fixed; left: 0; top: 0; pointer-events: none; z-index: 35; box-sizing: border-box; }
.dw-spatial-plane { opacity: 0; border: 1px solid color-mix(in srgb, var(--primary) 24%, transparent); background: linear-gradient(125deg, #ffffff10, transparent 48%, #ffffff08); box-shadow: 0 16px 32px #00000012, inset 0 1px 0 #ffffff70; transition: opacity 160ms var(--dw-apple-ease); }
.dw-spatial-plane[data-visible] { opacity: 1; }
.dw-nav-follow { position: absolute; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--primary) 40%, transparent); box-shadow: 0 3px 12px #0000000c; }
html [data-dw-nav-host] { position: relative; }
.dw-nav-follow[hidden] { display: none; }
html [data-slot='form-item'] { border-radius: 18px; }
html [data-slot='data-table-card'] { border-radius: 22px !important; box-shadow: 0 6px 20px #00000009; }
html [data-slot='card'], html [data-slot='data-table-card'], html [data-slot='table-container'], html [data-slot='form-item'] { transform: none !important; }
html[data-input-mode='pointer'] :is([data-slot='tabs-trigger'],[data-sidebar='menu-button'],[data-sidebar='menu-sub-button'],.iw-segments button):active { transform: scale(.98) !important; }
html[data-input-mode='keyboard'] :is(.dw-home-quick > a,[data-editorial-actions] a) { transform: none !important; transition: none !important; }
html[data-input-mode='keyboard'] :is([data-sidebar],[data-slot='tabs-trigger'],.iw-segments button,.tutorial-heading button) { transition: none !important; }
html #root div.bg-card:not([data-slot='alert']) { border-radius: 20px; }
html .tutorial-page { background: var(--background); }
html .tutorial-heading { background: var(--dw-apple-glass-strong); backdrop-filter: blur(18px); }
html .tutorial-heading button { border-radius: 999px; transition: transform 160ms var(--dw-apple-ease); }
html .tutorial-heading button:active { transform: scale(.97); }
html [data-slot='card'][data-dw-spatial-hover] { border-color: color-mix(in srgb, var(--primary) 28%, var(--border)); }
html :is([data-slot='sheet-content'],[data-slot='drawer-content']) { background: var(--dw-apple-glass-strong); backdrop-filter: blur(18px); border-radius: 24px; }
html :is([data-slot='dialog-content'],[data-slot='alert-dialog-content']):is([data-starting-style],[data-ending-style]) { opacity: 0; scale: .96; }
html :is([data-slot='dialog-content'],[data-slot='alert-dialog-content']) { transition: scale 220ms var(--dw-apple-ease), opacity 220ms var(--dw-apple-ease) !important; }
html[data-input-mode='keyboard'] :is([data-slot='dialog-content'],[data-slot='alert-dialog-content'],[data-slot='tabs-trigger']) { transition: none !important; }
html[data-input-mode='keyboard'] .dw-home-console, html .dw-home-console:focus-within { transform: none !important; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  html :is(header,[data-slot='card'],[data-slot='dialog-content'],[data-slot='popover-content'],[data-slot='select-content']) { background: var(--card) !important; backdrop-filter: none !important; }
}
@media (max-width: 1024px) {
  #dw-home-title { font-size: 52px !important; }
  .dw-home-hero-copy { grid-template-columns: 1fr; gap: 16px; }
  .dw-home-actions { justify-content: flex-start; }
  .dw-home-meta { margin-top: 0 !important; }
  html .iw-workstation { padding: 24px 20px 70px; }
  html .iw-layout { grid-template-columns: minmax(240px,290px) minmax(0,1fr); }
  html [data-editorial-guide] > div > .relative.grid { grid-template-columns: minmax(0,1fr); }
  html [data-editorial-summary] > .grid { grid-template-columns: minmax(0,1fr); }
  html [data-editorial-summary] > .grid > div:last-child { border-top: 1px solid var(--border); border-left: 0; }
}
@media (max-width: 640px) {
  html body[data-dw-home-page] main.container > div:has(> .custom-home-content) { width: calc(100% - 32px) !important; padding-top: 16px !important; }
  .dw-home-hero-copy { gap: 14px; }
  #dw-home-title { font-size: 34px !important; line-height: 1.22 !important; margin-bottom: 0 !important; text-wrap: initial; }
  .dw-home-eyebrow { font-size: 10px !important; line-height: 1.8; margin: 0 !important; }
  .dw-home-hero-copy > p { font-size: 13px !important; }
  .dw-home-actions { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; }
  .dw-home-actions a { padding: 10px 8px !important; font-size: 12px !important; }
  .dw-home-meta { gap: 8px !important; flex-wrap: wrap; font-size: 9px !important; }
  .dw-home-hero-visual { margin-top: 4px; }
  .dw-home-console { grid-template-columns: minmax(0,1fr); }
  .dw-home-code { border-left: 0; }
  .dw-home-console-bar, .dw-home-console-footer { padding-inline: 12px !important; }
  .dw-home-code { padding-inline: 12px !important; font-size: 10px !important; overflow-wrap: anywhere; }
  .dw-home-endpoint { margin-inline: 12px !important; }
  .dw-home-endpoint code { font-size: 10px !important; }
  .dw-home-quick { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dw-home-quick > a { padding: 14px 8px !important; min-height: 86px !important; }
  .dw-home-quick > a:nth-child(2) { border-right: 0 !important; }
  .dw-home-quick > a:nth-child(n+3) { border-top: 1px solid var(--border) !important; }
  .dw-home-content h2 { font-size: 23px !important; margin-top: 38px !important; }
  html .iw-workstation { padding: 20px 16px 72px; }
  html .iw-heading h1 { font-size: 24px; }
  html .iw-layout { grid-template-columns: minmax(0,1fr); }
  html .iw-form { padding: 24px 0; }
  html .iw-results { padding: 24px 0; }
  html .iw-empty { min-height: 240px; }
  html [data-editorial-page='dashboard'] > div > main > div:first-child { padding: 20px 16px 16px; }
  html [data-editorial-page='dashboard'] > div > main > div:nth-child(2) { padding: 22px 16px 72px; }
  html [data-editorial-actions] > div > .grid { grid-template-columns: minmax(0,1fr); }
  html [data-editorial-actions] a { border-right: 0; border-top: 1px solid var(--border); padding: 12px 0; }
  html [data-editorial-summary] > .grid > div:first-child { padding-right: 0; }
  html [data-editorial-summary] .grid-cols-3 { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html *, html *::before, html *::after, :host *, :host *::before, :host *::after { animation: none !important; transition-property: opacity, background-color, color !important; transition-duration: 100ms !important; }
  .dw-home-orbit, .dw-home-cursor { display: none !important; }
  html [data-dw-apple-pressed='true'], html[data-input-mode='pointer'] :is([data-slot='button'],.iw-generate,.dw-home-action-primary,.dw-home-action-secondary):active { transform: none !important; }
  html .dw-home-console, html .dw-home-model-chip, html .dw-home-quick > a, html [data-editorial-actions] a, html [data-slot='button']:hover { transform: none !important; }
  .dw-spatial-plane, .dw-nav-follow { display: none !important; }
  html[data-input-mode] :is([data-slot='tabs-trigger'],[data-sidebar='menu-button'],[data-sidebar='menu-sub-button'],.iw-segments button,.tutorial-heading button):active { transform: none !important; }
  html :is([data-slot='dialog-content'],[data-slot='alert-dialog-content']) { scale: 1 !important; }
}

/* Fail-open: content stays visible if the enhancement script is unavailable. */
.dw-home-hero, .dw-home-quick, .dw-home-section, .dw-home-footer { opacity: 1; }

/* Full-bleed particle material. Only scenery moves; all business targets stay still. */
.dw-particle-toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid transparent; border-radius: 11px; color: var(--muted-foreground); background: transparent; cursor: pointer; }
.dw-particle-toggle[aria-checked='true'] { color: var(--primary); background: color-mix(in srgb,var(--primary) 10%,transparent); }
.dw-particle-toggle:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
#dw-particle-fallback { position: fixed; top: 16px; right: 16px; z-index: 50; background: var(--card); border-color: var(--border); }
.dw-particle-toggle-state { position: absolute; right: 4px; bottom: 4px; width: 5px; height: 5px; border: 1px solid currentColor; border-radius: 50%; }
.dw-particle-toggle[aria-checked='true'] .dw-particle-toggle-state { background: currentColor; }
.dw-particle-toggle::after { content: attr(data-tooltip); pointer-events: none; position: absolute; top: calc(100% + 8px); right: 0; padding: 6px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--popover); color: var(--popover-foreground); font-size: 12px; line-height: 1.4; white-space: nowrap; opacity: 0; z-index: 100; }
.dw-particle-toggle:focus-visible::after { opacity: 1; }
.iw-billing .iw-unit-price { display: block; font-size: 14px; color: var(--foreground); font-variant-numeric: tabular-nums; }
.iw-billing .iw-total-price { font-variant-numeric: tabular-nums; }
@media(max-width:420px) {
  html [data-slot='sidebar-wrapper'] > header { height: auto !important; min-height: var(--app-header-height,3rem); }
  html [data-slot='sidebar-wrapper'] > header > div { height: auto; min-height: var(--app-header-height,3rem); flex-wrap: wrap; padding-bottom: 4px; }
  html [data-slot='sidebar-wrapper'] > header > div > .ms-auto { width: 100%; min-width: 0; margin-left: 0; justify-content: flex-end; }
  html #root > header.fixed > div > nav { height: auto; min-height: 64px; flex-wrap: wrap; padding-bottom: 6px; }
  html #root > header.fixed > div > nav > .sm\:hidden { width: 100%; justify-content: flex-end; }
}
@media(hover:hover) and (pointer:fine) { .dw-particle-toggle:hover { background: var(--accent); } .dw-particle-toggle:hover::after { opacity: 1; } }
#dw-particle-field { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; contain: strict; }
#dw-particle-field canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
html[data-dw-particles='ready'] #root { position: relative; z-index: 1; background: transparent !important; }
html[data-dw-particles='ready'] #root > .bg-background { background: transparent !important; }
html[data-dw-particles='ready'] :is([data-slot='sidebar-wrapper'],[data-slot='sidebar-inset']) { background: transparent !important; }
html[data-dw-particles='ready'] [data-slot='sidebar-inner'] { background: color-mix(in srgb,var(--sidebar) 74%,transparent) !important; backdrop-filter: blur(20px) saturate(115%) !important; }
html[data-dw-particles='ready'] :is([data-slot='card'],[data-slot='data-table-card'],#root div.bg-card) { background: color-mix(in srgb,var(--card) 64%,transparent) !important; backdrop-filter: blur(18px) saturate(115%); border-color:color-mix(in srgb,var(--primary) 20%,var(--border)); box-shadow:inset 0 1px 0 #ffffff09,0 12px 32px #00000014 !important; }
html[data-dw-particles='ready'] [data-slot='table-container'] { background: color-mix(in srgb,var(--card) 82%,transparent) !important; backdrop-filter: blur(20px); }
html[data-dw-particles='ready'] :is(.tutorial-page,.iw-layout) { background: transparent !important; }
html[data-dw-particles='ready'] .iw-form { background: color-mix(in srgb,var(--card) 76%,transparent); backdrop-filter:blur(18px); border-radius: 24px; }
html[data-dw-particles='ready'] .iw-empty { background: color-mix(in srgb,var(--muted) 48%,transparent); backdrop-filter:blur(12px); }
html[data-dw-particles='ready'][data-dw-particle-page='home'] .dw-home-hero-copy { min-height: 310px; align-content: center; row-gap: 18px; }
html[data-dw-particles='ready'] .dw-home-hero-copy > :is(h1,p,.dw-home-eyebrow) { text-shadow: 0 2px 18px var(--background),0 0 8px var(--background); }
html[data-dw-particles='ready'] .dw-home-hero-visual { background: color-mix(in srgb,var(--muted) 75%,transparent); backdrop-filter: blur(10px); }
html[data-dw-particles='ready'] .dw-home-console { background:color-mix(in srgb,#151121 80%,transparent) !important; color:#ece5fa !important; }
html[data-dw-particles='ready'] .dw-home-console-bar { background:color-mix(in srgb,#211a31 86%,transparent) !important; border-color:#443650 !important; }
html[data-dw-particles='ready'] .dw-home-console-footer button { background:#3b2c55 !important; border-color:#756090 !important; color:#f0e9ff !important; }
html[data-dw-particles='ready'] .dw-home-quick > a,html[data-dw-particles='ready'] [data-editorial-actions] a { background:color-mix(in srgb,var(--card) 70%,transparent) !important; backdrop-filter:blur(16px); }
html[data-dw-particles='ready'] #root > div > header { background:color-mix(in srgb,var(--background) 78%,transparent) !important; backdrop-filter:blur(20px); }
html[data-dw-particles='ready'] :is([data-slot='card'],[data-slot='data-table-card']) :is([data-slot='card'],div.bg-card) { backdrop-filter:none; }
@media(max-width:700px) { html[data-dw-particles='ready'][data-dw-particle-page='home'] .dw-home-hero-copy { min-height: 290px; } }
@media(prefers-reduced-transparency:reduce) {
  html[data-dw-particles='ready'] :is([data-slot='card'],[data-slot='data-table-card'],[data-slot='table-container'],[data-slot='sidebar-inner'],.iw-form,.iw-empty) { background: var(--card) !important; backdrop-filter:none !important; }
}