/* Compact, live map settings. */
.function-map .function-map__settings { width: min(var(--map-settings-width, 720px),calc(100% - 36px)) !important; border-radius: 16px; background: #141c18f7; }
.function-map .function-map__settings-head { min-height: 58px; padding: 12px 16px; }
.function-map .function-map__settings-head b { font: 650 12px/1.3 system-ui; text-transform: none; letter-spacing: 0; }
.function-map .function-map__settings-head small { color: #a5ada6; font: 400 10px/1.4 system-ui; }
.function-map .function-map__settings-tabs { padding: 8px 12px; gap: 4px; }
.function-map .function-map__settings-tabs button { font-size: 10px !important; padding: 0 10px !important; color: #a5ada6 !important; }
.function-map .function-map__settings-tabs button.is-active { color: #e4cb92 !important; }
.function-map .function-map__settings-content { padding: 16px; }
.function-map .function-map__settings-content [hidden] { display: none !important; }
.function-map .function-map__settings-title { margin-bottom: 14px; padding-bottom: 12px; }
.function-map .function-map__settings-title h2 { color: #ecebe4; font: 650 17px/1.3 system-ui; }
.function-map .function-map__settings-title p { color: #a5ada6; font: 400 11px/1.5 system-ui; }
.function-map .function-map__setting-row,
.function-map .function-map__setting-slider,
.function-map .function-map__setting-select,
.function-map .function-map__setting-action { min-height: 62px; gap: 16px; padding: 12px; margin: 7px 0; border: 1px solid #ffffff10; border-radius: 10px; background: #ffffff02; }
.function-map .function-map__settings-content b { color: #e1e5de; font: 550 11px/1.4 system-ui; }
.function-map .function-map__settings-content :is(small,output) { color: #9ea99f; font-size: 10px; line-height: 1.45; }
.function-map .function-map__setting-row > span,
.function-map .function-map__setting-slider > span { gap: 4px; }
.function-map .function-map__setting-slider > div { grid-template-columns: minmax(85px,130px) 42px; gap: 8px; }
.function-map .function-map__settings input[type=range] { min-height: 24px; padding: 0; }
.function-map .function-map__settings :is(button,input,select):focus-visible { outline: 2px solid #dfc58a; outline-offset: 3px; }
.function-map .function-map__settings button:hover { border-color: #dfc58a70 !important; }
.function-map .function-map__settings-footer { gap: 12px; padding: 10px 14px; min-height: 54px; }
.function-map .function-map__settings-footer span { color: #a5ada6; font: 400 10px/1.4 system-ui; }
.function-map__scenario-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.function-map .function-map__scenario-grid button { display: grid; gap: 5px; min-width: 0; padding: 12px !important; text-align: left; border: 1px solid #ffffff16 !important; background: #ffffff03 !important; box-shadow: none !important; }
.function-map .function-map__scenario-grid button small { font-weight: 400; }
.function-map .function-map__scenario-grid button[aria-pressed=true] { border-color: #dfc58a80 !important; background: #dfc58a0d !important; }
.function-map .function-map__settings-info { padding: 12px; margin-top: 12px; }
.function-map .function-map__settings-info p { color: #a5ada6; font: 400 10px/1.6 system-ui; }
@media(max-width:720px){
 .function-map .function-map__settings { width: calc(100% - 20px) !important; }
 .function-map .function-map__settings-content { padding: 12px; }
 .function-map .function-map__setting-row { flex-direction: row; align-items: center; }
 .function-map .function-map__setting-slider > div { grid-template-columns: minmax(0,1fr) 42px; }
 .function-map__scenario-grid { grid-template-columns: 1fr; }
 .function-map .function-map__settings-title em { display: none; }
}

.function-map .function-map__settings-title > div { display: block; }

/* Visible on/off state; neutralize global admin checkbox dimensions. */
.function-map .function-map__settings .function-map__switch-control { display: flex; flex: 0 0 auto; flex-direction: row; align-items: center; gap: 8px; min-width: 80px; }
.function-map .function-map__settings .function-map__switch-control > span { width: 30px; color: #aab4ad; font: 550 10px/1 system-ui; }
.function-map .function-map__settings .function-map__switch-control:has(:checked) > span { color: #ead39b; }
.function-map .function-map__settings input[type=checkbox] { appearance: none !important; display: block !important; position: relative !important; flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; padding: 0 !important; margin: 0 !important; border: 1px solid #718074 !important; border-radius: 20px !important; background: #29342d !important; box-shadow: none !important; cursor: pointer; }
.function-map .function-map__settings input[type=checkbox]::after { content: '' !important; position: absolute !important; top: 3px !important; left: 3px !important; right: auto !important; width: 14px !important; height: 14px !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: #b7c0b9 !important; transform: none !important; box-shadow: none !important; transition: left .15s ease; }
.function-map .function-map__settings input[type=checkbox]:checked { border-color: #d9bc79 !important; background: #6b572d !important; }
.function-map .function-map__settings input[type=checkbox]:checked::after { left: 21px !important; background: #f1dba7 !important; }
.function-map .function-map__settings .is-unavailable { opacity: .45; }
.function-map .function-map__settings .is-unavailable input { cursor: not-allowed; }
.function-map .function-map__settings label:has(input[type=checkbox]:enabled) { cursor: pointer; }
@media(prefers-reduced-motion:reduce){.function-map .function-map__settings input[type=checkbox]::after{transition:none}}

.function-map__settings-tabs{flex-wrap:nowrap;gap:4px}.function-map__audience-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.function-map__audience-presets button,[data-personal-audience]{text-align:left;padding:14px;border:1px solid #75613755;border-radius:12px;background:#ffffff06;color:#ece8dd;cursor:pointer}.function-map__audience-presets button small,[data-personal-audience] small{display:block;font-size:11px;color:#b2b9af;margin-top:5px}.function-map__audience-presets button:hover,.function-map__audience-presets button[aria-pressed=true]{background:#b99a4929;border-color:#bd9a50}[data-benchmark-result]{line-height:1.8;font-variant-numeric:tabular-nums}

.function-map .function-map__settings-tabs{display:flex;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;min-height:48px;flex-shrink:0;border-bottom:1px solid #ffffff10}.function-map .function-map__settings-tabs button{flex:0 0 auto;white-space:nowrap;min-height:32px}.function-map .function-map__settings-head>div{flex:1}.function-map .function-map__settings-head>[data-settings-expand]{margin-left:auto;margin-right:6px;min-width:30px}.function-map .function-map__resize-handle{position:absolute;z-index:5;left:0;top:64px;bottom:52px;width:9px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;cursor:ew-resize;border-radius:0!important;touch-action:none}.function-map .function-map__resize-handle:hover,.function-map .function-map__resize-handle:focus-visible{background:#d4b26955!important}.map-bench{display:grid;gap:14px}.map-bench__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-bench__metrics article{padding:14px 12px;border:1px solid #ffffff10;border-radius:12px;background:linear-gradient(140deg,#ffffff06,transparent);display:grid;gap:8px;min-width:0}.function-map .map-bench__metrics strong{font:600 clamp(22px,2.5vw,32px)/1 system-ui;color:#e7cc90;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.map-bench__metrics span{font-size:10px;color:#929f99}.map-bench__chart{border:1px solid #ffffff0c;border-radius:10px;padding:12px;background:#0c151380}.map-bench__chart svg{width:100%;height:70px;display:block}.map-bench__chart>div{display:flex;justify-content:space-between;font-size:10px;color:#8e9d96;margin-top:8px}.map-bench progress{width:100%;height:4px;accent-color:#d4b269;border:0}.map-bench__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.map-bench__actions>span{font-size:10px;color:#92a096}.map-bench [data-benchmark-result]{margin:0;padding:12px;border-radius:10px;background:#ffffff04;font-size:11px;line-height:1.7;color:#c2cdc7}.map-bench__note{display:block;line-height:1.7!important}.function-map__settings-content{min-height:0!important}@media(max-width:520px){.map-bench__metrics article{padding:10px 7px}.map-bench__metrics small{font-size:9px!important}}

.function-map__record{margin-top:18px;padding:16px;border:1px solid #b39c6355;border-radius:12px}.function-map__record p{font-size:11px;line-height:1.6}.function-map__record-share{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.function-map__record-share img{border:5px solid #e9d7a8;border-radius:16px;animation:recordQRGlow 3s ease-in-out infinite}.function-map__record-share small{flex-basis:100%}.function-map__playback{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #a98c4a55;border-radius:12px;margin-bottom:14px}.function-map__playback input{flex:1;min-width:60px}.function-map__playback span{font-size:11px;font-variant-numeric:tabular-nums}@keyframes recordQRGlow{50%{box-shadow:0 0 24px #d9b66f55}}@media(prefers-reduced-motion:reduce){.function-map__record-share img{animation:none}}