/* Workbench Toys: Paper & Vermilion theme, loaded after each toy's own CSS. Offline: fonts are local. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/Inter-latin-var.woff2) format("woff2")}
@font-face{font-family:Bricolage;font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/Bricolage-var.woff2) format("woff2")}
:root{--ink:#1A1A1A;--body:#2E2A24;--mute:#6E6659;--rule:#D9CFBD;--accent:#E4572E;--paper:#F3EDE2;--paper-deep:#E9E0D0}
html,body{background:var(--paper)!important}
body{color:var(--body)}
h1{font-family:Bricolage,Inter,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--ink)!important}
a:hover{color:var(--accent)!important}
:focus-visible{outline-color:var(--accent)!important}
.btn,button.btn{background:transparent;border-color:var(--ink)!important;color:var(--ink)!important}
.btn.primary,button.btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.btn:hover:not(:disabled){border-color:var(--accent)!important;color:var(--accent)!important}
.btn.primary:hover:not(:disabled){background:#c9431d!important;color:#fff!important}
input[type=range]{accent-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}
select,input[type=text],input[type=number]{background:#FBF8F2;border-color:var(--rule)}
section{border-top-color:var(--rule)!important}
.stage canvas,canvas.paper{background:var(--paper)!important}
.wb-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem;border-bottom:1px solid var(--rule);font:600 .85rem/1.2 Inter,system-ui,sans-serif;color:var(--mute);position:sticky;top:0;background:var(--paper);z-index:20}
.wb-bar b{font-family:Bricolage,Inter,sans-serif;font-weight:800;color:var(--ink);font-size:1rem;letter-spacing:-.01em}
.wb-bar b i{font-style:normal;color:var(--accent)}
.wb-fs{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:.4rem;padding:.4rem .75rem;font:600 .85rem Inter,sans-serif;cursor:pointer}
.wb-fs:hover{border-color:var(--accent);color:var(--accent)}
:fullscreen{background:var(--paper)!important}
.wb-full{display:flex!important;align-items:center;justify-content:center;max-width:none!important;width:100vw!important;height:100vh!important;background:var(--paper)!important}
.wb-full canvas{width:min(100vw,100vh)!important;height:min(100vw,100vh)!important;object-fit:contain}
.wb-foot{max-width:72rem;margin:0 auto;padding:1.5rem 2.5rem 3rem;color:var(--mute);font-size:.85rem}
.btn.primary:disabled,button.btn.primary:disabled{background:var(--paper-deep)!important;border-color:var(--paper-deep)!important;color:#9a9084!important}
.wb-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wb-fs{flex:none}
@media (max-width:480px){.wb-bar{padding:.5rem 1rem}.wb-bar .wb-sep,.wb-bar .wb-name{display:none}}
/* compact layout so the drawing is visible inside a 960x720 itch.io embed */
.page{padding-top:1.5rem!important}
.top{padding-bottom:1.25rem!important}
h1{font-size:2.1rem!important}
.lead{font-size:.95rem!important;margin-top:.5rem!important}
@media (min-width:861px){.tool .stage{max-width:min(44rem,calc(100vh - 7.5rem))!important;margin:0 auto}}