/* Three opt-in design studies. The approved painting stays untouched. */
html[data-menu-design] .woodland-controls{background:none;border:0;box-shadow:none;padding:0;gap:10px;border-radius:0}
html[data-menu-design] .woodland-controls .theme-switch{display:none}
.woodland-theme-toggle{display:none!important}
html[data-menu-design] .woodland-controls .woodland-theme-toggle{display:inline-flex!important}
html[data-menu-design] .woodland-controls button{outline-offset:5px}
html[data-menu-design] .woodland-controls .woodland-theme-toggle,
html[data-menu-design] .woodland-controls .sound-toggle,
html[data-menu-design] .woodland-controls .woodland-toggle{color:#f3e6c8;background:#f4511e;box-shadow:0 3px 0 #71503924;transition:background 180ms ease,color 180ms ease,translate 220ms ease}
html[data-menu-design] .woodland-controls .woodland-theme-toggle:hover,
html[data-menu-design] .woodland-controls .sound-toggle:hover,
html[data-menu-design] .woodland-controls .woodland-toggle:hover{background:#0756a6;color:#f3e6c8;translate:0 -2px}
html[data-menu-design] .woodland-sound{border:0;padding:0;gap:0}
html[data-menu-design] .woodland-controls .woodland-volume-toggle{color:#f3e6c8;background:#f4511e;min-height:44px;height:44px;width:20px;border-radius:0 45% 45% 0;padding-right:5px;box-shadow:0 3px 0 #71503924}
html[data-menu-design] .woodland-controls .woodland-volume-toggle:hover{background:#0756a6}
html[data-menu-design] .woodland-volume{right:0;top:calc(100% + 14px);border-radius:10px 14px 12px 16px;box-shadow:0 3px 0 #71503918,0 8px 24px #123c3218}
html[data-menu-design] .woodland-controls .music-credits-link{background:none;color:#123c3299;box-shadow:none;translate:none}
html[data-menu-design] .woodland-controls .music-credits-link:hover{color:#0756a6;background:none}
html[data-menu-design] .woodland-controls .woodland-theme-toggle{width:44px;height:44px;padding:0;gap:0;border-radius:48% 43% 47% 45%}
html[data-menu-design] .woodland-theme-toggle .woodland-theme-icon{width:17px;height:17px;flex-basis:17px}
html[data-menu-design] .woodland-theme-toggle [data-theme-label]{display:none}
html[data-menu-design] .woodland-controls .sound-toggle{width:42px;min-height:44px;height:44px;padding:0 0 0 5px;border-radius:46% 0 0 45%}
html[data-menu-design] .sound-toggle [data-sound-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-menu-design] .sound-toggle[aria-pressed=false] .woodland-sound-bars{opacity:.85}
html[data-menu-design] .woodland-controls .woodland-toggle{min-width:0;width:50px;height:48px;padding:0;border-radius:44% 49% 45% 48%}
html[data-menu-design] [data-menu-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* 01 — floating marks: just three small orange controls. */
html[data-menu-design="1"] .woodland-controls{align-items:center}
/* 02 — type first: separate paper labels, no combined toolbar. */
html[data-menu-design="2"] .woodland-controls{gap:12px;align-items:center}
html[data-menu-design="2"] .woodland-controls .woodland-theme-toggle,
html[data-menu-design="2"] .woodland-controls .sound-toggle,
html[data-menu-design="2"] .woodland-controls .woodland-toggle{background:#f3e6c8;color:#f4511e;border-radius:5px 9px 6px 8px;box-shadow:0 2px 0 #71503915;min-height:44px;height:44px;width:auto;padding:8px 12px;gap:8px}
html[data-menu-design="2"] .woodland-controls .woodland-theme-toggle:hover,
html[data-menu-design="2"] .woodland-controls .sound-toggle:hover,
html[data-menu-design="2"] .woodland-controls .woodland-toggle:hover{background:#f3e6c8;color:#0756a6}
html[data-menu-design="2"] .woodland-theme-toggle [data-theme-label],
html[data-menu-design="2"] .sound-toggle [data-sound-label],
html[data-menu-design="2"] [data-menu-label]{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:inline;font:400 20px/1 VeluweMenu,Impact,sans-serif;text-transform:uppercase}
html[data-menu-design="2"] .woodland-theme-toggle .woodland-theme-icon{width:14px;height:14px;flex-basis:14px}
html[data-menu-design="2"] .woodland-controls .sound-toggle{border-radius:5px 0 0 8px;padding-right:4px}
html[data-menu-design="2"] .woodland-controls .woodland-volume-toggle{color:#f4511e;background:#f3e6c8;border-radius:0 9px 6px 0;width:24px;box-shadow:0 2px 0 #71503915}
html[data-menu-design="2"] .woodland-controls .woodland-volume-toggle:hover{color:#0756a6}
html[data-menu-design="2"] .woodland-controls .woodland-toggle{min-width:111px;padding:8px 15px;gap:12px}
html[data-menu-design="2"] .woodland-controls [data-menu-label]{font-size:25px}
html[data-menu-design="2"] .woodland-menu__nav{align-items:flex-start;left:23%;width:60%;transform:translateY(-50%);top:44%;gap:16px}
html[data-menu-design="2"] .woodland-menu__nav a{font-size:clamp(40px,5.5vw,88px);text-align:left;padding-left:30px}
html[data-menu-design="2"] .woodland-menu__nav a::before{content:'0' counter(menu-link);counter-increment:menu-link;position:absolute;left:0;top:50%;font:10px/1 Arial,sans-serif;color:#0756a680;transform:translateY(-50%)}
html[data-menu-design="2"] .woodland-menu__nav{counter-reset:menu-link}
/* 03 — a small vertical corner stack, with the painting left open. */
html[data-menu-design="3"] .woodland-controls{flex-direction:column;gap:10px;align-items:flex-end}
html[data-menu-design="3"] .woodland-controls .woodland-toggle{order:-1;width:55px;height:55px;border-radius:13px 18px 14px 17px}
html[data-menu-design="3"] .woodland-controls .woodland-theme-toggle{width:55px;height:43px;border-radius:11px 15px 12px 14px}
html[data-menu-design="3"] .woodland-controls .sound-toggle{width:36px;height:43px;min-height:43px;border-radius:11px 0 0 14px;padding-left:3px}
html[data-menu-design="3"] .woodland-controls .woodland-volume-toggle{width:19px;height:43px;min-height:43px;border-radius:0 15px 12px 0}
html[data-menu-design="3"] .woodland-volume{right:calc(100% + 15px);top:0}
html[data-menu-design="3"] .woodland-menu__nav{left:44%;top:45%;gap:16px}
html[data-menu-design="3"] .woodland-menu__nav a{font-size:clamp(42px,5.6vw,90px)}
.woodland-design-picker{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:2147483601;display:flex;align-items:center;gap:4px;padding:5px;background:#f3e6c8;border:1px solid #71503933;border-radius:12px;box-shadow:0 4px 20px #123c3220;color:#123c32;font:12px/1.2 Arial,sans-serif}
.woodland-design-picker button,.woodland-design-picker a{border:0;background:none;color:inherit;font:inherit;padding:10px 12px;border-radius:8px;text-decoration:none;white-space:nowrap;cursor:pointer}
.woodland-design-picker button[aria-pressed=true]{background:#f4511e;color:#f3e6c8}
.woodland-design-picker button:hover,.woodland-design-picker a:hover{background:#0756a6;color:#f3e6c8}
.woodland-design-picker button:focus-visible,.woodland-design-picker a:focus-visible{outline:2px solid #0756a6;outline-offset:2px}
@media(max-width:600px){
 html[data-menu-design] .woodland-controls{gap:8px}
 html[data-menu-design="2"] .woodland-controls{gap:7px}
 html[data-menu-design="2"] .woodland-controls .woodland-theme-toggle,html[data-menu-design="2"] .woodland-controls .sound-toggle{padding:8px;gap:6px}
 html[data-menu-design="2"] .woodland-controls .sound-toggle{padding-right:2px}
 html[data-menu-design="2"] .woodland-controls .woodland-toggle{min-width:90px;padding:8px 10px;gap:9px}
 html[data-menu-design="2"] .sound-toggle [data-sound-label],html[data-menu-design="2"] .woodland-theme-toggle [data-theme-label]{font-size:17px}
 html[data-menu-design="2"] .woodland-controls [data-menu-label]{font-size:22px}
 html[data-menu-design="2"] .woodland-menu__nav{left:10%;width:82%;top:46%;gap:20px}
 html[data-menu-design="2"] .woodland-menu__nav a{font-size:clamp(30px,8.8vw,52px);padding-left:23px}
 html[data-menu-design="3"] .woodland-menu__nav{left:47%;width:calc(100% - 50px);top:47%}
 html[data-menu-design="3"] .woodland-menu__nav a{font-size:clamp(34px,9.2vw,56px)}
 .woodland-design-picker{bottom:12px;gap:0;padding:4px;font-size:10px;max-width:calc(100vw - 20px)}
 .woodland-design-picker button,.woodland-design-picker a{padding:10px 8px}
}
@media(max-height:600px){html[data-menu-design] .woodland-menu__nav{top:47%;gap:8px}html[data-menu-design] .woodland-menu__nav a{font-size:clamp(25px,7vh,42px)}}

@media(max-width:600px){.woodland-design-picker{bottom:72px}}