:root{font-family:Georgia,'Times New Roman',serif;color:#4a5149;background:#dcd9d0;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:8px 0;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:2px solid #747f6c;outline-offset:-7px}#studio{position:relative;width:100%;height:100svh;min-height:320px;overflow:hidden}#art{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#art.dragging{cursor:grabbing}header{position:absolute;top:max(30px,env(safe-area-inset-top));left:38px;right:38px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}h1{font-size:34px;font-weight:400;letter-spacing:-1.4px;margin:0;line-height:1.1}header p{font:8px Arial,sans-serif;letter-spacing:2px;margin-top:13px}footer{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:38px;right:38px;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end}.edition{font:8px Arial,sans-serif;letter-spacing:1.7px;text-align:right;line-height:2;margin:0;opacity:.7}.edition span{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#fallback{position:absolute;inset:20%;padding:25px;background:#efede5;line-height:1.5}#fallback button{border-bottom:1px solid}@media(max-width:600px){header{left:22px;right:22px;top:max(25px,env(safe-area-inset-top))}h1{font-size:29px}header p{font-size:7px;letter-spacing:1.7px;margin-top:10px}footer{left:22px;right:22px;bottom:max(24px,env(safe-area-inset-bottom));display:block}.edition{margin-top:20px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px}.edition span{display:inline}}@media(max-height:500px){header{top:15px}header p,.edition{display:none}h1{font-size:25px}footer{bottom:15px}}

canvas.pointer-focus:focus-visible{outline:none}
@media(max-width:360px){header{left:18px;right:18px;gap:12px}h1{font-size:24px;letter-spacing:-1px;white-space:nowrap}header p{font-size:6px;letter-spacing:1.4px}footer{left:18px;right:18px}}

.collection-actions{pointer-events:auto;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:144px;height:86px;border-radius:18px 18px 0 0;background:linear-gradient(110deg,#bfb4a2,#d0c5b3 50%,#b8ab97);border:1px solid #b4a791;border-bottom:0;box-shadow:inset 0 1px 1px #e8dfcf,0 -2px 8px #625b4b0d}
.scene-selector{position:relative;width:72px;margin:4px auto 0}.rotation-control{position:absolute;left:50%;top:60%;transform:translateX(-50%);pointer-events:auto}
#turn-wheel{height:44px;width:88px;position:relative;touch-action:none;cursor:ew-resize;outline-offset:3px;border-radius:50%;-webkit-tap-highlight-color:transparent;user-select:none}
#turn-wheel:focus-visible,#dial:focus-visible{outline:2px solid #938775;outline-offset:3px}
#turn-wheel.pointer-focus:focus-visible,#dial.pointer-focus:focus-visible{outline:none}
.dial-rim,.dial-mark{display:none}
#dial{width:72px;height:72px;touch-action:none;cursor:grab;border-radius:50%;user-select:none;-webkit-tap-highlight-color:transparent}
#dial.dragging{cursor:grabbing}
#dial *{pointer-events:none}
.selector-tick{stroke:#8e8271;stroke-width:1.4;stroke-linecap:round}
.selector-tick.active{stroke:#8a7b68;stroke-width:1.7}
.selector-face{stroke:#c2b5a4;stroke-width:1;filter:drop-shadow(0 2px 2px #74685125)}
.selector-pointer{transform:rotate(var(--scene-angle,0deg));transform-origin:36px 36px;transition:transform 120ms ease}
.selector-pointer path{stroke:#8a7b68;stroke-width:2.4;stroke-linecap:round}.selector-pointer circle{fill:#8a7b68}
#dial.dragging .selector-pointer{transition:none}
.control-access{pointer-events:none;position:absolute;inset:0}
.control-access button{position:absolute;width:1px;height:1px;min-width:0;min-height:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.control-access button:focus-visible{clip-path:none;width:max-content;min-height:44px;height:auto;max-width:200px;top:-50px;left:0;padding:5px 8px;background:#eee7dc;border:1px solid #c5bbae;border-radius:8px;font-size:11px;outline-offset:2px;pointer-events:auto}
.scene-selector .control-access button:focus-visible{left:auto;right:0}
@media(max-width:600px){footer{bottom:max(18px,env(safe-area-inset-bottom))}.collection-actions{margin:0}}
@media(max-height:500px){footer{bottom:max(15px,env(safe-area-inset-bottom))}}

@media(prefers-reduced-motion:reduce){.selector-pointer{transition:none}}

#turn-cue{position:absolute;display:grid;justify-items:center;gap:0;color:#82786c;opacity:.95;pointer-events:none;user-select:none;transform:translate(-50%,-50%);transition:opacity 350ms ease;line-height:1}
#turn-cue[hidden]{display:none}
#turn-cue span{font-size:14px;letter-spacing:.3px}
#turn-cue.leaving{opacity:0}
body.failed #turn-cue{display:none}
@media(prefers-reduced-motion:reduce){#turn-cue{transition:none}}

@media(max-width:600px){#turn-cue svg{width:52px;height:auto}#turn-cue span{font-size:13px}}

body.failed .rotation-control,body.failed .collection-actions{display:none}

footer{height:86px;bottom:0!important}footer .collection-actions{bottom:0}