/* Preview components, based on approved production 159473c. Page geometry and optical renderers are preserved. */
:root {
  --ds-scroll-border:1px solid rgba(255,255,255,.48);
  --ds-scroll-glass:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.55) 23%,rgba(215,229,236,.16) 55%,rgba(255,255,255,.3));
  --ds-scroll-shadow:inset 1px 0 1px rgba(255,255,255,.55),0 0 5px rgba(235,243,248,.14);
  --ds-scroll-active-border:1px solid rgba(255,238,177,.85);
  --ds-scroll-active-glass:linear-gradient(90deg,rgba(240,203,125,.38),rgba(255,245,193,.95) 25%,rgba(240,203,125,.65) 60%,rgba(255,222,145,.8));
  --ds-scroll-active-shadow:inset 1px 0 1px rgba(255,255,255,.75),0 0 9px rgba(240,203,125,.55);

  --ds-font-family: Arial, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  --ds-font-caption: 12px;
  --ds-font-body: 14px;
  --ds-font-heading: 16px;
  --ds-font-title: 22px;
  --ds-font-display: 32px;
  --ds-line-body: 1.6;
  --ds-radius-control: 10px;
  --ds-radius-auth: 9px;
  --ds-form-gap: 14px;
  --ds-ink-dark: #030603;
  --ds-ink-light: #ffffff;
  --ds-login-yellow: #ffe45c;
  --ds-nav-halo-rgb: 255, 229, 153;
  --ds-nav-edge-rgb: 255, 224, 143;
  --ds-nav-core-rgb: 255, 232, 165;
  --ds-nav-core: #fff2bf;
  --ds-radius-drawer: 18px;
  --ds-font-auth-title: 26px;
  --ds-optical-accent: #f0cb7d;
  --ds-optical-accent-rgb: 240, 203, 125;
  --ds-radius-card: 14px;
  --ds-radius-panel: 22px;
  --ds-radius-pill: 999px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-6: 24px;
  --ds-control-height: 36px;
  --ds-control-compact: 28px;
  --ds-drawer-width: 280px;
  --ds-drawer-gap: 18px;
  --ds-optical-padding: 16px;
  --ds-blur: 16px;
  --ds-duration: 180ms;
  --ds-yellow: #ffe38a;
  --ds-yellow-rgb: 255, 227, 138;
  --ds-canvas-start: #101113;
  --ds-canvas-middle: #1b1d20;
  --ds-canvas-end: #383a3d;
  --ds-bg: #17191c;
  --ds-surface: #303a37;
  --ds-text: #e9ece7;
  --ds-muted: #eef1ed;
  --ds-accent-text: #ffe599;
  --ds-danger: #ff586b;
  --ds-success: #88e8a3;
  --ds-edge: rgba(235, 245, 240, .38);
  --ds-glass: linear-gradient(145deg, rgba(222,228,223,.19), rgba(51,57,56,.38) 42%, rgba(20,24,25,.46));
  --ds-field-glass: linear-gradient(145deg, rgba(222,228,223,.19), rgba(51,57,56,.38) 42%, rgba(20,24,25,.46));
  --ds-popup-glass: linear-gradient(145deg, rgba(83,96,89,.86), rgba(30,38,34,.94));
  --ds-hover-glass: linear-gradient(135deg, rgba(225,238,228,.19), rgba(185,209,194,.09));
  --ds-inset: inset 0 1px 0 rgba(255,255,255,.20);
  --ds-shadow: 0 16px 44px rgba(0,0,0,.24);
  --ds-selected-bg: rgba(var(--ds-yellow-rgb), .16);
  --ds-selected-edge: rgba(var(--ds-yellow-rgb), .8);
  /* Canonical component geometry, motion and optical state tokens. */
  --ds-radius-xs: 6px;
  --ds-radius-sm: 8px;
  --ds-radius-option: 9px;
  --ds-radius-md: 10px;
  --ds-motion-fast: 140ms;
  --ds-motion-normal: 180ms;
  --ds-motion-panel: 240ms;
  --ds-popup-edge: rgba(235,240,235,.4);
  --ds-popup-shadow: 0 18px 46px rgba(0,0,0,.33);
  --ds-select-edge: rgba(255,255,255,.12);
  --ds-select-surface: linear-gradient(145deg,rgba(36,40,42,.84),rgba(18,21,22,.92));
  --ds-select-text: #e9ece7;
  --ds-select-popup-shadow: 0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
  --ds-select-trigger-shadow: 0 16px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
  --ds-option-hover-bg: rgba(240,248,242,.12);
  --ds-option-hover-edge: rgba(240,248,242,.22);
  --ds-option-selected-bg: rgba(255,223,129,.12);
  --ds-option-selected-edge: rgba(255,223,129,.30);
  --ds-option-active-bg: rgba(255,223,129,.24);
  --ds-option-active-shadow: inset 0 0 16px rgba(255,220,99,.24);
  --ds-scroll-track-bg: rgba(255,255,255,.025);
  --ds-focus-offset: 3px;
  --ds-document-ink: #202820;
  --ds-overlay-strong: rgba(15,20,17,.70);
  --ds-text-on-dark: #f4f4f4;
  --ds-muted-on-dark: #e0e3e0;
  --ds-admin-text: #edf1eb;
  --ds-admin-muted: #cbd2cc;
  --ds-option-active-ink: #fff0a1;
  --ds-studio-light-switch-ink: #111810;
  --ds-director-nav-text: #f3f5f2;
  --ds-community-compose-text: #f0f3ef;
  --ds-avatar-dark-bg: rgba(20,25,22,.82);
  --ds-subtle-on-dark: #e7eae7;
  --ds-caption-scrim: rgba(8,10,9,.74);
