.settings-panel .sf-menu{margin-top:18px}.settings-panel .sf-divider{position:relative;margin:0 0 8px;padding-top:22px;font:600 15px/1.3 var(--font-display);letter-spacing:.02em;color:var(--h-ink-muted, #5b4a3a)}.settings-panel .sf-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.settings-panel .sf-row{box-sizing:border-box;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:58px;padding:6px 14px 6px 6px;padding-inline:6px 14px;border:2px solid #c9ad76;border-radius:16px;background:#fff8e6;color:var(--h-ink, #2c2118);font:500 17px/1.35 var(--font-display);text-align:start;cursor:pointer;box-shadow:inset 0 0 0 2px #fffaf0,0 2px #b89a62;transition:transform var(--h-dur-fast, .12s) var(--h-ease-soft, ease),background-color var(--h-dur-fast, .12s)}:root .immersive .story-settings-tactile[open] .settings-panel a.sf-row,.settings-panel a.sf-row{display:grid;margin:0;padding:6px 14px 6px 6px;padding-inline:6px 14px;min-height:58px;border:2px solid #c9ad76;text-decoration:none;color:var(--h-ink, #2c2118);font-size:17px;font-weight:500;line-height:1.35;text-align:start}.settings-panel .sf-divider:before,.settings-panel .sf-sep:before{content:"";position:absolute;left:6%;right:6%;top:8px;height:1px;background:linear-gradient(90deg,transparent,#c9a45c 30%,#c9a45c 42%,transparent 46%,transparent 54%,#c9a45c 58%,#c9a45c 70%,transparent)}.settings-panel .sf-divider:after,.settings-panel .sf-sep:after{content:"";position:absolute;left:50%;top:5px;width:7px;height:7px;translate:-50% 0;rotate:45deg;background:linear-gradient(135deg,#f3d489,#b8893a);box-shadow:0 0 0 2px #fff8e6}.settings-panel .sf-sep{position:relative;height:18px;list-style:none}.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;display:grid;place-items:center;width:46px;height:46px;padding:5px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);border:1px solid #d1b983;border-radius:12px;background:#fff7e2}.settings-panel .sf-row-icon .story-control-art{width:28px;height:28px}.settings-panel .sf-row-chev{display:inline-flex;width:18px;height:18px;color:#7a5d34}.settings-panel .sf-row-chev>svg{width:100%;height:100%}.settings-panel .sf-row-chev:dir(rtl){transform:scaleX(-1)}.settings-panel .sf-form{display:grid;gap:14px}.settings-panel .sf-title{margin:0;font:600 22px/1.3 var(--font-display);color:var(--h-ink, #2c2118)}.settings-panel .sf-sub{margin:4px 0 0;font:600 16px/1.3 var(--font-display)}.settings-panel .sf-lead{margin:0;font:400 16px/1.5 var(--font-body);color:#4a3b2d}.settings-panel .sf-field{display:grid;gap:6px}.immersive .story-settings-tactile[open] .settings-panel .sf-form label:not(.sf-toggle){display:block;min-height:0;padding:0;font:600 16px/1.4 var(--font-display)}.settings-panel .sf-q{font-weight:700;color:#6b3f12;white-space:nowrap}.immersive .story-settings-tactile[open] .settings-panel .sf-form :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;width:100%;max-width:none;min-height:46px;padding:10px 14px;border:2px solid #a88a57;border-radius:12px;background:#fffdf6;color:#2c2118;font:400 17px/1.4 var(--font-body)}.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){border-color:#a3261b;background:#fff5f2}.settings-panel .sf-error{margin:0;font:600 15px/1.4 var(--font-body);color:#a3261b}.settings-panel .sf-error.is-form{padding:10px 14px;border-radius:12px;background:#fde8e3;border:1px solid #e3a597}.settings-panel .sf-notice{margin:0;padding:12px 14px;border-radius:12px;border:1px solid #d0a94f;background:#fff1c9;color:#4a3510;font:600 15px/1.45 var(--font-body)}.settings-panel .sf-hint{display:flex;justify-content:space-between;gap:12px;margin:0;font:400 14px/1.4 var(--font-body);color:#5b4a3a}.settings-panel .sf-hint .is-over{color:#a3261b;font-weight:700}.settings-panel .sf-status{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:#e8f3e3;border:1px solid #9cc28f;color:#1f4a1a;font:600 16px/1.4 var(--font-body)}.settings-panel .sf-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#2f7a28}.settings-panel .sf-books{margin:0;padding-inline-start:22px;font:500 16px/1.6 var(--font-body)}.immersive .story-settings-tactile[open] .settings-panel .sf-link{justify-self:start;min-height:var(--h-target, 44px);padding:0;border:0;background:none;color:#1f4a9a;font:600 15px/1.4 var(--font-body);text-decoration:underline;cursor:pointer;box-shadow:none}.settings-panel .sf-context{border:1px solid #d2bd91;border-radius:12px;background:#fffaf0;padding:8px 14px}.settings-panel .sf-context summary{min-height:32px;cursor:pointer;font:600 15px/2 var(--font-display)}.settings-panel .sf-context dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:8px 0 4px;font:400 14px/1.4 var(--font-body);color:#3d3025}.settings-panel .sf-context dt{font-weight:700}.settings-panel .sf-context dd{margin:0;overflow-wrap:anywhere}.immersive .story-settings-tactile[open] .settings-panel .sf-form label.sf-toggle{display:flex;align-items:center;gap:12px;min-height:44px;padding:0;font:600 16px/1.4 var(--font-display);cursor:pointer}.settings-panel .sf-toggle input{position:absolute;opacity:0;width:1px;height:1px}.settings-panel .sf-switch{position:relative;flex:none;width:56px;height:30px;border-radius:16px;background:#cdbb97;border:2px solid #8f7447;transition:background-color .15s}.settings-panel .sf-switch:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:22px;height:22px;border-radius:50%;background:#fffdf6;box-shadow:0 1px 2px #0004;transition:transform .15s}.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{max-width:100%;max-height:160px;border-radius:10px;border:1px solid #d2bd91;justify-self:start}.settings-panel .sf-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:4px}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(--font-display-ar)}@media(prefers-reduced-motion:reduce){.settings-panel :is(.sf-row,.sf-switch,.sf-switch:after){transition:none}}.hc-settings-layer .settings-backdrop{z-index:9000!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.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 rgba(60,40,10,.22));opacity:1}.story-settings .settings-panel .sf-row-icon img.settings-row-art{width:34px;height:34px}.settings-panel .sf-legal{display:flex;justify-content:center;align-items:center;gap:10px;padding:2px 0 4px;font-size:13px}:root .immersive .story-settings-tactile .settings-panel .sf-legal a,.settings-panel .sf-legal a{all:unset;cursor:pointer;font:inherit;font-size:14px;color:#6b4f2a;opacity:.85;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.settings-panel .sf-legal a:hover,.settings-panel .sf-legal a:focus-visible{opacity:1;outline:2px solid #c9a24a;outline-offset:2px;border-radius:3px}.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){display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:48px;padding-inline:0 64px}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading:has(.popup-purpose-block)>.settings-row-art{position:static;translate:none;flex:none;width:40px;height:40px}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading .popup-purpose-block{flex:1 1 auto;min-width:0;margin:0;padding:0;text-align:start}:root.h-ui:not(#h):not(#v5):not(#sf) .settings-panel .settings-panel-heading :is(h2.popup-purpose,p.popup-purpose-sub){margin:0;max-width:none;text-align:start}: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{margin-top:2px;font-size:15px;color:#5b4a3a}.settings-panel .sf-form{gap:16px;margin-top:16px;max-height:min(520px,calc(100dvh - 200px));overflow-y:auto;overscroll-behavior:contain;padding:4px 6px 0;margin-inline:-6px}.settings-panel .sf-field{gap:8px;justify-items:stretch;text-align:start}.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{position:sticky;bottom:0;margin:0 -6px;padding:16px 6px 8px;justify-content:flex-end;gap:16px;background:linear-gradient(180deg,transparent,#fff8e8 16px)}.settings-panel .sf-actions>.h-btn-pill{min-height:44px;min-width:112px}.settings-panel .sf-context{padding:0;border:1px solid #d2bd91;border-radius:12px;background:#fffaf0}:root .immersive .story-settings .settings-panel .sf-context>summary,.settings-panel .sf-context>summary{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:8px 16px;border-radius:12px;cursor:pointer;color:var(--h-ink, #2c2118);font:600 16px/1.4 var(--font-display);text-align:start}.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{display:inline-flex;flex:none;width:16px;height:16px;color:#7a5d34;transition:transform .15s}.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{grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;padding:8px 16px 16px;border-top:1px solid #eadbb9;font:400 15px/1.4 var(--font-body);color:#3d3025}.settings-panel .sf-context dt{font-weight:700;text-align:start}.settings-panel .sf-context dd{text-align:end}.immersive .story-settings-tactile[open] .settings-panel .sf-form label.sf-toggle{justify-self:stretch;width:100%;justify-content:flex-start}.settings-panel .sf-sub-label{margin:0;font:600 15px/1.4 var(--font-display);color:#4a3b2d}.settings-panel .sf-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings-panel .sf-file{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 8px;padding-inline:4px 8px;border:2px dashed #c9ad76;border-radius:14px;background:#fffdf6}.settings-panel .sf-file-btn{flex:none;min-height:44px}.settings-panel .sf-file-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 15px/1.4 var(--font-body);color:#5b4a3a}:root .immersive .story-settings .settings-panel .sf-file-remove,.settings-panel .sf-file-remove{all:unset;box-sizing:border-box;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:#6b3f12;cursor:pointer}.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(--font-display-ar)}.settings-panel .sf-menu .sf-legal{margin-top:8px}:root .immersive .story-settings-tactile .settings-panel .sf-toggle>input[type=checkbox]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;opacity:0;pointer-events:none}.settings-panel .sf-form{scrollbar-width:thin;scrollbar-color:#b89a62 transparent;padding-inline:6px 14px;margin-inline:-6px -14px}.settings-panel .sf-form>.sf-actions{margin-inline:-6px -14px;padding-inline:6px 14px}.settings-panel .sf-form>.sf-actions{background:linear-gradient(180deg,#f8f0dd00,#f8f0dd 16px)}:root.h-ui:not(#pm):not(#sf) .hc-settings-layer .settings-panel[data-popup-motion]{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b89a62 transparent}
