/* Settings keeps the existing paper, brass and green palette. */
#settingsDialog{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-width:none;max-height:none;min-width:0;padding:18px 22px;border-width:14px;border-image-width:14px;overflow:hidden}
#settingsDialog[open]{display:flex;flex-direction:column;gap:12px}
#settingsDialog .sound-heading{flex:none;padding:0 0 10px;gap:12px;min-height:48px}
#settingsDialog .sound-heading>img{width:54px;height:54px}
#settingsDialog .sound-heading h2{font:600 29px/1.2 var(--ui-display);letter-spacing:2px}
#settingsDialog .sound-heading>div>span{display:block}
#settingsDialog .sound-close{width:44px;height:44px;min-height:44px;align-self:center}
#settingsDialog .settings-tabs-v76{display:flex;gap:9px;flex:none;border-bottom:1px solid #ab8d5340}
#settingsDialog .settings-tabs-v76 button{border:0;border-bottom:3px solid transparent;border-radius:0;min-width:90px;min-height:44px;padding:6px 18px;background:none;font-size:14px}
#settingsDialog .settings-tabs-v76 button[aria-selected=true]{color:#345538;border-color:#8b713c;background:#74805512;font-weight:600}
#settingsDialog .settings-panels-v76{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#settingsDialog .settings-footer-v76{flex:none;min-width:0}
#settingsDialog .settings-footer-v76>[hidden]{display:none!important}
#settingsDialog [role=tabpanel]{min-height:100%}
#settingsDialog [role=tabpanel][hidden]{display:none!important}
#settingsDialog #settings-sound-panel,#settingsDialog #settings-save-panel{display:flex;flex-direction:column}
#settingsDialog .sound-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px;padding:8px 0 15px}
#settingsDialog .sound-slider{grid-template-columns:minmax(108px,1fr) minmax(92px,1fr) 38px;min-height:52px;gap:12px}
#settingsDialog .sound-slider b{font-size:14px}
#settingsDialog .sound-slider small{font-size:10px;line-height:1.3;white-space:normal}
#settingsDialog .sound-slider output{font-size:12px}
#settingsDialog .sound-slider input{min-height:5px;touch-action:pan-y}
#settingsDialog .sound-listen{display:flex;padding-left:20px;border-left:1px solid #a58b5842;border-top:0}
#settingsDialog .sound-record{display:block;width:90px;height:78px}
#settingsDialog .sound-listen>strong{font:600 22px/1.4 var(--ui-display)}
#settingsDialog .sound-preview select{height:40px;font-size:12px}
#settingsDialog .sound-preview button{min-height:40px;font-size:12px;padding:6px 10px}
#settingsDialog .sound-track-state{font-size:11px;line-height:1.4;min-height:20px}
#settingsDialog .sound-sample-label{font-size:11px}
#settingsDialog .sound-footer{flex:none;padding-top:10px;gap:12px}
#settingsDialog .sound-save-status{font-size:11px}
#settingsDialog .sound-footer button,#settingsDialog .save-actions-v76 button{min-height:44px;font-size:13px;padding:7px 20px}
.settings-eyebrow{display:block;color:#947441;font:500 10px/1.4 var(--ui-text);letter-spacing:.12em}
.save-management-v76{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(160px,1fr);gap:25px;padding:14px 0}
#settingsDialog .save-copy-v76 h3{font:600 25px/1.3 var(--ui-display);color:#44371f;margin:8px 0 12px}
#settingsDialog .save-copy-v76 p{font:400 13px/1.7 var(--ui-text);color:#7d6a48;margin:8px 0}
#settingsDialog .save-copy-v76 .save-retained-v76{font-size:12px;color:#62754c}
.save-summary-v76{margin:0;padding:2px 0 0 20px;border-left:1px solid #ac915840;display:flex;flex-direction:column;justify-content:center;gap:13px}
.save-summary-v76>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.save-summary-v76 dt{font-size:11px;color:#99835a}
.save-summary-v76 dd{margin:0;color:#425638;font:600 19px/1.3 var(--ui-display);white-space:nowrap}
.reset-result-v76{padding:13px 16px;background:#a9995a12;border:1px solid #a48c5840;border-radius:3px}
.reset-result-v76>span{display:block;font-size:10px;color:#927a50;margin-bottom:6px}
.reset-result-v76>strong{display:block;font-size:14px;font-weight:600;color:#4f613e}
.reset-result-v76>small{display:block;font-size:11px;color:#9c8963;margin-top:6px}
#settingsDialog .save-message-v76{font-size:12px;line-height:1.5;min-height:18px;color:#5c743f;margin:12px 0}
.save-actions-v76{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #a58b5842;margin-top:auto;padding-top:12px}
#settingsDialog .save-actions-v76 [data-settings-done]{background:#314b35;color:#f3dfad;border-color:#816b3e}
#settingsDialog .save-reset-v76,.reset-confirm-v76 .save-reset-v76{color:#814a33;border-color:#b58b6099;background:#ad6c3812}
#settingsDialog button:disabled,.reset-confirm-v76 button:disabled{opacity:.55;cursor:default}
#settingsDialog[data-density=compact],#settingsDialog[data-density=tight]{padding:10px 16px;border-width:10px;border-image-width:10px}
#settingsDialog:is([data-density=compact],[data-density=tight])[open]{gap:6px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-heading{min-height:44px;gap:9px;padding-bottom:6px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-heading>img{width:40px;height:40px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-heading h2{font-size:24px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-heading>div>span,
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-heading p{display:none}
#settingsDialog:is([data-density=compact],[data-density=tight]) .settings-tabs-v76 button{min-height:36px;font-size:12px;min-width:80px;padding:4px 16px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-body{padding:3px 0 7px;grid-template-columns:minmax(0,1fr) 185px;gap:16px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-slider{min-height:35px;gap:10px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-slider.is-master{margin-bottom:3px;padding-bottom:3px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-slider b{font-size:12px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-slider small{font-size:9px;margin-top:1px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-slider output{font-size:11px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-listen{padding:0 0 0 15px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-record,
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-listen>p,
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-track-label{display:none}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-listen>strong{font-size:19px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-track-state{margin:5px 0 10px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-save-status{font-size:10px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .sound-footer{padding-top:6px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-management-v76{gap:20px;padding:6px 0 8px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-copy-v76 h3{font-size:20px;margin:4px 0 7px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-copy-v76 p{font-size:12px;margin:5px 0;line-height:1.5}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-summary-v76{gap:8px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-summary-v76 dd{font-size:17px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .reset-result-v76{padding:8px 12px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .reset-result-v76>span{margin-bottom:4px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .reset-result-v76>strong{font-size:12px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .reset-result-v76>small{display:none}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-message-v76{margin:7px 0;min-height:0;font-size:11px}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-message-v76:empty{display:none}
#settingsDialog:is([data-density=compact],[data-density=tight]) .save-actions-v76{padding-top:7px}
#settingsDialog[data-density=tight] .sound-slider{min-height:29px}
#settingsDialog[data-density=tight] .sound-slider small{line-height:1.2}
#settingsDialog[data-density=tight] .sound-body{padding:0;gap:14px}
#settingsDialog[data-layout=portrait] .sound-body{grid-template-columns:1fr;gap:14px}
#settingsDialog[data-layout=portrait] .sound-listen{border-left:0;border-top:1px solid #a58b5842;padding:12px 0}
#settingsDialog[data-layout=portrait] .sound-record,#settingsDialog[data-layout=portrait] .sound-track-label,#settingsDialog[data-layout=portrait] .sound-listen>p{display:none}
#settingsDialog[data-layout=portrait] .sound-slider{grid-template-columns:90px minmax(60px,1fr) 35px;gap:8px}
#settingsDialog[data-layout=portrait] .save-management-v76{grid-template-columns:1fr;gap:10px}
#settingsDialog[data-layout=portrait] .save-summary-v76{border-left:0;border-top:1px solid #ac915840;padding:12px 0}
.reset-confirm-v76{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 20px);padding:20px 23px;border:14px solid transparent;border-image:url('assets/ui-v54/paper-panel.png') 86 fill / 14px / 0 stretch;border-radius:0;background:none;color:#55472f;overflow:auto;box-shadow:0 18px 70px #030c07a0}
.reset-confirm-v76::backdrop{background:#06160ddd;backdrop-filter:blur(4px)}
.reset-confirm-v76 h2{font:600 26px/1.3 var(--ui-display);margin:7px 0 13px;color:#48351e}
.reset-confirm-v76 p{font:400 13px/1.7 var(--ui-text);margin:10px 0}
.reset-confirm-v76>small{color:#718152;font-size:11px}
.reset-save-context-v76{color:#90774b;padding:7px 10px;background:#b7a36b16}
.reset-confirm-status-v76{color:#92603c;font-size:12px!important}
.reset-confirm-status-v76:empty{display:none}
.reset-confirm-actions-v76{display:flex;gap:12px;margin-top:18px}
.reset-confirm-actions-v76 button{flex:1;border:1px solid #9e875766;min-height:44px;padding:8px 10px;font:500 12px var(--ui-text);border-radius:3px}
.reset-confirm-actions-v76 [data-reset-cancel]{background:#314b35;color:#f3dfad}
.reset-confirm-v76 button:focus-visible,#settingsDialog button:focus-visible{outline:2px solid #7d8e54;outline-offset:3px}
@media(orientation:landscape) and (max-height:440px){.reset-confirm-v76{padding:12px 18px;border-width:10px;border-image-width:10px}.reset-confirm-v76 h2{font-size:23px;margin:5px 0 8px}.reset-confirm-v76 p{margin:7px 0;font-size:12px}.reset-confirm-actions-v76{margin-top:10px}}