/* Exact fill from the logo icon background. One source for all dark-blue accents. */
:root { --brand-ink:#232522; --brand-ink-rgb:35,37,34; }
/* Measured interface palette. Layout and presentation artwork stay in their own styles. */
:root { --ui-ink:var(--brand-ink); --ui-muted:var(--surface-muted); --ui-blue:var(--brand-ink); --ui-border:var(--surface-focus); --ui-soft:var(--surface-recessed); --ui-focus:var(--brand-ink); --muted:var(--surface-muted); --sage:var(--brand-ink); --green:var(--brand-ink); --studio-sub:var(--surface-muted); }
.compact-modes { background:#f3f4f5; border-color:var(--surface-focus); }
.mode-indicator { background:var(--ui-blue); }
.compact-mode { color:var(--brand-ink); font-weight:600; }
.compact-mode.is-current { color:white; font-weight:750; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:2px; }
.compact-mode:hover:not(:disabled) { text-decoration:underline; text-underline-offset:5px; background:transparent; }
.app-topbar .compact-mode.is-current:hover { color:white; }
.topbar-create,.dark-btn,.primary,.btn:not(.outline),.btn-primary,.ll-head-export { background:var(--ui-blue) !important; border-color:var(--ui-blue) !important; color:white !important; font-weight:700; }
.topbar-home,.topbar-help,.app-topbar .avatar { color:var(--ui-ink); }
.topbar-home { white-space:nowrap; }
.topbar-help,.app-topbar .profile-button { border-color:var(--ui-border); }
.secondary,.outline-btn,.btn.outline,.demo-btn,.topbar-tip button { border-color:var(--ui-border) !important; color:var(--ui-ink) !important; background:#fff !important; }
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select { border-color:var(--ui-border) !important; color:var(--ui-ink); }
input::placeholder,textarea::placeholder { color:var(--surface-muted) !important; opacity:1; }
.image-title:not(:hover):not(:focus) { border-color:transparent !important; }
:is(button,a,input,textarea,select,summary,[tabindex]):focus-visible { outline:3px solid var(--ui-focus) !important; outline-offset:3px !important; }
input:focus,textarea:focus,select:focus { outline:3px solid var(--ui-focus) !important; outline-offset:3px !important; }
:is(button,a):hover:not(:disabled) { text-underline-offset:3px; }
:is(button,input,select,textarea):disabled { opacity:1 !important; color:var(--surface-muted) !important; background:var(--surface-selected) !important; border-color:var(--surface-focus) !important; border-style:dashed !important; cursor:not-allowed; }
.compact-mode:disabled { background:transparent !important; border:0 !important; text-decoration:line-through; }
.save-status,.counts,.caption-advice,.caption-label,.bulk-scroll-selection,.slide-number,.sidebar-help,.sidebar-heading span { color:var(--ui-muted) !important; }
.bulk-scroll-buttons button { border-color:var(--ui-border); color:var(--ui-ink); }
.bulk-scroll-end,.bulk-scroll-end.is-reached { color:var(--ui-ink); background:var(--ui-soft); border-color:var(--surface-focus); }
.bulk-scroll-end strong,.bulk-scroll-end span { color:var(--ui-ink); }
.bulk-scroll-list { scrollbar-color:#777b73 var(--surface-field); }
.profile-menu a:hover,.profile-menu button:hover { background:var(--surface-field) !important; text-decoration:underline; }
.preview-panel .preview-foot,.preview-panel .edit-slide,.preview-panel .reorder-group { display:none !important; }
.preview-panel #slide-preview { cursor:default; }
.ll-bulk-studio #preview-ready .preview-foot { display:flex !important; }
.ll-bulk-studio #preview-ready .preview-foot > #export-pdf { display:none; }
.ll-bulk-studio .preview-foot .preview-actions { flex-wrap:wrap; }
.caption-dialog { width:min(530px,calc(100vw - 30px)); padding:24px; border:1px solid var(--ui-border); border-radius:10px; background:#fcfbf8; color:var(--ui-ink); }
.caption-dialog label { display:block; margin:14px 0 8px; font-size:13px; }
.caption-dialog .caption-input { min-height:110px; margin-bottom:18px; }
.node.selected { outline-color:var(--ui-blue) !important; }
.port { border-color:var(--ui-blue); }
.canvas-port.sequence { color:var(--ui-blue); border-color:var(--ui-blue); }
.image-label { background:var(--brand-ink); color:white !important; padding:8px 10px; border-radius:4px; text-shadow:none; }
.ll-rail-zoom,.ll-inspector-eyebrow,.ll-selection-summary p,.ll-shortcuts,.ll-shortcuts span,#canvas-tip,#library-count,.canvas-bar-right button span,.presentation-list small { color:var(--surface-muted) !important; }
.ll-sheet:not(.ll-template-cover) .ll-footer { color:var(--surface-muted); }
.ll-sheet .ll-empty { color:var(--surface-muted); }
.signup-action { background:var(--ui-blue) !important; color:white !important; font-weight:700; }
.footer-links a:hover { opacity:1 !important; text-decoration:underline; }
@media(max-width:360px) { .app-topbar .brand > span:last-child { max-width:66px; white-space:normal; } }
@media(max-width:470px) { .topbar-home { font-size:9px; padding:5px 2px; } }

.ll-sheet .ll-figure figcaption { background:rgba(var(--brand-ink-rgb),.93); }
.node { border-color:var(--surface-focus); }
.node-group-box,.upload-drop.empty,.drop-zone { border-color:var(--surface-focus); }
.muted-button,.edit-slide { border:1px solid var(--ui-border); border-radius:5px; color:var(--ui-ink); background:white; }
.muted-button:hover,.edit-slide:hover,.topbar-create:hover,.primary:hover,.dark-btn:hover { text-decoration:underline; text-underline-offset:3px; }