:root{font-family:Open Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#3f3f3f;background:#fffdf4;line-height:1.5;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fffdf4}a{color:inherit;text-decoration:none}code{font-family:Cascadia Code,Consolas,monospace}#app{min-height:100vh}.app-shell{width:min(1040px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.app-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.app-header h1,.panel h2,.panel h3,.panel p{margin:0}.app-nav{display:flex;flex-wrap:wrap;gap:10px}.app-nav a{padding:10px 14px;border:1px solid #d9d4bf;background:#f6f1dc}.app-nav a.router-link-active{background:#f2de72;border-color:#c8c08b;color:#2e5b2e}.app-main{display:grid;gap:16px}.panel{padding:24px;border:1px solid #ddd7c5;background:#fffef8}.hero-panel{min-height:240px;display:grid;align-content:start;gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#6e8b3d}.lead{max-width:62ch;color:#5b5b5b}.route-list{margin:14px 0 0;padding-left:18px}.sketch-list{display:grid;gap:12px;margin-top:14px}.sketch-list-item{display:grid;gap:4px;padding:14px 16px;border:1px solid #ddd7c5;background:#fdf9ea}.sketch-list-item span{color:#5b5b5b}.sketch-player-layout{gap:16px}.sketch-player-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.back-link{padding:10px 14px;border:1px solid #d9d4bf;background:#f6f1dc;white-space:nowrap}.sketch-stage{display:grid;justify-items:start;gap:12px}.sketch-canvas-host{padding:12px;border:1px solid #ddd7c5;background:#f8f4e2}.sketch-canvas-host canvas{display:block;border:8px solid #d6d6d0;background:#000;image-rendering:pixelated}.sketch-error{margin:0;color:#7b4b16}@media(max-width:720px){.app-shell{width:min(100vw - 24px,1040px);padding-top:20px}.app-header{flex-direction:column;align-items:start}.sketch-player-header{flex-direction:column}}