--ds-image-label-shadow: 0 1px 3px #000,0 0 2px #000;
  --ds-stroke-on-light: 2px rgba(255,255,255,.5);
  --ds-stroke-on-dark: 2px rgba(0,0,0,.65);
  --ds-stroke-drag: 2px rgba(0,0,0,.18);
  --ds-studio-font-family: "Microsoft YaHei UI","Segoe UI Variable Text","Segoe UI","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;
  --ds-studio-font-size: 13px;
  --ds-studio-line-height: 1.4;
  --ds-studio-accent: #eec97f;
  --ds-studio-accent-hi: #fce0a0;
  --ds-studio-accent-deep: #dfae5d;
  --ds-studio-glass-edge: rgba(255,255,255,.16);
  --ds-studio-glass-edge-hi: rgba(255,255,255,.24);
  --ds-studio-glass-shadow: 0 18px 46px rgba(0,0,0,.20),0 5px 14px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.035);
  --ds-studio-selected-fg: #f6d790;
  --ds-studio-selected-line: var(--ds-optical-accent);
  --ds-studio-selected-border: rgba(238,201,127,.34);
  --ds-studio-selected-bg: linear-gradient(145deg,rgba(238,201,127,.14),rgba(255,255,255,.025));
  --ds-studio-selected-shadow: inset 2px 0 0 var(--ds-studio-selected-line),0 7px 18px rgba(0,0,0,.12),0 0 13px rgba(238,201,127,.05);
  /* Canonical dark/default studio palette migrated from the previously effective preview roots. */
  --ds-studio-editor-shell:#0b0d0f;
  --ds-studio-editor-panel:#111315;
  --ds-studio-editor-raised:#17191c;
  --ds-studio-editor-field:rgba(7,9,11,.66);
  --ds-studio-editor-edge:rgba(224,232,240,.10);
  --ds-studio-editor-divider:rgba(224,232,240,.065);
  --ds-studio-editor-text:#e4e7eb;
  --ds-studio-editor-secondary:#a3aab3;
  --ds-studio-editor-muted:#858e99;
  --ds-studio-editor-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);
  --ds-studio-bg-base:#090a0b;
  --ds-studio-divider:#282b2e;
  --ds-studio-divider-soft:#202326;
  --ds-studio-text-base:#f4f4f2;
  --ds-studio-status-green:#26c77a;
  --ds-studio-accent-soft:#f4d58f;
  --ds-studio-accent-muted:#b98643;
  --ds-studio-canvas-deep:#08090a;
  --ds-studio-edge-faint:rgba(255,255,255,.065);
  --ds-studio-edge-medium:rgba(255,255,255,.10);
  --ds-studio-cinematic-bg-0:#05090c;
  --ds-studio-cinematic-bg-1:#0b1217;
  --ds-studio-cinematic-bg-2:#18232c;
  --ds-studio-edge-ref:rgba(255,255,255,.105);
  --ds-studio-accent-ref:#e4b968;
  --ds-studio-accent-ref-hi:#f2cd82;
  --ds-studio-cinematic-text:#f3f4f2;
  --ds-studio-cinematic-muted:#aeb4b2;
  --ds-studio-liquid-accent:#efc978;
  --ds-studio-liquid-white:#f7f8f6;
  --ds-studio-liquid-muted:rgba(235,240,241,.62);
  --ds-studio-liquid-edge:rgba(255,255,255,.18);
  --ds-studio-glass-line:rgba(255,255,255,.095);
  --ds-studio-glass-highlight:rgba(255,255,255,.055);
  --ds-studio-glass-surface:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 42%,rgba(13,16,18,.34));
  --ds-studio-glass-surface-soft:linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.018) 46%,rgba(17,20,22,.28));
  --ds-studio-glass-stroke:rgba(255,255,255,.125);
  --ds-studio-glass-stroke-soft:rgba(255,255,255,.075);
  --ds-studio-glass-shadow-soft:0 16px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.105);
  --ds-studio-glass-shadow-float:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10);
  /* Canonical admin palette. */
  --ds-admin-bg-base:#17191c;
  --ds-admin-panel-bg:rgba(255,255,255,.028);
  --ds-admin-edge-soft:rgba(235,240,235,.12);
  --ds-admin-ink-base:#e7e9e5;
  --ds-admin-muted-base:#9aa19b;
  --ds-admin-muted-secondary:#727a74;
  --ds-admin-accent-hi:#ffe1a0;
  --ds-admin-success-base:#7ed49a;

}
html:is([data-website-theme="silver"], [data-studio-theme="light"], [data-ui-theme="light"]) {
  --ds-canvas-start: #646563;
  --ds-canvas-middle: #91928f;
  --ds-canvas-end: #d4d4d2;
  --ds-bg: #d8ddda;
  --ds-surface: #c7d1ca;
  --ds-text: #030603;
  --ds-muted: #101810;
  --ds-accent-text: #231400;
  --ds-danger: #c51732;
  --ds-success: #21603b;
  --ds-edge: rgba(52,72,59,.38);
  --ds-glass: linear-gradient(145deg, rgba(246,249,246,.32), rgba(210,223,215,.20) 50%, rgba(161,179,168,.17));
  --ds-field-glass: linear-gradient(145deg, rgba(246,249,246,.32), rgba(210,223,215,.20), rgba(161,179,168,.17));
  --ds-popup-glass: linear-gradient(145deg, rgba(248,248,245,.96), rgba(208,211,207,.96));
  --ds-hover-glass: linear-gradient(135deg, rgba(247,255,249,.6), rgba(205,225,213,.48));
  --ds-inset: inset 0 1px 0 rgba(255,255,255,.70);
  --ds-shadow: 0 16px 44px rgba(28,48,35,.16);
  --ds-select-edge: rgba(255,255,255,.52);
  --ds-select-surface: linear-gradient(145deg,rgba(248,248,245,.86),rgba(208,211,207,.86));
  --ds-select-text: #2b302d;
  --ds-select-popup-shadow: 0 18px 48px rgba(45,50,46,.16),inset 0 1px 0 rgba(255,255,255,.55);
  --ds-select-trigger-shadow: var(--ds-select-popup-shadow);
  --ds-selected-bg: rgba(var(--ds-yellow-rgb), .48);
  --ds-selected-edge: #9a7226;
}

