.wv-demo-page{padding-bottom:3rem;min-width:0;overflow-wrap:anywhere}
.wv-demo-page h1{font:650 clamp(2rem,5vw,3.8rem)/1.1 system-ui,sans-serif;letter-spacing:-.04em;margin:1rem 0}
.wv-demo-page header p{max-width:80ch}
.wv-demo-page .demo-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:18px 0}
.wv-demo-page label{display:flex;flex-direction:column;gap:6px;min-width:0}
.wv-demo-page :is(button,select,input){font:16px/1.4 system-ui,sans-serif;min-height:44px;max-width:100%;box-sizing:border-box}
.wv-demo-page :is(button,select,input){padding:10px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--body-ink)}
.wv-demo-page option{background:var(--paper);color:var(--body-ink)}
.wv-demo-page button{cursor:pointer}.wv-demo-page button:disabled{opacity:.55;cursor:default}
.wv-demo-page :is(button,select,input):focus-visible{outline:2px solid var(--link);outline-offset:3px}
.wv-demo-page #drawing{height:clamp(380px,65dvh,720px);min-width:0;overflow:hidden;border:1px solid var(--rule);border-radius:6px}
.wv-demo-page :is(#demo-status,#demo-credit,output){display:block;min-height:1.6em;font-size:14px;overflow-wrap:anywhere}
.wv-demo-page form{max-width:740px}.wv-demo-page form label{margin:18px 0}
.wv-demo-page input[type=file]{width:100%}.wv-demo-page input[type=file]::file-selector-button{padding:8px;max-width:100%;white-space:normal}
.wv-demo-page .wv-actions>a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:600px){.wv-demo-page .demo-controls>*{flex:1 1 100%}.wv-demo-page #drawing{height:60dvh;min-height:360px}.wv-demo-page .wv-actions{gap:8px 20px}}
/* The URL-configured iframe keeps its own small, branded navigation strip. */
.wv-embed-page{height:100dvh;margin:0;display:flex;flex-direction:column;background:var(--paper);color:var(--body-ink);font:14px/1.5 system-ui,sans-serif}
.wv-embed-page .embed-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;padding:4px 12px;border-bottom:1px solid var(--rule);flex:none}
.wv-embed-page .embed-nav a{display:inline-flex;align-items:center;min-height:36px}
.wv-embed-page #drawing{flex:1;min-height:180px;position:relative;overflow:hidden}
.wv-embed-page #demo-status,.wv-embed-page #demo-credit{margin:0;padding:4px 12px;font-size:12px;overflow-wrap:anywhere;flex:none}
.wv-embed-page #demo-credit{max-height:5em;overflow:auto;border-top:1px solid var(--rule)}
@media(max-width:600px){.wv-embed-page .embed-nav a{min-height:44px}}

.demo-view-controls{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;flex:none}.demo-view-controls button{font:14px/1.3 system-ui,sans-serif;min-height:44px;min-width:44px;flex:1 1 74px;padding:8px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--body-ink);cursor:pointer}.demo-view-controls button:disabled{opacity:.5}.demo-layers:empty{display:none}.demo-layers{display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow:auto;padding:8px;border:1px solid var(--rule);flex:none}.demo-layers label{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:44px;min-width:130px;font-size:13px}.demo-layers input{width:20px;height:20px;min-height:20px;accent-color:var(--link)}.wv-embed-page .demo-view-controls{margin:0;padding:6px 10px;border-bottom:1px solid var(--rule)}