.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);margin:0 0 8px;padding-top:22px;position:relative}.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}:root .immersive .story-settings-tactile[open] .settings-panel a.sf-row,.settings-panel a.sf-row{min-height:58px;color:var(--h-ink,#2c2118);text-align:start;border:2px solid #c9ad76;margin:0;padding:6px 14px 6px 6px;padding-inline:6px 14px;font-size:17px;font-weight:500;line-height:1.35;text-decoration:none;display:grid}.settings-panel .sf-divider:before,.settings-panel .sf-sep:before{content:"";background:linear-gradient(90deg,#0000,#c9a45c 30% 42%,#0000 46% 54%,#c9a45c 58% 70%,#0000);height:1px;position:absolute;top:8px;left:6%;right:6%}.settings-panel .sf-divider:after,.settings-panel .sf-sep:after{content:"";background:linear-gradient(135deg,#f3d489,#b8893a);width:7px;height:7px;position:absolute;top:5px;left:50%;translate:-50%;rotate:45deg;box-shadow:0 0 0 2px #fff8e6}.settings-panel .sf-sep{height:18px;list-style:none;position:relative}.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 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}.settings-panel .sf-legal{justify-content:center;align-items:center;gap:10px;padding:2px 0 4px;font-size:13px;display:flex}:root .immersive .story-settings-tactile .settings-panel .sf-legal a,.settings-panel .sf-legal a{all:unset;cursor:pointer;font:inherit;color:#6b4f2a;opacity:.85;text-underline-offset:3px;font-size:14px;text-decoration:underline;text-decoration-thickness:1px}:is(.settings-panel .sf-legal a:hover,.settings-panel .sf-legal a:focus-visible){opacity:1;outline-offset:2px;border-radius:3px;outline:2px solid #c9a24a}.settings-panel .sf-legal span{opacity:.45}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading:has(.popup-purpose-block){justify-content:flex-start;align-items:center;gap:12px;min-height:48px;padding-inline:0 64px;display:flex}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading:has(.popup-purpose-block)>.settings-row-art{flex:none;width:40px;height:40px;position:static;translate:none}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading .popup-purpose-block{text-align:start;flex:auto;min-width:0;margin:0;padding:0}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading :is(h2.popup-purpose,p.popup-purpose-sub){text-align:start;max-width:none;margin:0}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading h2.popup-purpose{color:var(--h-text-heading,#3d2616);font-size:24px}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading p.popup-purpose-sub{color:#5b4a3a;margin-top:2px;font-size:15px}.settings-panel .sf-form{overscroll-behavior:contain;margin-top:16px;gap:16px;max-height:min(520px,100dvh - 200px);margin-inline:-6px;padding:4px 6px 0;overflow-y:auto}.settings-panel .sf-field{text-align:start;justify-items:stretch;gap:8px}.immersive .story-settings-tactile[open] .settings-panel .sf-form label:not(.sf-toggle){text-align:start}.immersive .story-settings-tactile[open] .settings-panel .sf-form textarea{resize:none;min-height:112px}.settings-panel .sf-hint{align-items:baseline}.settings-panel .sf-hint>:last-child{flex:none}.settings-panel .sf-actions{background:linear-gradient(#0000,#fff8e8 16px);justify-content:flex-end;gap:16px;margin:0 -6px;padding:16px 6px 8px;position:sticky;bottom:0}.settings-panel .sf-actions>.h-btn-pill{min-width:112px;min-height:44px}.settings-panel .sf-context{background:#fffaf0;border:1px solid #d2bd91;border-radius:12px;padding:0}:root .immersive .story-settings .settings-panel .sf-context>summary,.settings-panel .sf-context>summary{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:48px;color:var(--h-ink,#2c2118);font:600 16px/1.4 var(--h-font-display,Fredoka, sans-serif);text-align:start;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.settings-panel .sf-context>summary::-webkit-details-marker{display:none}.settings-panel .sf-context>summary:focus-visible{outline:3px solid var(--h-focus-color,#1f4fbf);outline-offset:2px}.settings-panel .sf-context-chev{color:#7a5d34;flex:none;width:16px;height:16px;transition:transform .15s;display:inline-flex}.settings-panel .sf-context-chev>svg{width:100%;height:100%}.settings-panel .sf-context[open] .sf-context-chev{transform:rotate(180deg)}.settings-panel .sf-context dl{font:400 15px/1.4 var(--h-font-body,Nunito, sans-serif);color:#3d3025;border-top:1px solid #eadbb9;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;padding:8px 16px 16px}.settings-panel .sf-context dt{text-align:start;font-weight:700}.settings-panel .sf-context dd{text-align:end}.immersive .story-settings-tactile[open] .settings-panel .sf-form label.sf-toggle{justify-content:flex-start;justify-self:stretch;width:100%}.settings-panel .sf-sub-label{font:600 15px/1.4 var(--h-font-display,Fredoka, sans-serif);color:#4a3b2d;margin:0}.settings-panel .sf-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-panel .sf-file{padding:4px 8px;background:#fffdf6;border:2px dashed #c9ad76;border-radius:14px;align-items:center;gap:12px;min-height:48px;padding-inline:4px 8px;display:flex}.settings-panel .sf-file-btn{flex:none;min-height:44px}.settings-panel .sf-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 15px/1.4 var(--h-font-body,Nunito, sans-serif);color:#5b4a3a;flex:auto;overflow:hidden}:root .immersive .story-settings .settings-panel .sf-file-remove,.settings-panel .sf-file-remove{all:unset;box-sizing:border-box;color:#6b3f12;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.settings-panel .sf-file-remove:hover{background:#f6e7c4}.settings-panel .sf-file-remove:focus-visible{outline:3px solid var(--h-focus-color,#1f4fbf);outline-offset:2px}.settings-panel .sf-file-remove>svg{width:16px;height:16px}html[lang=ar] .settings-panel :is(.sf-context>summary,.sf-context dl,.sf-sub-label,.sf-file-name){font-family:var(--h-font-arabic,"Baloo Bhaijaan 2", sans-serif)}.settings-panel .sf-menu .sf-legal{margin-top:8px}:root .immersive .story-settings-tactile .settings-panel .sf-toggle>input[type=checkbox]{opacity:0;pointer-events:none;width:1px!important;height:1px!important;margin:0!important;position:absolute!important}.settings-panel .sf-form{scrollbar-width:thin;scrollbar-color:#b89a62 transparent;margin-inline:-6px -14px;padding-inline:6px 14px}.settings-panel .sf-form>.sf-actions{background:linear-gradient(#f8f0dd00,#f8f0dd 16px);margin-inline:-6px -14px;padding-inline:6px 14px}:root.h-ui:not(#pm):not(#sf) .hc-settings-layer .settings-panel[data-popup-motion]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b89a62 transparent;overflow:hidden auto!important}