:root{--navy:#111;--navy2:#111;--orange:#ffda00;--blue:#111;--ink:#111;--muted:#555;--line:#aaa;--wash:#f7f5ef}.personal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(22px,6vw,96px);border-bottom:1px solid #111;background:#f7f5ef}.personal-header a{color:#111;font-weight:700;text-decoration:none}.personal-header strong{font-size:24px}.live-ink-intro,.live-ink-tool-panel{border-radius:0;box-shadow:none}.live-ink-intro{background:#f7f5ef;border:0}.live-ink-intro-emblem{background:#ffda00}.live-ink-intro-copy h2{font-size:clamp(28px,3vw,44px);color:#111}.tool-btn.active{background:#ffda00!important;color:#111!important;border-color:#111!important}.openstudios-save-dialog{border-radius:0;border:1px solid #111}.openstudios-save-dialog header{background:#f7f5ef;border-top:5px solid #ffda00}.live-ink-notes-tab{background:#ffda00;color:#111;border-color:#111}.live-ink-notes-drawer{border-color:#111}.openstudios-save-portable{background:#f7f5ef}.openstudios-save-actions button{border-radius:0}button:focus-visible,a:focus-visible{outline:3px solid #ad7600;outline-offset:3px}@media(max-width:600px){.personal-header{flex-wrap:wrap}.personal-header strong{font-size:20px}.personal-header a:last-child{width:100%;font-size:14px}}
.live-ink-intro-copy>span,.live-ink-notes-drawer header span{color:#111}.live-ink-intro-emblem svg{stroke:#111}.live-ink-intro-image,.live-ink-intro-image img{border-radius:0}.utility button,.utility label.file-action,.tool-btn{border-radius:0}.utility #saveBtn{background:#111}.live-ink-notes-tab[aria-expanded=true]{background:#ffda00;color:#111}
/* A wider, shared alignment for the introduction and drawing workspace. */
.live-ink-intro,.live-ink-tool-panel{width:calc(100% - clamp(32px,6vw,128px))}
.live-ink-intro{min-height:0;margin:32px auto 24px;padding:32px;border:1px solid #111;border-top:4px solid #ffda00;background:#efede5;gap:32px}
.live-ink-intro-image{max-height:380px;box-shadow:none}
.canvas-frame{width:100%}
.stage-scroll{place-items:start center;padding:20px}
@media(min-width:1101px){.live-ink-intro{grid-template-columns:112px minmax(0,1fr) minmax(0,1.15fr)}}
@media(max-width:620px){.live-ink-intro,.live-ink-tool-panel{width:calc(100% - 28px)}.live-ink-intro{margin-top:20px;padding:22px;gap:22px}.stage-scroll{padding:12px}}
.personal-header{padding-inline:clamp(16px,3vw,64px)}
@media(max-width:620px){.personal-header{padding-inline:14px}}
.personal-site-footer{margin-top:32px;background:#ffda00;color:#111;border-top:1px solid #111;padding:62px clamp(24px,6vw,96px) 28px;display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:42px}.personal-site-footer>div{display:flex;flex-direction:column;gap:10px}.personal-site-footer strong{font-size:18px}.personal-site-footer p{max-width:430px;margin:0;font-size:14px;line-height:1.65}.personal-site-footer a{color:inherit;text-decoration:none;font-size:14px;width:fit-content;max-width:100%;line-height:1.5}.personal-site-footer a:hover{text-decoration:underline}.personal-site-footer small{grid-column:1/-1;border-top:1px solid #111;padding-top:22px;margin-top:24px}body.presenting .personal-site-footer{display:none}@media(max-width:900px){.personal-site-footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){.personal-site-footer{grid-template-columns:1fr;padding:50px 22px 25px}.personal-site-footer small{grid-column:1}}@media print{.personal-site-footer{display:none!important}}
/* Let the normal workspace grow with the full canvas instead of clipping it. */
body:not(.presenting) .workspace{height:auto;min-height:0;align-items:stretch}
body:not(.presenting) .stage-scroll{height:auto;min-height:100%;padding-bottom:64px}
body:not(.presenting) .sidebar{overflow:visible}

/* Clear history controls, including when no action is available yet. */
.history-controls{grid-template-columns:44px 1fr 44px}
.history-controls button{height:44px;display:grid;place-items:center;padding:9px;border:1px solid #111;border-radius:6px;background:#fff;color:#111;cursor:pointer}
.history-controls button svg{width:24px;height:26px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.history-controls button:hover:not(:disabled){background:#ffda00}
.history-controls button:disabled{color:#737373;border-color:#aaa;background:#f4f3ef;opacity:1;cursor:not-allowed}