.studio{color:var(--ink);direction:rtl;gap:12px;padding-bottom:12px;display:grid}[data-reader] [data-sheet]:has(.studio){max-height:55dvh}[data-reader]:has([data-sheet]:not([hidden]) .studio) [data-veil]{background:0 0}[data-sheet]:has(.studio) .sh-h{min-height:44px;padding-inline-end:148px}[data-sheet]:has(.studio) .sh-h [data-act=sheet-close]{inset-inline-end:8px;position:absolute;top:8px}[data-sheet]:has(.studio) .studio-toolbar{inset-inline-end:44px;position:absolute;top:8px}.studio [hidden]{display:none!important}.studio button,.studio input{font:inherit}.studio button{cursor:pointer;color:inherit}.studio svg{flex:none;width:22px;height:22px}.studio button:disabled{cursor:default;opacity:.45}.studio button:focus-visible,.studio input:focus-visible{outline:2px solid var(--olive);outline-offset:3px}.studio-toolbar{justify-content:flex-end;display:flex}.studio-reset{color:var(--olive-d);background:0 0;border:0;align-items:center;gap:6px;min-height:36px;font-size:13px;display:flex}.studio-tabs{background:var(--card);border-radius:var(--r-card);gap:2px;padding:6px 10px;display:flex}.studio-tab{border-radius:var(--r-control);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;min-height:44px;padding:4px 2px;font-size:13px;display:flex}.studio-tab[aria-selected=true]{background:var(--olive-t);color:var(--olive-d);font-weight:600}.studio-pane{gap:22px;min-width:0;display:grid}.studio-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:4px 16px}.studio-pick+.studio-pick,.studio-toggle+.studio-toggle{border-top:1px solid var(--line)}.studio-pick-head,.studio-toggle,.studio-option{text-align:start;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 0;font-size:15px;line-height:1.5;display:flex}.studio-value{color:var(--olive-d);margin-inline-start:auto;font-weight:600}.studio-chevron{color:var(--ink3)}.studio-chevron svg{width:18px;height:18px}.studio-chevron.studio-expanded{transform:rotate(180deg)}.studio-pick-icon{border-radius:var(--r-control);background:var(--olive-t);width:36px;height:36px;color:var(--olive-d);flex:none;place-items:center;display:grid}.studio-text{flex-direction:column;flex:1;gap:2px;display:flex}.studio-text small{color:var(--ink3);font-size:13px}.studio-options{background:var(--bg2);border-radius:var(--r-control);margin-bottom:12px;padding:0 12px}.studio-option+.studio-option{border-top:1px solid var(--line)}.studio-option[aria-pressed=true]{color:var(--olive-d);font-weight:600}.studio-check{width:22px;color:var(--olive)}.studio-disabled{opacity:.45}.studio-toggle{position:relative}.studio-toggle input{opacity:0;width:1px;height:1px;position:absolute}.studio-switch{background:var(--line2);border-radius:13px;flex:none;width:44px;height:26px;position:relative}.studio-switch>span{top:3px;width:20px;height:20px;box-shadow:var(--shadow);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.studio-toggle input:checked+.studio-switch{background:var(--olive)}.studio-toggle input:checked+.studio-switch>span{inset-inline-start:21px}.studio-toggle input:focus-visible+.studio-switch{outline:2px solid var(--olive);outline-offset:3px}.studio-section{gap:8px;display:grid}.studio-section h3{color:var(--ink3);margin:0;padding-inline:4px;font-size:13px;font-weight:600;line-height:1.7}.studio-swatches{justify-content:space-between;gap:4px;display:flex}.studio-swatch{background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.studio-swatch small{font-size:12px;line-height:1.5}.studio-dot{border:1px solid var(--line2);background:var(--bg2);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.studio-ornament{border-radius:var(--r-control);background:var(--bg2);width:52px;height:52px}.studio-swatch[aria-pressed=true] .studio-dot,.studio-swatch[aria-pressed=true] .studio-ornament{outline:2px solid var(--olive);outline-offset:2px}.studio-slider{padding:10px 4px 2px}.studio-slider-label{justify-content:space-between;gap:12px;font-size:15px;line-height:1.5;display:flex}.studio-slider-label output{color:var(--olive-d);font-weight:600}.studio-slider input{appearance:none;cursor:pointer;touch-action:pan-x;background:0 0;width:100%;height:36px;margin:0}.studio-slider input::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--olive) var(--studio-progress), var(--line2) var(--studio-progress));border-radius:2px;height:4px}.studio-slider input::-moz-range-track{background:linear-gradient(to left, var(--olive) var(--studio-progress), var(--line2) var(--studio-progress));border-radius:2px;height:4px}.studio-slider input::-webkit-slider-thumb{appearance:none;background:var(--olive);border:0;border-radius:50%;width:20px;height:20px;margin-top:-8px}.studio-slider input::-moz-range-thumb{background:var(--olive);border:0;border-radius:50%;width:20px;height:20px}.studio-ticks{color:var(--ink3);justify-content:space-between;font-size:12px;display:flex}.studio-current{color:var(--ink)}.studio-save,.studio-delete,.studio-retry{border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);width:100%;min-height:44px;padding:8px 12px;font-size:14px}.studio-delete{color:var(--danger);background:0 0;border:0}.studio-name{gap:10px;display:grid}.studio-name input{border:1px solid var(--line2);border-radius:var(--r-control);background:var(--bg2);width:100%;min-width:0;color:var(--ink);padding:10px 12px}.studio-notice{color:var(--ink2);margin:0;font-size:13px;line-height:1.7}.rd,.rd *{-webkit-tap-highlight-color:transparent}.rd[data-preview] [data-act=back],.rd[data-preview] [data-nav] a:first-of-type,.rd[data-preview=book] :is([data-top],[data-bot],[data-strip],[data-folio]){display:none}.rd .printed-turn{z-index:8;perspective:1800px;pointer-events:none;position:absolute}.rd .printed-leaf{width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0;box-shadow:0 8px 30px #0004}.rd .printed-turn canvas{position:absolute;top:0;width:50%!important;height:100%!important}.rd .printed-leaf canvas{backface-visibility:hidden;inset:0;width:100%!important}.rd .printed-back{transform:rotateY(180deg)}.rd :is(button,a,input):focus-visible{outline:2px solid var(--r-acc);outline-offset:3px}.rd .curl-surface{z-index:2;pointer-events:none;position:absolute;top:0}.rd .loading{--p:0;color:var(--r-ink);font-size:var(--t-body);pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0}.rd .ld-card{background:color-mix(in srgb, var(--r-bg) 92%, transparent);backdrop-filter:blur(6px);border-radius:22px;justify-items:center;gap:12px;width:min(80%,300px);padding:24px 22px 20px;display:grid;box-shadow:0 12px 40px #1e221424}.rd .ld-mark{background:color-mix(in srgb, var(--r-acc) 12%, transparent);width:56px;height:56px;color:var(--r-acc);border-radius:50%;place-items:center;animation:1.8s ease-in-out infinite ld-breathe;display:grid}.rd .ld-mark .icon{width:30px;height:30px}.rd .ld-card b{font-weight:600;line-height:1.7}.rd .ld-bar{background:color-mix(in srgb, var(--r-ink) 10%, transparent);border-radius:8px;width:100%;height:8px;position:relative;overflow:hidden}.rd .ld-bar i{width:calc(var(--p) * 100%);border-radius:inherit;background:linear-gradient(90deg,#a98236,#c6a057 45%,#ead39f 60%,#c6a057 75%) 0 0/220% 100%;min-width:8%;transition:width .25s ease-out;animation:1.4s linear infinite ld-shine;position:absolute;inset:0 auto 0 0}[dir=rtl] .rd .ld-bar i{inset:0 0 0 auto}.rd .loading[data-known=false] .ld-bar i{width:34%;animation:1.4s linear infinite ld-shine,1.3s ease-in-out infinite ld-slide}.rd .ld-card output{font-size:var(--t-small);color:color-mix(in srgb, var(--r-ink) 70%, transparent);font-variant-numeric:tabular-nums}.rd .loading[data-known=false] output{visibility:hidden}@keyframes ld-shine{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes ld-slide{0%{transform:translate(110%)}to{transform:translate(-300%)}}@keyframes ld-breathe{50%{opacity:.85;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.rd .ld-mark,.rd .ld-bar i{animation:none!important}}.rd .loading[hidden]{display:none}.rd .sheet.ayah-dialog{border-radius:24px;width:calc(100% - 32px);max-height:82dvh;inset:50% 16px auto;transform:translateY(-50%)}.rd .ayah-dialog .grab{display:none}.rd .ayah-dialog .row{box-shadow:none;border-bottom:1px solid var(--r-line);background:0 0;border-radius:0;justify-content:flex-start;gap:12px}.rd .ayah-dialog .rt{text-align:start;flex:1}.rd .action-icon{width:24px;height:24px;color:var(--r-acc);flex:none}.rd .track .book{box-shadow:none}.rd .track .gutter,.rd.night .track .gutter{background:var(--r-line);width:1px}.rd:not(.tools) :is(.top,.bot){visibility:hidden}
