/* Dedicated Smart shell; existing Smart controls and slider styles stay shared. */
.editor-page #editor-smart-panel {
  position: fixed; z-index: 48; display: flex; flex-direction: column;
  width: 370px; min-width: 0; max-width: calc(100vw - 16px); max-height: calc(100dvh - 80px);
  overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; box-sizing: border-box; color: #f2f2f2; background: rgba(0,0,0,.8);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid #ffffff30; border-radius: 5px; box-shadow: 0 12px 36px #0008; font: 11px/1.3 system-ui,sans-serif;
}
.editor-page #editor-smart-panel[hidden] { display: none; }
.editor-page #editor-smart-panel [hidden] { display: none !important; }
@supports not (backdrop-filter: blur(1px)) { .editor-page #editor-smart-panel { background: #101010; } }
.editor-page #editor-smart-panel-header { position: sticky; top: 0; z-index: 1; flex: 0 0 auto; min-height: 36px; gap: 6px; background: rgba(0,0,0,.94); cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; }
.editor-page #editor-smart-panel-header[data-dragging=true] { cursor: grabbing; }
.editor-page #editor-smart-panel-title { flex: 1 1 auto; min-width: 0; margin-right: 0; }
.editor-page #editor-smart-panel-close { margin-left: auto; }
.editor-page #editor-smart-panel-fields { display: grid; flex: 0 0 auto; gap: 10px; min-height: 0; padding: 10px 12px; overflow: visible; }
.editor-page #editor-smart-panel :is(input,select,textarea) { min-width: 0; min-height: 24px; border: 1px solid #343434; background: var(--surface,#171717); color: #eee; padding: 3px 5px; border-radius: 3px; font: inherit; }
.editor-page #editor-smart-panel .smart-fields select { width: auto; max-width: 66%; }
.editor-page #editor-smart-panel button { min-height: 30px; padding: 5px 8px; border: 1px solid #ffffff36; border-radius: 5px; background: #ffffff08; color: #eee; font: inherit; box-shadow: none; cursor: pointer; }
.editor-page #editor-smart-panel .smart-fields :is(button,select) { min-height: 34px; }
.editor-page #editor-smart-panel button:not(:disabled):hover { border-color: #ffffff80; background: #ffffff13; box-shadow: 0 0 9px #ffffff15; }
.editor-page #editor-smart-panel button:not(:disabled):active { background: #ffffff24; box-shadow: inset 0 1px 4px #0008; }
.editor-page #editor-smart-panel button:disabled { opacity: .38; cursor: default; }
.editor-page #editor-smart-panel :focus-visible { outline: 2px solid #eee; outline-offset: 2px; }
.editor-page #editor-smart-panel .smart-operations button[aria-pressed=true],.editor-page #editor-smart-panel-lock[aria-pressed=true] { background: #ffffff24; color: #fff; border-color: #eee; box-shadow: inset 0 -2px #eee; font-weight: 650; }
.editor-page #editor-smart-panel #smart-selection-help-button { flex: 0 0 28px; min-width: 28px; min-height: 28px; border-radius: 50%; font-size: 13px; }
.editor-page #editor-smart-panel .editor-slider .editor-slider-value { width: 46px; max-width: none; }
/* The existing reveal button/timers stay authoritative. Smart is beneath both
   the 899 edge hotspot and the 900 flyout, including the normally docked rail. */
.editor-page[data-smart-panel-visible=true] .inspector-panel { z-index: 900; }
.editor-page[data-smart-panel-visible=true] #editor-inspector-edge { z-index: 899; }
@media (pointer: coarse), (max-width: 600px) {
  .editor-page #editor-smart-panel .smart-fields :is(button,select,summary) { min-height: 44px; }
  .editor-page #editor-smart-panel-header { min-height: 44px; }
  .editor-page #editor-smart-panel-header button { min-width: 44px; min-height: 44px; }
  .editor-page #editor-smart-panel #smart-selection-help-button { flex-basis: 44px; min-width: 44px; min-height: 44px; }
  .editor-page #editor-smart-panel .smart-fields .editor-slider-value { min-height: 32px; }
}

.editor-page #editor-smart-panel-fields { gap:8px; padding:8px 10px; }
.editor-page #editor-smart-panel .smart-fields :is(button,select) {min-height:30px;}
.editor-page #editor-smart-panel .smart-fields {border-bottom:1px solid #ffffff14;padding-bottom:7px;}
.editor-page #editor-smart-panel[data-minimized=true] :is(#editor-smart-panel-lock,#editor-smart-panel-close) {display:none;}
.editor-page #editor-smart-panel[data-minimized=true] #editor-smart-panel-title {cursor:pointer;}