/* Monkey Core — final presentation layer for the existing application.
   Order: legacy layout, cinematic-theme, game-hud, this file.
   The welcome experience owns its own layout; application state and visibility
   remain with the original PHP/JavaScript. Palette values live here. */
:root {
  color-scheme: dark;
  --core-night: #070a12;
  --core-surface: #10182a;
  --core-cyan: #58d9ff;
  --core-violet: #8c63ff;
  --core-gold: #e6bc79;
  --bg-page: var(--core-night);
  --bg-soft: #0e1423;
  --bg-card: #11192b;
  --bg-card-2: #172137;
  --bg-card-dark: #0c1220;
  --bg-input: #0a1120;
  --text-primary: #eff3ff;
  --text-secondary: #b1bed4;
  --text-muted: #8d9db6;
  --accent: var(--core-cyan);
  --accent-2: #a6edff;
  --accent-green: #83ddbd;
  --accent-orange: var(--core-gold);
  --accent-red: #ffaaa9;
  --mint: #132734;
  --border: #2c3852;
  --border-soft: #222d43;
  --panel-border: #34435f;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 7px;
  --shadow-sm: 0 2px 10px #0003;
  --shadow-md: 0 14px 40px #0004;
  --shadow-lg: 0 28px 90px #0009;
}

body:not(.monkey-welcome) {
  color: var(--text-primary);
  background: radial-gradient(ellipse at 82% 0, #35306422, transparent 48%),
    radial-gradient(ellipse at 25% 45%, #14365118, transparent 55%), var(--core-night);
  --rs-ink: var(--text-primary);
  --rs-green: var(--core-cyan);
  --rs-line: var(--border);
  --rs-soft: var(--bg-soft);
}
:where(body:not(.monkey-welcome)) ::selection { background: #58d9ff40; color: #fff; }
:where(body:not(.monkey-welcome)) :focus-visible { outline: 2px solid #91e7ff !important; outline-offset: 4px; }
:where(body:not(.monkey-welcome)) a:hover { color: var(--accent-2); }
:where(body:not(.monkey-welcome)) :is(h1,h2,h3,h4) { text-wrap: pretty; }
:where(body:not(.monkey-welcome)) :is(.eyebrow,.rs-eyebrow,.license-kicker) { color: #94d7f3; }

/* Quiet, opaque work surfaces preserve contrast for Thai text and live data. */
:where(body:not(.monkey-welcome)) :is(.card,.package,.license,.license-group,
  .license-stat-card,.license-mobile-card,.binding-mobile-card,.binding-ip-card,
  .license-details-body > form,.bank-copy-card,.kpi,.pricing-card,.scene-card,
  .modal,.app-alert-card,.loading-popup,.trial-modal-card,.slip-modal-card,
  .rs-card,.rs-stat,.rs-plan-card,.rs-dialog,.rs-login-card,.rs-total-box,
  .vs-card,.vs-sidebar,.vs-step-card) {
  background: linear-gradient(140deg, #151e32, #0f1728 75%);
  color: var(--text-primary); border-color: var(--border); border-radius: 12px;
  box-shadow: inset 0 1px #c6dbff08, 0 12px 35px #0003;
}
:where(body:not(.monkey-welcome)) :is(.bank-box,.checkout-summary,.license-details,
  .license-bulk-toolbar,.license-mobile-meta-item,.binding-mobile-item,
  .license-mobile-note,.ev-preview,.recheck-page .hero,.pricing-page .bank-box,
  .admin-stats-grid .package,.secondary-note-box,.tutorial-step,.rs-banner,
  .rs-dialog-note,.rs-login-help,.rs-meta-row,.rs-key-guard,.rs-security-summary,
  .rs-policy-grid > div) {
  background: #121e32; border-color: #30415d; color: var(--text-secondary);
}
:where(body:not(.monkey-welcome)) :is(.table-scroll,.account-table-scroll,.rs-table-scroll) {
  border-color: var(--border); border-radius: 8px;
}
:where(body:not(.monkey-welcome)) :is(th,.rs-table th) { background: #19243b; color: #c7d5eb; border-color: var(--border); }
:where(body:not(.monkey-welcome)) :is(td,.rs-table td) { border-color: #26334b; }
:where(body:not(.monkey-welcome)) :is(tbody tr:hover,.rs-table tbody tr:hover) { background: #19253d; }
:where(body:not(.monkey-welcome)) :is(.muted,.meta,.rs-muted,.rs-field-help,.rs-stat-hint,.rs-empty,.vs-muted) { color: var(--text-secondary); }
:where(body:not(.monkey-welcome)) :is(.topbar,.rs-card-head,.rs-dialog-head,.modal-header) { border-color: var(--border); }
:where(body:not(.monkey-welcome)) .modal-header { background: linear-gradient(100deg,#1d294399,transparent); }

/* Native controls: cyan action, violet selection, semantic feedback colors. */
:where(body:not(.monkey-welcome)) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {
  background: var(--bg-input); color: var(--text-primary); border-color: var(--border); border-radius: 7px;
}
:where(body:not(.monkey-welcome)) :is(input,textarea)::placeholder { color: #8e9fb9; }
:where(body:not(.monkey-welcome)) :is(input,select,textarea):focus { border-color: #58d9ff; box-shadow: 0 0 0 3px #58d9ff18; }
:where(body:not(.monkey-welcome)) :is(input[type=checkbox],input[type=radio]) { accent-color: var(--core-cyan); }
:where(body:not(.monkey-welcome)) option { background: #142038; color: #eff3ff; }
:where(body:not(.monkey-welcome)) input[type=file]::file-selector-button { background: #1d2c46; color: #d4eaff; border-color: #3b5378; border-radius: 6px; }
:where(body:not(.monkey-welcome)) :is(button,.button,.btn) {
  background-color: #8bdfff; color: #081625; border-radius: 7px;
  transition: background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease;
}
:where(body:not(.monkey-welcome)) :is(button:hover,.button:hover,.btn:hover) { background-color: #b4ecff; color: #071523; }
:where(body:not(.monkey-welcome)) :is(.generate-btn,.primary-btn,.auth-popup-submit,.auth-submit-btn,
  .app-alert-ok,.new-project-btn,.rs-button-primary,.vs-btn--primary,.action-btn.auth-popup-submit) {
  background: linear-gradient(115deg,#67dbff,#9fb8ff); color: #071421; border: 1px solid #b4edff99;
  box-shadow: inset 0 1px #ffffff50,0 4px 20px #59baff18; font-weight: 600;
}
:where(body:not(.monkey-welcome)) :is(.generate-btn,.primary-btn,.auth-popup-submit,.auth-submit-btn,
  .app-alert-ok,.new-project-btn,.rs-button-primary,.vs-btn--primary):hover {
  background: linear-gradient(115deg,#98e7ff,#c0ccff); color: #071421; border-color: #d6f2ff;
}
:where(body:not(.monkey-welcome)) :is(.action-btn:where(:not(.primary-btn):not(.auth-popup-submit)),
  .copy-btn,button.ghost,.button.ghost,.btn-soft,.selector-btn,.prompt-mode-btn,.platform-mode-btn,
  .btn-option,.secondary-speaker-btn,.composer-option,.idea-provider-button,
  .assistant-action-list button,.idea-chips button,.auth-link-btn,
  .rs-button:where(:not(.rs-button-primary):not(.rs-button-danger)),.rs-icon-button,
  .rs-password-wrap button,.vs-btn--ghost,.vs-btn:where(:not(.vs-btn--primary):not(.vs-btn--danger))) {
  background: #17233a; color: #c9d7ec; border-color: #354768; box-shadow: none;
}
:where(body:not(.monkey-welcome)) :is(.action-btn:where(:not(.primary-btn):not(.auth-popup-submit)),.copy-btn,
  button.ghost,.selector-btn,.composer-option,.assistant-action-list button,.idea-chips button,
  .auth-link-btn,.rs-button:where(:not(.rs-button-primary):not(.rs-button-danger))):hover {
  background: #21344f; color: #e8f6ff; border-color: #689ab5;
}
:where(body:not(.monkey-welcome)) :is(.text-button,.icon-button,.modal-close,.app-alert-close,
  .rs-button-text,.rs-back-link,.vs-img-del) { background: transparent; color: #b9cbea; }
:where(body:not(.monkey-welcome)) :is(.text-button,.icon-button,.modal-close):hover { background: #ffffff0c; color: var(--core-cyan); }
:where(body:not(.monkey-welcome)) :is(.prompt-mode-btn.active,.platform-mode-btn.active,
  .btn-option.active,.modal-card.active,.modal-card.selected,.selector-btn.has-selection,.rs-plan-card.selected) {
  background: #292342; color: #dacdff; border-color: #7f6daa;
}
:where(body:not(.monkey-welcome)) :is(button.btn-danger,button.license-danger-button,button.danger,button.rs-button-danger,button.vs-btn--danger,.btn-danger,.danger,.rs-button-danger,.vs-btn--danger) {
  background: #442331; color: #ffb9b8; border-color: #854d63;
}
:where(body:not(.monkey-welcome)) :is(.btn-danger,button.license-danger-button,.danger,.rs-button-danger,.vs-btn--danger):hover {
  background: #613042; color: #ffdcdb; border-color: #bb7287;
}
:where(body:not(.monkey-welcome)) :is(button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]) {
  opacity: .55; cursor: not-allowed; box-shadow: none;
}
:where(body:not(.monkey-welcome)) :is(.alert,.auth-popup-alert,.rs-alert,.vs-alert) { background: #19273e; color: #c6d9ed; border-color: #405c7e; }
:where(body:not(.monkey-welcome)) :is(.alert.error,.auth-popup-alert.error,.error,.result.err,.rs-alert-error,.vs-toast--error) {
  background: #3a2433; color: #ffb9b8; border-color: #815069;
}
:where(body:not(.monkey-welcome)) :is(.alert.success,.auth-popup-alert.success,.success,.flash,.result.ok,.rs-alert-success,.rs-toast,.vs-toast--ok) {
  background: #15362f; color: #a7ebd2; border-color: #3d7763;
}
:where(body:not(.monkey-welcome)) :is(.status,.badge,.mcm-pill,.vs-pill,.group-count,.binding-ip-badge,.rs-pill) { background: #23314c; color: #c5d7ec; }
:where(body:not(.monkey-welcome)) :is(.status.approved,.badge:not(.off),.mcm-pill.on,.vs-pill.on,.rs-pill-green,.created,.created-list,.mcm-newkey,.rs-key-output) { background: #173a30; color: #a3e6c9; border-color: #497760; }
:where(body:not(.monkey-welcome)) :is(.status.pending,.vs-pill.cool,.rs-pill-amber,.vs-alert--warn) { background: #3a3023; color: #f6d396; border-color: #7b623e; }
:where(body:not(.monkey-welcome)) :is(.status.rejected,.badge.off,.mcm-pill.off,.vs-pill.off,.rs-pill-red) { background: #402535; color: #ffb9b8; }
:where(body:not(.monkey-welcome)) :is(.modal-overlay,.app-alert-overlay,.loading-overlay) { background: #02050ecf; backdrop-filter: blur(10px); }
:where(body:not(.monkey-welcome)) :is(.modal-card,.image-upload-zone,.prompt-block,.block-text,.idea-result,
  .api-settings-note,.chat-box,.follow-up-card,.empty-state,.tutorial-step-highlight) { background: #111b2f; border-color: var(--border); color: var(--text-primary); }
:where(body:not(.monkey-welcome)) :is(.modal-card,.image-upload-zone):hover { background: #1b2b46; border-color: #648aa8; }
:where(body:not(.monkey-welcome)) :is(.modal-card.active,.modal-card.selected,.prompt-mode-btn.active,
  .platform-mode-btn.active,.btn-option.active,.selector-btn.has-selection,.rs-plan-card.selected):hover {
  background: #352b54; color: #e5dcff; border-color: #a18acb;
}
:where(body:not(.monkey-welcome)) .tools-grid .sidebar-section { background: #141f34; border-color: var(--border); }
:where(body:not(.monkey-welcome)) .block-guide-hint { background: #203149; color: #b8cde5; border-color: #3d5675; }
:where(body:not(.monkey-welcome)) .scene-header { background: #19273f; border-color: var(--border); }
:where(body:not(.monkey-welcome)) :is(.scene-number,.step-number) { background: #223652; color: #a6e9ff; }
:where(body:not(.monkey-welcome)) :is(.scene-tag,.scene-variant-badge,.style-badge) { background: #302746; color: #d4c3ff; }
:where(body:not(.monkey-welcome)) :is(.scene-story,.idea-feedback,.idea-result-changed) { background: #16263e; color: var(--text-secondary); border-color: #354d6c; }
:where(body:not(.monkey-welcome)) :is(.prompt-block-title,.prompt-label) { color: #a8ddfa; }
:where(body:not(.monkey-welcome)) :is(.storyboard-header,.license-hero) { background: linear-gradient(120deg,#1e2b47,#131c31); border-color: #3d5274; }
:where(body:not(.monkey-welcome)) :is(.license-hero,.profile-summary)::after { background: var(--core-cyan); }

/* Compact navigation and immediate access to the existing storyboard editor. */
.core-workspace { --sidebar-width: 210px; }
.core-workspace .workspace-sidebar { padding: 26px 12px 0; border-right-color: #29364e; }
:where(body:not(.monkey-welcome)) :is(.workspace-sidebar,.rs-sidebar) { background: linear-gradient(175deg,#11192cf5,#090f1bf8); border-color: var(--border); }
.core-workspace .workspace-brand { font-size: 25px; padding: 0 6px; gap: 9px; }
.core-workspace .workspace-brand small { font-size: 6px; letter-spacing: 1.3px; }
:where(body:not(.monkey-welcome)) :is(.astra-brand-symbol,.rs-brand-mark,.rs-login-symbol) { background: #322d29; color: var(--core-gold); border-color: #8e775744; border-radius: 8px; }
.core-workspace .astra-brand-symbol { width: 33px; height: 37px; }
.core-workspace .new-project-btn { min-height: 44px; margin: 25px 0; font-size: 12px; }
.core-workspace .nav-group-label { font-size: 10px; color: #8e9eb6; margin-bottom: 10px; }
.core-workspace .nav-item { min-height: 44px; padding: 10px 9px; gap: 8px; font-size: 12px; }
.core-workspace .workspace-nav { gap: 4px; margin-bottom: 22px; }
:where(body:not(.monkey-welcome)) :is(.nav-item,.rs-nav-item) { background: transparent; color: #aebed6; border-radius: 7px; box-shadow: none; }
:where(body:not(.monkey-welcome)) :is(.nav-item,.rs-nav-item):hover { background: #1b2942; color: #e4efff; }
:where(body:not(.monkey-welcome)) :is(.nav-item.active,.rs-nav-item.active) { background: linear-gradient(90deg,#664fc230,#24486c15); color: #d6d2ff; border-color: #7562b74a; box-shadow: inset 2px 0 #a58cff; }
:where(body:not(.monkey-welcome)) .nav-active-dot { background: #79ddff; box-shadow: 0 0 10px #58d9ff60; }
:where(body:not(.monkey-welcome)) .sidebar-tip { background: linear-gradient(130deg,#25305066,#131c31); border-color: #56689c4d; border-radius: 9px; }
.core-workspace .sidebar-tip { padding: 13px; }
:where(body:not(.monkey-welcome)) .sidebar-tip strong { color: #d5dffc; }
:where(body:not(.monkey-welcome)) .sidebar-tip p { color: #a5b4cd; }
.core-workspace .sidebar-tip strong,.core-workspace .sidebar-tip a { font-size: 11px; }
.core-workspace .sidebar-tip p { font-size: 10px; line-height: 1.8; }
:where(body:not(.monkey-welcome)) .profile-avatar { background: #292846; color: #cfbfff; border-color: #585177; border-radius: 8px; }
.core-workspace .sidebar-profile { padding: 16px 3px; }
.core-workspace .sidebar-scrim,.core-workspace .sidebar-scrim:hover { background: #020611b8; border: 0; border-radius: 0; box-shadow: none; }
.core-workspace .core-discover-link { margin: -9px 0 20px; color: #b9cdf1; border: 1px solid #394f71; background: linear-gradient(110deg,#2b294633,#14243b55); }
.core-workspace .core-discover-link .astra-icon { color: #b6a8ff; }
:where(body:not(.monkey-welcome)) :is(.floating-topbar,.rs-topbar) { background: #0c1324ed; border-color: #28364f; }
.core-workspace .workspace-topbar { min-height: 65px; padding: 12px 28px; }
.core-workspace .topbar-breadcrumb { font-size: 11px; }
.core-workspace .topbar-actions .action-btn { min-height: 40px; padding: 8px 13px; font-size: 11px; }
.core-workspace .content-canvas { padding: 25px 28px 0; }
.core-workspace .center-stage { max-width: 1450px; }
.core-workspace .workspace-page-heading { margin-bottom: 20px; }
.core-workspace .workspace-page-heading h1 { font-size: 25px; font-weight: 500; margin: 5px 0; }
.core-workspace .workspace-page-heading p { font-size: 12px; color: #9eafc9; }
.core-workspace .workspace-page-heading .eyebrow { font-size: 8px; color: #97b4d1; letter-spacing: 1.8px; }
.core-workspace .workspace-edition { font-size: 9px; color: #b6c9e6; background: #18253d; border-color: #3a4b6a; }
.core-workspace .creation-surface.idea-workbench { padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.workspace-core-intro { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 28px; overflow: hidden; border: 1px solid #43587c; border-radius: 12px; background: radial-gradient(ellipse at 75% 50%,#3c326151,transparent 55%),linear-gradient(120deg,#14223a,#10192c); }
.workspace-core-intro::before { content: ''; position: absolute; width: 3px; top: 22px; bottom: 22px; left: 0; background: linear-gradient(#58d9ff,#8c63ff); pointer-events: none; }
.workspace-core-intro > * { position: relative; }
.workspace-core-intro > div { flex: 1 1 auto; min-width: 0; }
.workspace-core-intro .eyebrow { font-size: 9px; letter-spacing: .16em; color: #b2dbf7; }
.workspace-core-intro h2 { font-size: clamp(23px,2.25vw,31px); font-weight: 500; line-height: 1.5; margin: 7px 0 6px; }
.workspace-core-intro h2 span { color: #9fddff; }
.workspace-core-intro p { max-width: 640px; font-size: 12px; line-height: 1.9; color: #b0bed6; }
.workspace-core-intro a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: 0 0 auto; min-height: 44px; padding: 12px 16px; font-size: 11px; color: #cdeaff; background: #21314dcc; border: 1px solid #5b72a5; border-radius: 7px; text-decoration: none; }
.workspace-core-intro a:hover { background: #2c4263; border-color: #85b6d5; color: #effaff; }
.workspace-core-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 17px; }
.workspace-core-actions > :is(button,a) { min-height: 44px; padding: 11px 14px; font: inherit; font-size: 11px; line-height: 1.7; border: 1px solid #4a658c; border-radius: 7px; background: #1b2d48; color: #d5e7fb; }
.workspace-core-actions > button:first-child { background: linear-gradient(115deg,#67dbff,#9fb8ff); color: #071421; border-color: #b4edff99; }
.workspace-core-actions > :is(button,a):hover { border-color: #97d7fb; background: #2a4161; color: #e8f6ff; }
.workspace-core-actions > button:first-child:hover { background: #b4e9ff; color: #071421; }
.workspace-core-intro .workspace-core-link { flex: 0 0 215px; display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; border-color: #425b83; background: #0c172c; }
.workspace-core-link img { width: 100%; height: 110px; object-fit: cover; display: block; background: radial-gradient(ellipse at center,#324871,#10192d); }
.workspace-core-link span { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; padding: 10px 13px; font-size: 10px; line-height: 1.8; }
.workspace-core-link b { font-size: 15px; font-weight: 400; color: #9fdfff; }
.workspace-import-hint:not([hidden]) { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 19px; margin-bottom: 22px; border: 1px solid #829dcd; border-left: 3px solid #74daff; background: linear-gradient(110deg,#21375a,#252344); border-radius: 9px; }
.workspace-import-hint[hidden] { display: none !important; }
.workspace-import-hint p { font-size: 13px; line-height: 1.9; color: #d9e7fb; }
.workspace-import-hint button { flex-shrink: 0; min-height: 44px; padding: 11px 15px; font-size: 12px; border: 1px solid #b4edff99; background: linear-gradient(115deg,#67dbff,#9fb8ff); color: #071421; }
.core-workspace .command-deck { margin-top: 18px; padding: 24px; border-color: #344967; border-radius: 12px; background: linear-gradient(120deg,#141f34,#0f182a); }
.core-workspace .command-deck-heading { margin-bottom: 19px; }
.core-workspace .command-deck-heading h3 { font-size: 17px; }
.core-workspace .command-deck-heading p { font-size: 11px; color: #9cb0ce; }
.core-workspace .command-deck-heading > div > span { color: #a8dbff; background: #213653; border-color: #426282; border-radius: 6px; }
.core-workspace .command-deck-heading > span { color: #8da4c5; }
.core-workspace .idea-workbench .prompt-composer { background: #0b1324; border-color: #3a5275; border-radius: 9px; }
.core-workspace .idea-workbench .prompt-composer:focus-within { border-color: #58d9ff; box-shadow: 0 0 0 3px #58d9ff12; }
.core-workspace .idea-workbench .prompt-composer #objectInput { min-height: 125px; height: 125px; font-size: 15px; line-height: 1.9; }
.core-workspace .composer-topline { padding-top: 16px; }
.core-workspace .idea-workbench .composer-toolbar { background: #17243a99; border-color: #283b58; border-radius: 0 0 9px 9px; }
.core-workspace .idea-workbench .composer-toolbar .generate-btn { background: linear-gradient(115deg,#67dbff,#9fb8ff); border-radius: 7px; color: #071421; }
.core-workspace .idea-provider-button { border-radius: 6px; background: #182842; border-color: #3c5477; }
.core-workspace .assistant-action-list button,.core-workspace .idea-chips button { border-radius: 6px; min-height: 40px; }
:where(body:not(.monkey-welcome)) .preview-notice { background: #14253c; color: #b9cce5; border-color: #3e5a7b; border-radius: 9px; }
:where(body:not(.monkey-welcome)) .preview-notice strong { color: #abdffc; }
:where(body:not(.monkey-welcome)) .preview-notice p { color: #a8bcd4; }
:where(body:not(.monkey-welcome)) .notice-icon { background: #223d59; color: #a0dcfa; }
:where(body:not(.monkey-welcome)) .creative-card { border-radius: 11px; border-color: #344968; background: #142037; }
:where(body:not(.monkey-welcome)) .creative-card:hover { background: #1d2d48; border-color: #687baf; }
:where(body:not(.monkey-welcome)) .creative-card-body { background: #131f35; border-color: #344968; }
:where(body:not(.monkey-welcome)) .creative-card-body h3 { color: #e1eafd; }
:where(body:not(.monkey-welcome)) .creative-card-body p { color: #a5b7d0; }
:where(body:not(.monkey-welcome)) .card-category { color: #b4c9ef; }
:where(body:not(.monkey-welcome)) .card-pill { background: #25334f; color: #becfec; border-color: #485c81; border-radius: 6px; }
:where(body:not(.monkey-welcome)) .product-art { background: radial-gradient(ellipse at 55% 20%,#5262a1,#27355f 65%,#131d39); }
:where(body:not(.monkey-welcome)) .product-plinth { background: linear-gradient(140deg,#8b9abe,#394872); }
:where(body:not(.monkey-welcome)) .story-art { background: linear-gradient(145deg,#112442,#3c367a); }
:where(body:not(.monkey-welcome)) .story-sun { background: #a4d9ff; box-shadow: 0 0 45px #68b8ff44; }
:where(body:not(.monkey-welcome)) .story-mountain.mountain-back { background: #535080; }
:where(body:not(.monkey-welcome)) .story-mountain.mountain-front { background: #24365b; }
:where(body:not(.monkey-welcome)) .workflow-guide b { color: #b8ddff; background: #21334f; border-color: #4a628a; }
:where(body:not(.monkey-welcome)) .workspace-footer { color: #94a9c7; border-color: #293954; }

/* Account and administration use the same world without a scroll prerequisite. */
body.auth-center-page { grid-template-columns: minmax(0,1fr); background: radial-gradient(ellipse at 26% 32%,#332b6359,transparent 53%),radial-gradient(ellipse at 35% 66%,#133b5644,transparent 42%),var(--core-night); }
.auth-center-page .auth-center-container,.auth-center-container > * { min-width: 0; }
.auth-story h1 { line-height: 1.5; letter-spacing: -.025em; }
.auth-story h1 span { color: #9ddfff; }
.auth-story .core-preview { position: relative; width: 100%; height: 340px; margin: 20px 0 15px; overflow: hidden; isolation: isolate; border: 1px solid #34486a; border-radius: 12px; background: radial-gradient(ellipse at 50% 60%,#263567,#0b1224 75%); }
.core-preview canvas,.core-preview .core-preview-fallback { display: block; width: 100%; height: 100%; object-fit: cover; }
.core-preview canvas { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 300ms ease; }
.core-preview .core-preview-fallback { position: relative; opacity: 1; }
.core-preview.is-rendered canvas { opacity: 1; visibility: visible; }
.core-preview.is-rendered .core-preview-fallback { opacity: 0; }
.core-preview-caption { position: absolute; z-index: 1; left: 17px; bottom: 22px; max-width: calc(100% - 155px); font: 8px/1.8 Consolas,monospace; letter-spacing: .14em; color: #b5d6f5; text-shadow: 0 1px 6px #040711; pointer-events: none; }
.core-preview .core-motion { position: absolute; z-index: 2; bottom: 13px; right: 13px; min-height: 44px; background: #101c32e8; color: #cfeaff; border: 1px solid #577499; border-radius: 7px; padding: 9px 13px; font-size: 11px; }
.core-preview .core-motion[hidden] { display: none !important; }
.core-preview-explore { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; color: #b5d6ff; border-bottom: 1px solid #405778; }
.auth-story-step > span { background: #242944; color: #b7ceff; border-color: #4d5b83; border-radius: 6px; }
.auth-story-step strong { font-size: 12px; }
.auth-story-step p { font-size: 11px; }
.auth-center-page .auth-card { border-top-color: #92cfff; }
.profile-summary,.package { border-top-color: #6583b9; }
.package:hover { border-color: #92a3d2; box-shadow: 0 12px 40px #0005; }
.package-price { color: #b9d6ff; }
:where(body:not(.monkey-welcome)) :is(.rs-workspace-badge,.rs-user-name,.rs-role) { background: #25304a; color: #c3d3ed; border-color: #465a80; }
:where(body:not(.monkey-welcome)) .rs-nav-count { background: #332c50; color: #d1c4ff; }
:where(body:not(.monkey-welcome)) :is(.rs-stat-highlight,.rs-stat-alert,.rs-v2-overview,.rs-report-stats .rs-stat,.rs-report-stats > div) { background: linear-gradient(130deg,#203253,#161f39); border-color: #43597c; }
:where(body:not(.monkey-welcome)) :is(.rs-stat-icon,.rs-security-icon,.rs-security-emblem) { background: #29314e; color: #b9caff; border-color: #53638d; }
:where(body:not(.monkey-welcome)) .rs-stat-value { color: #e1ebff; }
:where(body:not(.monkey-welcome)) .rs-login-story { background: radial-gradient(ellipse at 40% 50%,#383567,#132039 75%); color: #e4edff; }
:where(body:not(.monkey-welcome)) :is(.rs-progress-track,.vs-progress-bar) { background: #263854; }
:where(body:not(.monkey-welcome)) :is(.rs-progress-fill,.vs-progress-fill) { background: linear-gradient(90deg,#58d9ff,#967aff); }
:where(body:not(.monkey-welcome)) :is(.rs-notification,.rs-notification-new,.rs-report-tabs button,.rs-task-chips > *) { background: #1a2842; color: #c8d9f1; border-color: #3c5374; }
:where(body:not(.monkey-welcome)) :is(.rs-filter,.rs-filter input,.rs-filter select,.rs-recovery-codes,.rs-recovery-codes code,.rs-detail-list,.rs-product-tag) { background: #172740; color: #c6dbf5; border-color: #3e577a; }
:where(body:not(.monkey-welcome)) :is(.rs-plan-price,.rs-total-box strong,.rs-link-inline,.rs-audit-details summary) { color: #bbd7ff; }
:where(body:not(.monkey-welcome)) .vs-empty-art { background: #263659; box-shadow: 0 0 70px #7f7bff20; }
:where(body:not(.monkey-welcome)) .vs-project-item:hover,:where(body:not(.monkey-welcome)) .vs-project-item.active { background: #28304f; border-color: #6f699d; }
:where(body:not(.monkey-welcome)) :is(.vs-drop,.vs-step,.vs-audio-info,.vs-render-history) { background: #122039; border-color: #3c5677; }
:where(body:not(.monkey-welcome)) .vs-toast { background: #1b2c47; color: var(--text-primary); }
:where(body:not(.monkey-welcome)) .vs-skeleton { background: linear-gradient(90deg,#20314e,#354566,#20314e); background-size: 200% 100%; }

@media (max-width: 1180px) {
  .core-workspace { --sidebar-width: 210px; }
  .core-workspace .content-canvas { padding-left: 22px; padding-right: 22px; }
  .workspace-core-intro { padding: 23px; gap: 17px; }
  .workspace-core-intro h2 { font-size: 25px; }
  .workspace-core-intro p { font-size: 11px; }
}
@media (max-width: 880px) {
  .auth-center-page .auth-center-container { grid-template-columns: minmax(0,1fr); }
  .auth-story .core-preview { height: 270px; }
  .workspace-core-intro { align-items: flex-start; flex-direction: column; gap: 16px; }
  .workspace-core-intro a { min-height: 44px; padding: 10px 15px; }
  .workspace-core-intro .workspace-core-link { flex: 0 0 auto; width: 100%; flex-direction: row; }
  .workspace-core-link img { width: 115px; height: 75px; flex: 0 0 115px; }
  .workspace-core-link span { padding: 13px 17px; font-size: 11px; }
  .core-workspace .command-deck-heading > span { display: none; }
}
@media (max-width: 760px) {
  .core-workspace { --sidebar-width: 0px; }
  .core-workspace .workspace-sidebar { width: 252px; padding: 26px 15px 0; }
  .core-workspace .workspace-topbar { padding: 10px 15px; }
  .core-workspace .content-canvas { padding: 22px 16px 0; }
  .core-workspace .workspace-page-heading { margin-bottom: 17px; }
  .workspace-core-intro { flex-direction: row; align-items: center; }
  .workspace-core-intro .workspace-core-link { flex: 0 0 185px; width: 185px; flex-direction: column; }
  .workspace-core-link img { width: 100%; height: 105px; flex-basis: auto; }
  .workspace-core-intro h2 { font-size: 24px; }
}
@media (max-width: 540px) {
  .core-workspace .content-canvas { padding: 19px 12px 0; }
  .core-workspace .workspace-page-heading h1 { font-size: 24px; }
  .core-workspace .workspace-page-heading p { font-size: 11px; }
  .core-workspace .workspace-edition { display: none; }
  .workspace-core-intro { flex-direction: column; align-items: flex-start; padding: 20px; gap: 15px; border-radius: 10px; }
  .workspace-core-intro h2 { font-size: 25px; line-height: 1.5; }
  .workspace-core-intro p { font-size: 12px; }
  .workspace-core-actions { display: grid; width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 15px; }
  .workspace-core-actions > :is(button,a) { width: auto; min-height: 48px; padding: 8px 5px; font-size: 10px; text-align: center; }
  .workspace-core-intro .workspace-core-link { width: 100%; flex: 0 0 auto; flex-direction: row; }
  .workspace-core-link img { width: 105px; height: 72px; flex: 0 0 105px; }
  .workspace-core-link span { padding: 10px 12px; font-size: 10px; }
  .workspace-import-hint:not([hidden]) { flex-direction: column; align-items: stretch; padding: 15px; gap: 12px; }
  .workspace-import-hint p { font-size: 12px; }
  .workspace-import-hint button { width: 100%; }
  .core-workspace .command-deck { padding: 20px 13px 17px; border-radius: 10px; margin-top: 13px; }
  .core-workspace .command-deck-heading h3 { font-size: 16px; }
  .core-workspace .idea-workbench .prompt-composer #objectInput { min-height: 130px; height: 130px; font-size: 16px; }
  .core-workspace .assistant-action-list { gap: 5px; }
  .core-workspace .assistant-action-list button,.core-workspace .idea-chips button { min-height: 44px; font-size: 11px; }
  .core-workspace .preview-notice p { font-size: 11px; }
  .auth-story .core-preview { height: 250px; margin-top: 17px; }
  :where(body:not(.monkey-welcome)) :is(.auth-submit-btn,.auth-link-btn,.modal-close,.mobile-menu-btn) { min-height: 44px; }
  :where(body:not(.monkey-welcome)) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .workspace-core-intro *, .core-preview * { transition: none !important; }
}
@media print {
  .workspace-core-intro,.core-preview { display: none !important; }
  body:not(.monkey-welcome) { background: #fff !important; color: #15202b !important; }
}