/* Scoped theme aliases live here so no component/page file may redefine --ds-* tokens. */
html[data-ds][data-studio-theme="light"] body#daailokStudio {
  --ds-studio-editor-shell:#858585;
  --ds-studio-editor-panel:#717171;
  --ds-studio-editor-raised:#7c7c7c;
  --ds-studio-editor-field:#ffffff0d;
  --ds-studio-editor-edge:#f6f6f655;
  --ds-studio-editor-divider:#f6f6f626;
  --ds-studio-editor-text:#f4f4f4;
  --ds-studio-editor-secondary:#dfdfdf;
  --ds-studio-editor-muted:#bbbbbb;
  --ds-studio-editor-shadow:0 8px 24px #2734411c,inset 0 1px 0 #ffffffb3;
  --ds-studio-selected-fg:#f7d992;
  --ds-studio-selected-line:var(--ds-optical-accent);
  --ds-studio-selected-border:rgba(var(--ds-optical-accent-rgb),0.439216);
  --ds-studio-selected-bg:linear-gradient(145deg,#323232f0,#272727f0);
  --ds-studio-selected-shadow:inset 0 1px 0 #ffffff17,0 2px 8px #0001;
  --ds-text: var(--ds-text-on-dark);
  --ds-muted: var(--ds-muted-on-dark);
  --ds-field-glass: linear-gradient(145deg,rgba(222,228,223,.19),rgba(51,57,56,.38) 42%,rgba(20,24,25,.46));
  --ds-surface: #303a37;
  --ds-popup-glass: linear-gradient(145deg,rgba(83,96,89,.96),rgba(30,38,34,.98));
}
html[data-ds] body.admin-page {
  --ds-text: var(--ds-admin-text);
  --ds-muted: var(--ds-admin-muted);
  --ds-field-glass: linear-gradient(145deg,rgba(222,228,223,.19),rgba(51,57,56,.38) 42%,rgba(20,24,25,.46));
  --ds-popup-glass: linear-gradient(145deg,rgba(83,96,89,.96),rgba(30,38,34,.98));
  --ds-surface: #303a37;
}