.settings-panel .sf-menu{margin-top:18px}.settings-panel .sf-divider{font:600 15px/1.3 var(--h-font-display,Fredoka, sans-serif);letter-spacing:.02em;color:var(--h-ink-muted,#5b4a3a);border-top:1px solid #d2bd91;margin:0 0 8px;padding-top:16px}.settings-panel .sf-menu ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.settings-panel .sf-row{box-sizing:border-box;padding:6px 14px 6px 6px;width:100%;min-height:58px;color:var(--h-ink,#2c2118);font:500 17px/1.35 var(--h-font-display,Fredoka, sans-serif);text-align:start;cursor:pointer;transition:transform var(--h-dur-fast,.12s) var(--h-ease-soft,ease), background-color var(--h-dur-fast,.12s);background:#fff8e6;border:2px solid #c9ad76;border-radius:16px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding-inline:6px 14px;display:grid;box-shadow:inset 0 0 0 2px #fffaf0,0 2px #b89a62}.settings-panel .sf-row:hover{background:#fffdf5;transform:translateY(-1px)}.settings-panel .sf-row:active{transform:translateY(1px);box-shadow:inset 0 0 0 2px #fffaf0}.settings-panel .sf-row-icon{box-sizing:border-box;background:#fff7e2;border:1px solid #d1b983;border-radius:12px;place-items:center;width:46px;height:46px;padding:8px;display:grid}.settings-panel .sf-row-icon .story-control-art{width:28px;height:28px}.settings-panel .sf-row-chev{color:#7a5d34;width:18px;height:18px;display:inline-flex}.settings-panel .sf-row-chev>svg{width:100%;height:100%}.settings-panel .sf-row-chev:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.settings-panel .sf-form{gap:14px;display:grid}.settings-panel .sf-title{font:600 22px/1.3 var(--h-font-display,Fredoka, sans-serif);color:var(--h-ink,#2c2118);margin:0}.settings-panel .sf-sub{font:600 16px/1.3 var(--h-font-display,Fredoka, sans-serif);margin:4px 0 0}.settings-panel .sf-lead{font:400 16px/1.5 var(--h-font-body,Nunito, sans-serif);color:#4a3b2d;margin:0}.settings-panel .sf-field{gap:6px;display:grid}.immersive .story-settings-tactile[open] .settings-panel .sf-form label:not(.sf-toggle){min-height:0;font:600 16px/1.4 var(--h-font-display,Fredoka, sans-serif);padding:0;display:block}.settings-panel .sf-q{color:#6b3f12;white-space:nowrap;font-weight:700}.immersive .story-settings-tactile[open] .settings-panel .sf-form :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;color:#2c2118;width:100%;max-width:none;min-height:46px;font:400 17px/1.4 var(--h-font-body,Nunito, sans-serif);background:#fffdf6;border:2px solid #a88a57;border-radius:12px;padding:10px 14px}.settings-panel .sf-form textarea{resize:vertical;min-height:110px}.settings-panel .sf-form input[type=file]{padding:8px 10px;font-size:15px}.immersive .story-settings-tactile[open] .settings-panel .sf-form :is(input,textarea,select,button,summary):focus-visible{outline:var(--h-focus-width,3px) solid var(--h-focus-color,#1f4fbf);outline-offset:3px}.immersive .story-settings-tactile[open] .settings-panel .sf-field.is-invalid :is(input,textarea){background:#fff5f2;border-color:#a3261b}.settings-panel .sf-error{font:600 15px/1.4 var(--h-font-body,Nunito, sans-serif);color:#a3261b;margin:0}.settings-panel .sf-error.is-form{background:#fde8e3;border:1px solid #e3a597;border-radius:12px;padding:10px 14px}.settings-panel .sf-notice{color:#4a3510;font:600 15px/1.45 var(--h-font-body,Nunito, sans-serif);background:#fff1c9;border:1px solid #d0a94f;border-radius:12px;margin:0;padding:12px 14px}.settings-panel .sf-hint{font:400 14px/1.4 var(--h-font-body,Nunito, sans-serif);color:#5b4a3a;justify-content:space-between;gap:12px;margin:0;display:flex}.settings-panel .sf-hint .is-over{color:#a3261b;font-weight:700}.settings-panel .sf-status{color:#1f4a1a;font:600 16px/1.4 var(--h-font-body,Nunito, sans-serif);background:#e8f3e3;border:1px solid #9cc28f;border-radius:12px;align-items:center;gap:10px;margin:0;padding:12px 14px;display:flex}.settings-panel .sf-dot{background:#2f7a28;border-radius:50%;flex:none;width:12px;height:12px}.settings-panel .sf-books{font:500 16px/1.6 var(--h-font-body,Nunito, sans-serif);margin:0;padding-inline-start:22px}.immersive .story-settings-tactile[open] .settings-panel .sf-link{min-height:var(--h-target,44px);color:#1f4a9a;font:600 15px/1.4 var(--h-font-body,Nunito, sans-serif);cursor:pointer;box-shadow:none;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.settings-panel .sf-context{background:#fffaf0;border:1px solid #d2bd91;border-radius:12px;padding:8px 14px}.settings-panel .sf-context summary{cursor:pointer;min-height:32px;font:600 15px/2 var(--h-font-display,Fredoka, sans-serif)}.settings-panel .sf-context dl{font:400 14px/1.4 var(--h-font-body,Nunito, sans-serif);color:#3d3025;grid-template-columns:max-content 1fr;gap:4px 14px;margin:8px 0 4px;display:grid}.settings-panel .sf-context dt{font-weight:700}.settings-panel .sf-context dd{overflow-wrap:anywhere;margin:0}.immersive .story-settings-tactile[open] .settings-panel .sf-form label.sf-toggle{min-height:44px;font:600 16px/1.4 var(--h-font-display,Fredoka, sans-serif);cursor:pointer;align-items:center;gap:12px;padding:0;display:flex}.settings-panel .sf-toggle input{opacity:0;width:1px;height:1px;position:absolute}.settings-panel .sf-switch{background:#cdbb97;border:2px solid #8f7447;border-radius:16px;flex:none;width:56px;height:30px;transition:background-color .15s;position:relative}.settings-panel .sf-switch:after{content:"";top:2px;background:#fffdf6;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;inset-inline-start:2px;box-shadow:0 1px 2px #0004}.settings-panel .sf-toggle input:checked+.sf-switch{background:#3f7d37;border-color:#2c5a26}.settings-panel .sf-toggle input:checked+.sf-switch:after{transform:translate(26px)}html[dir=rtl] .settings-panel .sf-toggle input:checked+.sf-switch:after{transform:translate(-26px)}.settings-panel .sf-toggle input:focus-visible+.sf-switch{outline:var(--h-focus-width,3px) solid var(--h-focus-color,#1f4fbf);outline-offset:3px}.settings-panel .sf-shot{border:1px solid #d2bd91;border-radius:10px;justify-self:start;max-width:100%;max-height:160px}.settings-panel .sf-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:4px;display:flex}html[lang=ar] .settings-panel :is(.sf-divider,.sf-row,.sf-title,.sf-sub,.sf-lead,.sf-error,.sf-hint,.sf-status,.sf-notice,.sf-books,.sf-link,.sf-actions button),html[lang=ar] .immersive .story-settings-tactile[open] .settings-panel .sf-form label{font-family:var(--h-font-arabic,"Baloo Bhaijaan 2", sans-serif)}@media (prefers-reduced-motion:reduce){.settings-panel :is(.sf-row,.sf-switch){transition:none}}.hc-settings-layer .settings-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9000!important}.hc-settings-layer .settings-panel{z-index:9001!important}:root.h-ui .story-settings .settings-panel img.story-control-art.settings-row-art,.story-settings .settings-panel img.story-control-art.settings-row-art{filter:drop-shadow(0 1.5px 1.5px #3c280a38);opacity:1}.story-settings .settings-panel .sf-row-icon img.settings-row-art{width:34px;height:34px}