/* Shared interface surfaces. Presentation artwork and connector ports keep their own styling. */
button,input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{border:0!important}
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{background:var(--surface-field)!important;border-radius:8px!important;box-shadow:none!important;color:var(--brand-ink)}
input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){background:var(--surface-hover)!important}
input:focus,textarea:focus,select:focus{background:#fffefa!important}
button:disabled,input:disabled,textarea:disabled,select:disabled{border:0!important}
:is(.secondary,.outline-btn,.btn.outline,.demo-btn,.muted-button,.edit-slide,.topbar-help,.profile-button,.icon-btn,.ll-studio-top-button,.ll-studio-close){background:var(--surface-field)!important;border:0!important;color:var(--brand-ink)!important;border-radius:8px!important}
:is(.secondary,.outline-btn,.btn.outline,.demo-btn,.muted-button,.edit-slide,.topbar-help,.profile-button,.icon-btn):hover:not(:disabled){background:var(--surface-hover)!important}
.compact-modes{border:0!important;background:var(--surface-field)!important;padding:4px}.compact-mode.is-current{text-decoration:none!important}.app-topbar .profile-button{box-shadow:none}.app-topbar,.site-header,.presentation-top,.ll-bulk-studio-head{border:0!important;box-shadow:var(--surface-shadow-low)}
:is(.panel,.featured-card,.project-card,.new-card,.dialog,.modal,.caption-dialog,.profile-menu,.topbar-tip,.map-panel,.node,.inspector,.library-panel,.node-picker,.editor-image-picker){border:0!important;box-shadow:var(--surface-shadow)!important}
:is(.panel,.featured-card,.project-card,.dialog,.modal,.caption-dialog,.profile-menu,.topbar-tip,.node-picker,.editor-image-picker){border-radius:12px!important}
.upload-drop.compact{border:0!important;background:var(--surface-recessed)!important}
.upload-drop.empty,.drop-zone{border:0!important;background:var(--surface-field)!important;border-radius:12px!important;box-shadow:inset 0 0 0 2px transparent!important}
.upload-drop.is-over,.drop-zone.is-over{box-shadow:inset 0 0 0 3px var(--brand-ink)!important}
.image-row{border:0!important;padding-block:14px!important}.image-row+.image-row{margin-top:8px}
.image-title{background:var(--surface-field)!important;padding:8px!important;height:auto!important;border-radius:7px!important}
.caption-input{padding:12px!important}.caption-label{margin-block:8px 6px!important}
.bulk-scroll-meta{border:0!important;background:var(--surface-field)!important;border-radius:8px;padding:10px 12px!important;margin:0 12px 8px}
.upload-panel>.bulk-scroll-meta{margin:0 16px 8px}
.bulk-scroll-buttons button{border:0!important;border-radius:6px;background:#fffefa;color:var(--brand-ink);padding:8px!important}
.bulk-scroll-buttons button:disabled{background:transparent!important;opacity:.55!important}
.bulk-scroll-list{border:0!important}.bulk-scroll-end{border:0!important}.panel-foot,.preview-foot{border:0!important;background:var(--surface-recessed)!important}
.slide-row{border:0!important;border-radius:9px!important;background:var(--surface-recessed)!important;margin-bottom:8px;box-shadow:none!important}.slide-row.selected{background:var(--surface-selected)!important;box-shadow:inset 4px 0 var(--brand-ink)!important}
.refined-pages,.ll-studio-inspector,.slides-sidebar,.ll-inspector-header,.ll-selection-summary,.ll-inspector-guidance,.ll-edit-options,.ll-studio-stage-bottom,.sidebar-foot{border:0!important}
.refined-editor .slide-row,.refined-editor .presentation-slide-item{border:0!important;background:var(--surface-recessed)!important}.refined-editor .slide-row.selected,.refined-editor .presentation-slide-item.active{background:var(--surface-selected)!important}
.refined-editor .ll-advanced-panel,.editor-frame-fields,.editor-context-actions{border:0!important}
.refined-editor .editor-context-actions button{background:var(--surface-field)!important;border-radius:7px!important}
.refined-editor .ll-edit-options input:not([type=range]),.refined-editor .ll-edit-options select{background:var(--surface-field)!important}
.node{box-shadow:var(--surface-shadow)!important}.node.selected{outline:2px solid var(--brand-ink)!important;box-shadow:var(--surface-shadow-raised)!important}
.node-header,.node-content,.node-footer-meta,.map-foot{border:0!important}.toolbar,.zoom-bar{border:0!important;box-shadow:var(--surface-shadow-raised)!important}.toolbar button.active{background:var(--surface-selected)!important}.map-panel{background:#fffefa!important}
/* Both scroll regions finish at the same Y position above matching footer bands. */
.preview-panel{position:relative;padding-bottom:var(--aligned-footer,78px)!important}
.preview-ready:not(.ll-is-studio){padding-bottom:0!important}
.preview-ready:not(.ll-is-studio)>.refined-pages{max-height:none!important;min-height:0!important;flex:1 1 0!important}
.preview-ready:not(.ll-is-studio)>.refined-pages>#slide-list{max-height:none!important;min-height:0!important;flex:1 1 0!important}
.preview-ready:not(.ll-is-studio) .bulk-scroll-selection{display:none}
.preview-panel>.preview-aligned-footer{position:absolute;inset:auto 0 0;height:var(--aligned-footer,78px);box-sizing:border-box;padding:16px 17px;background:var(--surface-recessed);display:flex;flex-direction:column;justify-content:center;gap:7px;font-size:11px;color:var(--brand-ink)}
.preview-aligned-footer small{font-size:10px;color:var(--surface-muted)}
.preview-aligned-footer[hidden]{display:none!important}
@media(max-width:750px){.preview-panel:has(.preview-ready:not([hidden])){min-height:490px!important}.preview-ready:not(.ll-is-studio)>.refined-pages{flex:initial!important;min-height:120px!important;max-height:280px!important}.preview-ready:not(.ll-is-studio)>.refined-pages>#slide-list{max-height:210px!important}}
@media(prefers-reduced-motion:no-preference){input,textarea,select{transition:none}}
/* Returning from the editor must not carry collapsed sidebar sizing into the preview. */
.preview-ready:not(.ll-is-studio)>.refined-pages{position:static!important;inset:auto!important;width:auto!important;display:flex!important;box-shadow:none!important}
.preview-ready:not(.ll-is-studio)>.refined-pages>#slide-list{display:block!important;width:auto!important}
.preview-ready:not(.ll-is-studio)>.refined-pages>.bulk-scroll-meta:not([hidden]){display:flex!important}
.app-topbar .profile-button{border-radius:50%!important}

.preview-panel:has(.preview-ready[hidden]){padding-bottom:16px!important}
.login-card,.signup-card,.demo-card,dialog{border:0!important;box-shadow:var(--surface-shadow)!important;border-radius:12px!important}
.image-shell{border:0!important}
/* Keep the editor's page-list header stable as its count changes while scrolling. */
.ll-bulk-studio .refined-pages>.bulk-scroll-meta{flex:0 0 96px;min-height:96px;box-sizing:border-box;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;flex-wrap:nowrap}
.ll-bulk-studio .refined-pages .bulk-scroll-selection{max-width:none;white-space:nowrap}
.ll-bulk-studio .refined-pages .bulk-scroll-meta strong{white-space:nowrap}

/* Match elevation by component, with a separate warm focus outline for fields. */
:is(.dialog,.modal,.caption-dialog,.profile-menu,.topbar-tip,.node-picker,.editor-image-picker,dialog) {
  box-shadow:var(--surface-shadow-raised)!important;
}
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):focus-visible,
textarea:focus-visible,select:focus-visible {
  outline:2px solid var(--surface-focus)!important;
  outline-offset:2px!important;
}