.dialkit-native{display:none!important}
.inspector-shell .dialkit-control-host{width:100%;margin:9px 0;min-width:0;font-size:12px}
.inspector-shell .dialkit-control-host[hidden]{display:none!important}
.inspector-shell .dialkit-disabled{opacity:.45;pointer-events:none}
.inspector-shell .dialkit-control-host .dialkit-help{font-family:inherit;margin:8px 0 12px;font-size:10px;line-height:1.6;color:var(--dial-text-tertiary)}
.inspector-shell .dialkit-control-host button{margin:0;font-family:inherit}
.inspector-shell .dialkit-control-host input{margin:0;font-family:inherit}
.inspector-shell .dialkit-control-host .dialkit-slider{min-height:36px}
.inspector-shell .dialkit-control-host .dialkit-slider-label{font-size:11px}
.inspector-shell .dialkit-control-host .dialkit-labeled-control-label{font-size:11px}
.inspector-shell .dialkit-control-host .dialkit-select-trigger{font-size:11px}
.inspector-shell #swatches{flex-wrap:wrap}
.inspector-shell #swatches .dialkit-control-host{flex-basis:100%;order:2}


.inspector-shell .easing-heading{display:block}

/* Curve silhouettes make easing choices recognizable without opening the graph. */
.inspector-shell [data-control="loopEasing"] :is(.dialkit-select-value,.dialkit-select-option){display:flex;align-items:center;gap:10px}
.inspector-shell [data-control="loopEasing"] .easing-option-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.inspector-shell [data-control="loopEasing"] .easing-icon-axis{opacity:.2;stroke-width:1}
.inspector-shell [data-control="loopEasing"] .easing-icon-handle{opacity:.45;stroke-width:1;stroke-dasharray:2 2}

.inspector-shell .dialkit-slider-value{cursor:text}

/* Keep the inspector focused on editable values, not instructional paragraphs. */
.inspector-shell .tip:not([id$="-name"]):not(#shot-selection-note):not(#card-scope-note):not(.music-file-name),
.inspector-shell .template-detail,.inspector-shell .export-info p,.inspector-shell .card-editor-header p{display:none!important}
.inspector-shell .format-custom:has(input[aria-invalid=true]) .tip,
.inspector-shell #shot-framing-fields:has(input[aria-invalid=true]) #shot-format-note{display:block!important;color:#bb605c}

/* Sliders and Export share one corner radius in both themes. */
:root{--editor-control-radius:4px}
.project-bar #export,.inspector-shell .dialkit-control-host .dialkit-slider{border-radius:var(--editor-control-radius)}

.inspector-shell .dialkit-control-host{--dial-radius:var(--editor-control-radius)}
.inspector-shell .dialkit-control-host :is(.dialkit-segmented-pill,.dialkit-segmented-button){border-radius:var(--editor-control-radius)}

/* The editor stores hex colors; keep the picker focused on its color field and value. */
.dialkit-color-popover .dialkit-color-format-row{display:none}

/* Switch overlay layers directly, using the same tabs as the rest of the inspector. */
.inspector-shell [data-control="overlay-active-layer"]>.dialkit-segmented{min-height:var(--editor-control-height);background:var(--editor-field)}
.inspector-shell [data-control="overlay-active-layer"] .dialkit-segmented-button{flex:1 1 0;min-width:0}
.inspector-shell [data-control="overlay-active-layer"] .dialkit-segmented-pill{background:var(--panel);box-shadow:0 1px 3px #0000000c}