/* Existing product UI, inside the existing platform shell. No viewport masking. */
.platform-embedded body { background:#f7f9fc; }
.platform-embedded .bg-orbs { display:none; }
.platform-embedded .sidebar { display:none; }
.platform-embedded .main-content { margin-left:0; min-width:0; width:100%; }
.platform-embedded .app-shell { min-height:100vh; }
.platform-embedded .top-bar { padding:0 20px; height:auto; min-height:44px; gap:16px; background:#fff; border-bottom:1px solid #e5ebf4; }
/* The console sidebar already names the page; drop the duplicated title. */
.platform-embedded .top-bar h1 { display:none; }
.platform-embedded .top-bar .card-subtitle { display:none; }
.platform-embedded .top-bar h1 { font-size:19px; white-space:nowrap; }
.platform-embedded .top-bar .card-subtitle { font-size:12px; }
.platform-embedded .page-content { padding:20px; max-width:none; }
.platform-embedded .create-agent { width:100%; grid-template-columns:190px minmax(0,1fr) 260px; height:calc(100vh - 88px); min-height:480px; }
.platform-embedded .create-agent.context-collapsed { grid-template-columns:190px minmax(0,1fr) 0; }
.platform-embedded .create-center { min-width:0; }
.platform-embedded .create-composer { background:#fff; border-color:#dce5f1; }
.platform-embedded .create-composer textarea { min-height:28px; line-height:24px; }
.platform-embedded .create-main { min-width:0; }
.platform-embedded .create-mode-banner { background:#eef4ff; border-color:#dce7fc; }
.platform-embedded .create-project-sidebar { border-color:#e1e8f1; }
.platform-embedded .card,.platform-embedded .glass { background-color:#fff; backdrop-filter:none; border-color:#e0e7f1; }
.platform-embedded .btn-primary { background:#2563eb; box-shadow:none; }
.platform-embedded .btn-primary:hover { background:#1d4ed8; }
.platform-embedded .page-actions { flex-wrap:wrap; gap:8px; padding:10px 0; }
.platform-embedded .editor-workspace { min-width:0; }
.platform-embedded .editor-main { min-width:0; }
.platform-embedded .editor-main-actions { flex-wrap:wrap; }
/* Standalone legacy markup omitted these classes: preserve its original visual tokens. */
.sidebar > .brand { display:flex; flex-direction:column; gap:6px; padding:25px 24px; border-bottom:1px solid var(--glass-border); text-decoration:none; color:var(--text-primary); }
.sidebar > .brand strong { font-size:22px; }
.sidebar > .brand span { font-size:12px; color:var(--text-secondary); }
.sidebar > nav { padding:18px 14px; }
.sidebar > nav > a { display:flex; align-items:center; min-height:44px; margin:3px 0; padding:10px 14px; border-radius:9px; color:var(--text-secondary); text-decoration:none; font-size:14px; font-weight:500; }
.sidebar > nav > a:hover,.sidebar > nav > a.active { background:var(--accent-soft); color:var(--accent-deep); }

.new-story-dialog { width:min(620px,92vw); padding:30px; border:1px solid #dae4f1; border-radius:14px; background:#fff; color:#243650; box-shadow:0 24px 90px #172d4933; }
.new-story-dialog::backdrop { background:#10233d55; backdrop-filter:blur(3px); }
.new-story-dialog h2 { margin:0 0 10px; font-size:23px; }
.new-story-dialog .form-label { display:block; margin:18px 0 8px; }
.new-story-dialog .form-input { width:100%; }
.new-story-actions { display:flex;justify-content:flex-end;gap:10px;margin-top:25px; }
#new-story-error { color:#a83333;font-size:13px; }