.portrait-controls{margin-top:18px;padding:24px;background:#f6edd7;border:3px double #ad8956;color:#30251d;box-shadow:0 8px 25px #6b492010}
.portrait-controls h3{font:normal 28px/1.3 Georgia,Tahoma,serif;margin:0 0 10px}
.portrait-controls #portrait-help{font:15px/1.6 Arial,Tahoma,sans-serif;color:#594127;margin:0 0 24px}
.portrait-controls label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:bold;color:#60431d}
.portrait-controls #portrait-range{appearance:none;width:100%;height:12px;border:1px solid #8c662e;border-radius:8px;background:linear-gradient(to right,#a6742d var(--portrait-progress,0%),#ddc89e var(--portrait-progress,0%));margin:26px 0 30px;cursor:ew-resize;touch-action:pan-y;direction:ltr}
.portrait-controls #portrait-range::-webkit-slider-thumb{appearance:none;width:32px;height:32px;background:#a6742d;border:4px solid #fff6df;border-radius:50%;box-shadow:0 0 0 2px #876126,0 3px 8px #30251d40}
.portrait-controls #portrait-range::-moz-range-thumb{width:24px;height:24px;background:#a6742d;border:4px solid #fff6df;border-radius:50%;box-shadow:0 0 0 2px #876126}
.portrait-actions{display:flex;align-items:stretch;justify-content:space-between;gap:10px}
.portrait-actions button{font:14px/1.4 Georgia,Tahoma,serif;padding:12px 14px;min-height:46px;border:1px solid #ac8855;background:#eadaba;color:#30251d;cursor:pointer}
.portrait-actions #portrait-play{background:#5b3c25;color:#fff0d0;margin:0}
.portrait-actions button:disabled{opacity:.4;cursor:default}
.portrait-actions button:focus-visible,.portrait-controls input:focus-visible{outline:3px solid #755027;outline-offset:5px}
.portrait-controls .editorial-note{margin:18px 0 0;font-size:12px}
@media(max-width:700px){.portrait-controls{padding:18px 14px}.portrait-controls h3{font-size:25px}.portrait-actions{gap:6px}.portrait-actions button{font-size:12px;padding:10px 8px}.portrait-controls #portrait-help{font-size:14px}}