/* Контур · Простор — встраиваемые стили (scoped) v1.43.1. */
.prostor-host [data-theme]:focus-visible, .prostor-host [data-theme] *:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px;}
.prostor-host{--accent:#38BDF8;--accent-hover:#5cc9fa;--accent-fg:#0c2230;--accent-ring:rgba(56,189,248,0.5);}
.prostor-host [data-theme="dark"]{
  --bg:#000000;--bg-form:transparent;--bg-brand:#000000;--surface:rgba(255,255,255,0.045);--surface-inset:rgba(255,255,255,0.03);
  --border:rgba(255,255,255,0.10);--border-soft:rgba(255,255,255,0.055);--border-strong:rgba(255,255,255,0.18);--grid:rgba(255,255,255,0.035);
  --text:#f0f0f1;--text-secondary:#b6b6b8;--text-muted:#8a8a8c;--text-faint:#777779;--icon:#909092;
  --info-bg:rgba(56,189,248,0.07);--info-border:rgba(56,189,248,0.22);--info-text:#9fc6dc;--info-strong:#cfeaf8;--invert:#EAF7FF;
  --contrast:#38BDF8;--contrast-fg:#0c2230;--contrast-hl:rgba(255,255,255,0.18);--chip-fg:#ffffff;--danger:#f0494f;--danger-fg:#ffffff;
  --seam:rgba(255,255,255,0.4);--seam-soft:rgba(255,255,255,0.10);
  --tile-bg:#f3f3f4;--tile-fg:#141416;--tile-sub:#6c6c6e;--tile-bd:rgba(0,0,0,0.10);--tile-badge:rgba(0,0,0,0.18);
  --panel-bg:#0b0b0c;
  --glow:radial-gradient(1100px 820px at 50% 42%, rgba(56,189,248,0.16), rgba(56,189,248,0.04) 38%, transparent 70%);
  --giga-grad:linear-gradient(100deg,#9aa3ac 0%,#ffffff 16%,#e9eef2 28%,#889099 44%,#ffffff 58%,#cdd5db 74%,#99a2ab 100%);
  --giga-sub:linear-gradient(180deg,#ffffff,#aeb7bf);
  --giga-stroke:rgba(255,255,255,0.3);--giga-shadow:drop-shadow(0 2px 6px rgba(0,0,0,0.6));
  --glass-bg:linear-gradient(125deg,rgba(255,255,255,0.05),rgba(255,255,255,0.008) 40%,rgba(255,255,255,0.03));
  --glass-border:rgba(255,255,255,0.16);--glass-shadow:inset 0 1.5px 0 rgba(255,255,255,0.42),inset 0 0 70px rgba(255,255,255,0.04),0 30px 70px rgba(0,0,0,0.6);
  --glass-sweep:rgba(255,255,255,0.22);--glass-edge:rgba(255,255,255,0.55);
}
.prostor-host [data-theme="light"]{
  --bg:#eef0f2;--bg-form:transparent;--bg-brand:linear-gradient(135deg,#e9ebee 0%,#dfe2e6 58%,#d6d9dd 100%);--surface:rgba(255,255,255,0.72);--surface-inset:rgba(255,255,255,0.5);
  --border:rgba(20,24,30,0.2);--border-soft:rgba(20,24,30,0.14);--border-strong:rgba(20,24,30,0.3);--grid:rgba(20,24,30,0.05);
  --text:#1a1a1c;--text-secondary:#3a3a3c;--text-muted:#767678;--text-faint:#6c6c6e;--icon:#7a7a7c;
  --info-bg:rgba(56,189,248,0.1);--info-border:rgba(56,189,248,0.3);--info-text:#3f7591;--info-strong:#1d6088;--invert:#0B1A22;
  --contrast:linear-gradient(145deg,#46464a 0%,#0d0d0f 48%,#2c2c30 80%,#09090b 100%);--contrast-fg:#ffffff;--contrast-hl:rgba(255,255,255,0.22);--chip-fg:#101012;--danger:#d22d33;--danger-fg:#ffffff;
  --seam:rgba(20,20,24,0.5);--seam-soft:rgba(20,20,24,0.22);
  --tile-bg:#141416;--tile-fg:#f3f3f4;--tile-sub:#9a9a9c;--tile-bd:rgba(255,255,255,0.12);--tile-badge:rgba(255,255,255,0.22);
  --panel-bg:#ffffff;
  --glow:radial-gradient(1100px 820px at 50% 42%, rgba(56,189,248,0.14), rgba(56,189,248,0.04) 38%, transparent 70%);
  --giga-grad:linear-gradient(100deg,#2a2a2d 0%,#0a0a0c 12%,#626266 30%,#101012 42%,#828286 52%,#0c0c0e 64%,#48484c 80%,#08080a 100%);
  --giga-sub:linear-gradient(180deg,#4a4a4d,#161618);
  --giga-stroke:rgba(255,255,255,0.32);--giga-shadow:drop-shadow(0 1px 0 rgba(255,255,255,0.5)) drop-shadow(0 3px 9px rgba(0,0,0,0.4));
  --glass-bg:linear-gradient(125deg,rgba(255,255,255,0.24),rgba(255,255,255,0.02) 40%,rgba(255,255,255,0.16));
  --glass-border:rgba(255,255,255,0.7);--glass-shadow:inset 0 1.5px 0 rgba(255,255,255,0.9),inset 0 0 70px rgba(255,255,255,0.14),0 26px 60px rgba(36,36,40,0.24);
  --glass-sweep:rgba(255,255,255,0.6);--glass-edge:rgba(255,255,255,0.9);
}
@keyframes edgePulse{0%,100%{opacity:0.35}50%{opacity:0.95}}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes panelIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes heroIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes paneL{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:translateX(0)}}
@keyframes paneR{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:translateX(0)}}
@keyframes dividerGrow{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes glassLine{0%{background-position:0 -160px}100%{background-position:0 220px}}
.prostor-host .onav{display:flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:500;font-family:'Geist',sans-serif;color:var(--text-secondary);transition:background .15s ease,color .15s ease;}
.prostor-host .onav:hover{background:var(--surface-inset);color:var(--text);}
.prostor-host .onav.active{background:var(--accent);color:var(--accent-fg);}
@media (prefers-reduced-motion: reduce){*{animation:none!important;}}
.prostor-host #notes-area{color:var(--text);}
.prostor-host #notes-area::placeholder{color:var(--text);opacity:1;}
.prostor-host [data-theme] button{border-radius:999px;transition:background .25s ease,color .2s ease,border-color .25s ease,opacity .2s ease,box-shadow .25s ease,transform .2s ease;}
.prostor-host [data-theme] input{border-radius:14px;}
.prostor-host [data-theme] textarea{border-radius:18px;}
.prostor-host [data-theme] [style*="solid var(--border)"]{border-radius:20px;border-color:var(--border)!important;}
.prostor-host [data-theme] [style*="solid var(--border-soft)"]{border-radius:20px;}
.prostor-host [data-theme] [style*="solid var(--border-strong)"]{border-radius:999px;}
.prostor-host [data-theme] [style*="solid var(--accent)"]{border-radius:20px;}
.prostor-host [data-theme] [style*="solid var(--accent-ring)"]{border-radius:14px;}
.prostor-host [data-theme] [style*="solid var(--info-border)"]{border-radius:18px;}
.prostor-host [data-theme] [style*="dashed var(--border-strong)"]{border-radius:24px;}
.prostor-host [data-theme] [style*="background:var(--surface)"]{border-radius:20px;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 18px 50px rgba(0,0,0,0.22);}
.prostor-host [data-theme="light"] [style*="background:var(--surface)"]{box-shadow:0 18px 44px rgba(40,46,58,0.12);}
.prostor-host [data-theme] [style*="background:var(--surface-inset)"]{border-radius:16px;}
.prostor-host .k-aura{position:fixed;inset:0;pointer-events:none;background:var(--glow);z-index:0;}

/* ── контейнер встраивания: Простор живёт под топбаром, не трогает остальной шелл ── */
.prostor-host{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;display:none;overflow:hidden;z-index:60;background:var(--bg);}
.prostor-host.on{display:block;}
/* цепочка высоты: host → morphdom-wrap → root[data-theme] → экраны(100vh). Без height у wrap всё схлопывалось в 0. */
.prostor-host > [data-dcwrap]{height:100%;min-height:0;}
.prostor-host [data-theme]{height:100%!important;min-height:0!important;overflow:hidden;}
.prostor-host [style*="100vh"]{height:100%!important;min-height:0!important;}
/* убрать собственный chrome Простора (тема и oracle-нав дублируют merged-топбар) */
.prostor-host [style*="z-index:200"]{display:none!important;}   /* свой переключатель темы */
.prostor-host [style*="z-index:120"][style*="border-radius:999px"]{display:none!important;}   /* своя oracle-навигация (пилюля); НЕ трогаем viewer/agent-панели (тоже z-120, но не pill) */

/* ── Drag-and-drop файлов на холст: полноэкранный оверлей-подсказка ───────────── */
.k-drop-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .18s ease;}
.k-drop-overlay.on{opacity:1;}
.k-drop-card{display:flex;flex-direction:column;align-items:center;gap:11px;padding:40px 56px;border:2px dashed var(--accent);border-radius:18px;background:rgba(56,189,248,0.07);text-align:center;animation:kDropIn .22s ease both;}
@keyframes kDropIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.k-drop-ic{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:300;line-height:1;color:var(--accent-fg);background:var(--accent);}
.k-drop-t{font-size:16px;font-weight:600;color:#fff;}
.k-drop-s{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,0.6);}
