/* 홈페이지는 밝은 바탕. 제품 장면은 실제 ADE의 중성 다크 크롬·Cascadia·SVG를 보존한다. */
@layer components {
  .light-home .workspace-screen { --ui-ground:#15181d; --ui-chrome:#1b1f26; --ui-terminal:#0d1116; --ui-border:#ffffff1a; --ui-text:#e8ebef; --ui-muted:#9aa3ae; --ui-brand:#3493cb; background:#15181d; color:#e8ebef; }
  .light-home .demo-menubar { min-height:40px; background:#1b1f26; color:#d9e2eb; font-size:13px; }
  .light-home .demo-stage { --native-scene-height:clamp(510px,calc(100vh - 340px),630px); height:var(--native-scene-height); background:#15181d; }
  .light-home .demo-connection { height:var(--native-scene-height); stroke:#3493cb; }
  .light-home .demo-connection-flow { stroke:#70b9e5; }
  .light-home .demo-tab-socket { border-color:#3493cb; box-shadow:0 0 0 3px #3493cb14; }
  .light-home .demo-terminal-body { background:#000; font:12px/1.8 'Cascadia Mono',Consolas,'IBM Plex Sans KR',monospace; padding:16px 14px 63px; min-height:392px; }
  .light-home .demo-agent-heading { margin-bottom:20px; }
  .light-home .demo-agent-heading strong { color:#5eb5ee; font:600 13px/1.6 'Cascadia Mono',Consolas,monospace; }
  .light-home .demo-agent-heading>div>span { color:#9d9b98; font-size:11px; }
  .light-home .demo-agent-heading>div>.demo-cli-welcome { color:#5eb5ee; font-size:10px; margin-top:12px; }
  .light-home .demo-terminal-prompt { font-size:12px; }
  .light-home .demo-terminal-output>p { font-size:11px; }
  .light-home .demo-file-edit { font-size:10px; margin-top:9px; }
  .light-home .demo-code-change { font-size:10px; line-height:1.6; }
  .light-home .demo-terminal-input { left:10px; right:10px; bottom:39px; min-height:27px; padding:4px 8px; gap:6px; background:#222; }
  .light-home .demo-terminal-shortcut { margin-left:0; font-size:10px; color:#9a9a9a; }
  .demo-cli-status { position:absolute; bottom:9px; left:14px; right:12px; display:flex; flex-direction:column; color:#d6ca79; font:9px/1.55 'Cascadia Mono',Consolas,monospace; }
  .demo-cli-status>span { color:#a5a8ac; font-size:8px; }
  .light-home .demo-browser-toolbar { min-height:43px; padding:5px 11px; gap:10px; }
  .light-home .demo-address { min-height:29px; font-size:11px; }
  .demo-browser-tools { display:flex; align-items:center; gap:14px; min-height:29px; padding:5px 12px; border-bottom:1px solid #ffffff1a; background:#161b22; color:#a5b4c3; font:9px/1.4 'Segoe UI',sans-serif; white-space:nowrap; overflow:hidden; }
  .light-home .demo-browser-body { min-height:calc(var(--native-scene-height) - 142px); grid-template-columns:minmax(0,1fr) 200px; }
  .light-home .demo-agent-panel { background:#171c23; }
  .light-home .demo-page { background:#f0f7f2; color:#263b30; }
  .light-home .demo-page-main { padding:58px 29px 35px; }
  .light-home .demo-page h3 { color:#253d2e; font:800 29px/1.42 'Gothic A1',sans-serif; }
  .light-home .demo-page-copy { padding:0; font-size:12px; }
  .light-home .demo-panel-intro { padding:62px 3px 22px; }
  .light-home .demo-panel-intro-title { color:#d1dae4; font-size:11px; }
  .light-home .demo-panel-intro-copy { color:#8794a2; font-size:10px; }
  .light-home .demo-panel-compose { background:#0d1116; margin-top:13px; padding:9px; }
  .light-home .demo-panel-request { color:#dbe4ed; background:transparent; min-height:50px; font-size:11px; }
  .light-home .demo-panel-page-context { background:#0d1116; }
  .light-home .demo-panel-agent { font-size:10px; }
  .light-home .demo-panel-agent>span:nth-of-type(2) { font-size:8px; }
  .light-home .demo-panel-key-hint { color:#728190; font-size:8px; }
  .light-home .demo-dock { background:#15181d; min-height:26px; gap:14px; border:0; }
  .light-home .demo-dock>span { width:27px; height:24px; background:transparent; }
  .light-home .demo-dock>span>img { width:18px; height:18px; }
  .light-home .demo-caption-note { color:#406b51; }
  .light-home [data-product-story] [data-product-at][data-product-until] { opacity:0; }
  .light-home [data-product-story].is-product-ready [data-product-at] { visibility:visible; }
  .light-home [data-product-story] span[data-product-type] { display:inline-block; max-width:100%; vertical-align:top; }
  [data-product-toggle] { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:7px 13px; background:#fff; color:#2b5039; border:1px solid #bcd2c4; border-radius:8px; font:12px/1.5 var(--sans); cursor:pointer; }
  [data-product-toggle][hidden] { display:none; }
  [data-product-toggle]:hover { background:#f2f8f5; }
  [data-product-symbol] { min-width:12px; }
  @container workspace (min-width:1001px) {
    .light-home .demo-terminal-window { left:2.4%; top:102px; width:29%; }
    .light-home .demo-browser-window { right:2.4%; top:25px; width:65%; }
    .light-home .demo-terminal-body { min-height:calc(var(--native-scene-height) - 155px); }
    .light-home .demo-panel-intro { padding-top:clamp(20px,calc(100vh - 1150px),62px); }
  }
  @container workspace (max-width:1000px) {
    .light-home .demo-stage { height:auto; display:flex; flex-direction:column; gap:20px; padding:16px; }
    .light-home .demo-terminal-window,.light-home .demo-browser-window { position:relative; inset:auto; width:100%; }
    .light-home .demo-terminal-body { min-height:365px; font-size:13px; }
    .light-home .demo-agent-heading strong { font-size:14px; }
    .light-home .demo-agent-heading>div>.demo-cli-welcome { font-size:11px; }
    .light-home .demo-browser-body { grid-template-columns:minmax(0,1fr) 230px; min-height:460px; }
    .light-home .demo-page-main { padding:40px 24px; }
    .light-home .demo-connection { display:none; }
    .light-home .demo-panel-intro { padding-top:35px; }
  }
  @container workspace (max-width:720px) {
    .light-home .demo-browser-body { grid-template-columns:1fr; min-height:0; }
    .light-home .demo-page-main { padding:34px 24px; }
    .light-home .demo-agent-panel { border-left:0; border-top:1px solid #ffffff1a; padding:16px; }
    .light-home .demo-panel-intro { display:none; }
    .light-home .demo-panel-page-context { margin-top:0; }
    .light-home .demo-panel-compose { margin-top:11px; }
    .light-home .demo-panel-agent,.light-home .demo-panel-request { font-size:12px; }
    .light-home .demo-terminal-body { min-height:375px; }
    .light-home .demo-browser-tools { font-size:9px; gap:12px; }
    .light-home .demo-panel-key-hint { font-size:10px; }
    .light-home .workspace-caption { flex-wrap:wrap; gap:10px; margin-top:12px; }
    .light-home .demo-caption-note { display:none; }
  }
  @media (prefers-reduced-motion:reduce) {
    [data-product-story] *,[data-product-story] *::before,[data-product-story] *::after { animation:none!important; transition:none!important; }
    [data-product-toggle] { display:none!important; }
  }
}