.vb-intro,.vb-guide{max-width:1060px;margin:40px auto;padding:0 24px}.vb-intro h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;max-width:900px;margin:14px 0 24px}.vb-intro>p:not(.vb-kicker){max-width:780px}.vb-kicker{font-size:12px;letter-spacing:.14em;font-weight:700;color:#754d65}.vb-meta{font-size:13px;color:#6c5967}.vb-workshop{max-width:1380px;padding:22px;margin:28px auto;background:#f9f1ef;border:1px solid #dbc9d2;border-radius:24px}.vb-workshop *{box-sizing:border-box;min-width:0}.vb-js{display:none}.vb-ready .vb-js{display:flex}.vb-ready .vb-layout{display:grid}.vb-toolbar{flex-wrap:wrap;gap:18px;align-items:end}.vb-toolbar>label:first-child{flex:2}.vb-toolbar>label{flex:1;min-width:160px}.vb-workshop label{display:block;font-size:14px;font-weight:600;line-height:1.5}.vb-workshop input:not([type=checkbox]),.vb-workshop select,.vb-workshop textarea{display:block;width:100%;min-height:44px;border:1px solid #a98e9c;border-radius:9px;background:#fff;color:#332934;font:inherit;padding:9px;margin-top:6px}.vb-workshop input[type=color]{padding:5px}.vb-workshop input[type=checkbox]{width:18px;height:18px;vertical-align:middle}.vb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0}.vb-workshop button,.vb-upload{padding:10px 14px;min-height:44px;font:inherit;font-weight:600;border:1px solid #745065;border-radius:10px;color:#603e53;background:#fff;cursor:pointer}.vb-workshop button:hover,.vb-upload:hover{background:#f1e2eb}.vb-workshop button:disabled{opacity:.45;cursor:default}.vb-workshop button[type=submit],.vb-exports button[data-export=png]{background:#68465b;color:white}.vb-upload{position:relative;overflow:hidden}.vb-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0!important}.vb-upload:focus-within,.vb-workshop :focus-visible{outline:3px solid #956e16;outline-offset:3px}.vb-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.vb-preview{min-width:0}.vb-preview #vb-stage{width:100%;position:relative;overflow:hidden;background:#fbf3ec;border:1px solid #d5c6ce;box-shadow:0 12px 35px #49344719;touch-action:none}.vb-item{position:absolute;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:4px!important;padding:10px!important;overflow:hidden;line-height:1.15;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;user-select:none;touch-action:none;box-shadow:0 3px 10px #40304116}.vb-item img{width:100%;height:100%;pointer-events:none}.vb-item[data-kind=photo]{padding:0!important}.vb-item[data-kind=arrow]{clip-path:polygon(0 35%,65% 35%,65% 0,100% 50%,65% 100%,65% 65%,0 65%);box-shadow:none}.vb-item[aria-pressed=true]{outline:3px solid #8a466b;outline-offset:2px}.vb-workshop #vb-edit{background:#fffaf8;padding:16px;border-radius:14px}.vb-workshop #vb-edit h2{margin:0 0 15px;font-size:24px}.vb-workshop #vb-edit h3{font-size:18px;margin:22px 0 12px}.vb-workshop fieldset{border:0;padding:0;margin:0}.vb-workshop legend{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.vb-workshop #vb-edit label{margin-bottom:12px}.vb-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vb-help,#vb-summary,#vb-warning{font-size:13px;line-height:1.5;margin:12px 0}.vb-help{color:#6c5967}#vb-warning{color:#805a12}#vb-error{color:#982638;white-space:pre-wrap;font-weight:600}#vb-error:empty,#vb-warning:empty{display:none}.vb-exports{flex-direction:column;align-items:start;border-top:1px solid #d4c0cd;padding-top:18px}.vb-exports h2{margin:0 0 10px}.vb-exports .vb-bar{margin:8px 0}.vb-guide h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:40px 0 18px}.vb-guide h3{font-size:1.15rem;margin:25px 0 8px}.vb-guide p,.vb-guide li{line-height:1.8;max-width:850px}.vb-guide ol{padding-left:22px}.vb-guide li{padding:6px 0}.vb-guide a{text-decoration:underline;text-underline-offset:3px}.vb-app{padding-bottom:50px}#vb-plan{margin:30px 0 10px}#vb-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}#vb-actions article{padding:18px;background:white;border-radius:14px;border:1px solid #d5c6ce;overflow-wrap:anywhere}#vb-actions article h3{margin:0 0 12px}#vb-actions article p{font-size:14px;line-height:1.6}.vb-clock-guide{position:absolute;top:0;left:0;width:100%;height:22%;border-bottom:1px dashed #887681;text-align:center;font-size:12px;color:#70606a;padding-top:10px;pointer-events:none}.vb-title-label{position:absolute;top:2%;left:5%;width:90%;text-align:center;font-family:Georgia,serif;font-weight:600;overflow:hidden;max-height:12%;pointer-events:none}.vb-dots{background-image:radial-gradient(#89798655 1px,transparent 1px)!important;background-size:20px 20px!important}@media(max-width:850px){.vb-layout{grid-template-columns:1fr}.vb-workshop{padding:14px;border-radius:14px;margin:24px 10px}.vb-intro,.vb-guide{padding:0 18px}.vb-ready .vb-toolbar{display:grid;grid-template-columns:1fr 1fr}.vb-toolbar>label{min-width:0}.vb-toolbar>label:first-child{grid-column:1/-1}#vb-stage{min-height:0}.vb-item{padding:4px!important;min-height:0!important}.vb-workshop #vb-edit{padding:14px}.vb-bar>button{flex-grow:1}}@media(prefers-reduced-motion:reduce){.vb-workshop *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{@page{size:A4 landscape;margin:12mm}body>*,main>*{display:none!important}body main,main .vb-workshop,.vb-workshop .vb-layout,.vb-preview,#vb-stage,#vb-plan,#vb-actions{display:block!important}.vb-workshop{border:0;padding:0;margin:0;max-width:none;background:white}.vb-layout>*:not(.vb-preview),.vb-preview>*:not(#vb-stage),.vb-workshop>*:not(.vb-layout):not(#vb-plan){display:none!important}#vb-stage{width:245mm!important;height:auto!important;box-shadow:none!important;break-inside:avoid}#vb-plan{break-before:page}#vb-actions article{break-inside:avoid;margin:10mm 0}.vb-item{outline:0!important}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}.vb-clock-guide{display:none!important}}

.vb-workshop:not(.vb-ready) .vb-js{display:none!important}

/* Controls share a baseline; advanced controls stay out of the main canvas. */
.vb-workshop button,.vb-workshop .vb-upload{font-size:15px;line-height:1.4;padding:10px 14px;min-height:46px}
.vb-workshop input:not([type=checkbox]):not([type=file]),.vb-workshop select{min-height:46px;font-size:15px;line-height:1.4}
.vb-preview>.vb-bar{align-items:flex-end;gap:12px}
.vb-preview>.vb-bar>label{flex:1 1 180px}
.vb-preview>.vb-bar>button{margin:0;min-height:46px;flex:0 1 auto}
.vb-workshop details{border:1px solid #dbc9d2;border-radius:10px;margin:14px 0;background:#fff}
.vb-workshop summary{font-size:14px;line-height:1.45;font-weight:650;padding:14px;cursor:pointer;min-height:46px;list-style-position:inside}
.vb-workshop details[open] summary{border-bottom:1px solid #eadde3;margin-bottom:14px}
.vb-workshop details>label,.vb-workshop details>.vb-pair{margin-left:14px!important;margin-right:14px!important}
.vb-workshop #vb-edit{padding:20px}
.vb-workshop #vb-edit button[type=submit]{width:100%;margin-top:8px}
.vb-workshop #vb-edit .vb-bar{gap:7px;margin-bottom:0}
.vb-workshop #vb-edit .vb-bar button{flex:1 1 auto;font-size:13px;padding:8px 10px;min-height:40px}
.vb-workshop .vb-preview{position:sticky;top:20px}
@media(max-width:850px){.vb-workshop .vb-preview{position:static}.vb-preview>.vb-bar>button{flex:1 1 auto}.vb-preview>.vb-bar>label{flex-basis:140px}.vb-workshop #vb-edit{padding:16px}}
@media print{.vb-workshop .vb-preview{position:static}}

.vb-workshop .vb-item{font-weight:400!important;min-height:0!important;line-height:1.15!important}

@media(max-width:420px){.vb-ready .vb-toolbar{grid-template-columns:1fr}.vb-toolbar>label:first-child{grid-column:auto}}
@media print{html,body,main{min-height:0!important;height:auto!important;padding:0!important;margin:0!important}#vb-plan{margin-bottom:0}#vb-actions article{margin:6mm 0;padding:5mm}#vb-actions article:last-child{margin-bottom:0}#vb-actions article p{font-size:11px;line-height:1.4}}