:root{font-family:Arial,sans-serif;color:#454a3e;background:#f0ede4;font-synthesis:none;--muted:#8c8d7c;--green:#4c6652;--line:#dcd9cb}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b97d40;outline-offset:4px}header{height:108px;margin:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#3d4a3c;font:29px Georgia,serif}.brand-mark{font-size:48px;color:#9a7749}.brand small{display:block;font:8px Arial;letter-spacing:2.6px;margin-top:8px}.edition{margin:auto;text-align:center;font-size:9px;letter-spacing:2px;color:#91907f}.edition span{display:block;margin-top:8px;color:#555d4c}button{border:0;background:transparent}.quiet{font-size:12px;color:#747b68}main{display:grid;grid-template-columns:205px minmax(400px,1fr) 230px;gap:32px;padding:38px 4% 20px;max-width:1800px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:#878b77;font-weight:bold}h1,h2,h3{font-weight:normal;font-family:Georgia,serif}h1{font-size:29px;margin:10px 0 0;color:#424d3d}h2{font-size:22px;line-height:1.15;margin:13px 0}p{font-size:12px;color:#898a7b;line-height:1.8}.parts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.part{background:#e9e5d9;border:1px solid #ddd8c9;border-radius:7px;height:91px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;box-shadow:0 2px 1px #d6cfbd33;font-size:10px}.part:hover{background:#e2dfcf;transform:translateY(-1px)}.part.active{border-color:#6f8066;background:#e0e6d7;box-shadow:0 0 0 1px #6f8066}.part svg{width:47px;height:42px}.drawer-foot{font-size:10px;color:#8d8e7c;margin:19px 0 30px}.drawer-foot span{font-size:17px;margin-right:8px}.tool{display:block;text-align:left;width:100%;padding:11px 0;border-top:1px solid var(--line);font-size:11px;color:#777e6b}.tool.active{color:#a24f36}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag{font-size:8px;letter-spacing:1px;border:1px solid #d4d7c9;border-radius:20px;padding:8px;color:#838c77;white-space:nowrap}.canvas-wrap{position:relative;height:510px;margin:12px -25px 0;background:radial-gradient(ellipse at 50% 48%,#e5e3d4 0,transparent 65%)}canvas{width:100%;height:100%;display:block;touch-action:none}.bench-label{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#aaa28b;pointer-events:none}#toast{position:absolute;bottom:1px;left:12%;right:12%;text-align:center;font-size:11px;color:#727e64;min-height:15px;pointer-events:none}.transport{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 22px}.play{background:var(--green);color:#fffdf2;border-radius:5px;padding:14px 24px;font-size:12px;box-shadow:0 3px 0 #394e40}.round{font-size:25px;color:#6d7864}.speed{font-size:11px;background:#e6e7db;border-radius:4px;padding:11px}.transport-rule{height:22px;border-left:1px solid var(--line);margin:0 3px}kbd{font-size:9px;border:1px solid #d6d6c6;border-radius:3px;padding:3px;margin-left:6px}.workshop-foot{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8d9180}.task-card{background:#faf6e9;padding:24px 23px 0;box-shadow:2px 5px 12px #68604912;transform:rotate(1.5deg);border:1px solid #e4dfcc;position:relative}.task-card:before{content:'';position:absolute;width:72px;height:20px;top:-10px;left:70px;background:#d9cba877;transform:rotate(-6deg)}.bird-sketch{font:65px Georgia;text-align:center;color:#a58a62;margin:17px 0 -3px}.task-card h2{font-size:30px;text-align:center}.task-card p{color:#8d8a75;font-size:12px}.objective{font-size:11px;border-top:1px dashed #d8d2bf;padding:18px 0;display:flex;gap:10px;align-items:center}.objective span:first-child{font-size:19px;color:#82916c}.card-number{background:#f1eddd;margin:0 -23px;text-align:center;padding:12px 0;font-size:7px;letter-spacing:2px;color:#9c9b86}.notes{padding:20px 10px}.notes h3{font-size:16px;margin:5px 0 12px}.notes p{font-size:11px;line-height:1.9}.handwritten{font:italic 20px Georgia;color:#929b7a;display:block;margin:20px 0 10px;transform:rotate(-4deg)}.save-status{font-size:10px;color:#7c8c6b}footer{margin:0 4%;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:21px 0;color:#979984;font-size:8px;letter-spacing:1.5px}footer button{font-size:10px}dialog{max-width:530px;background:#f8f4e8;color:#45523f;border:1px solid #d7d0b8;border-radius:8px;padding:35px;box-shadow:0 20px 80px #252b3633}dialog::backdrop{background:#30372b66}dialog p{color:#656e59;font-size:13px}.close{float:right;font-size:25px} @media(min-width:1500px){.canvas-wrap{height:600px}main{gap:45px;padding-top:50px}}@media(max-width:1100px){main{grid-template-columns:160px minmax(350px,1fr);gap:22px}.notes-panel{grid-column:1/-1;display:flex;gap:30px;align-items:start}.task-card{width:260px}.notes{flex:1}.notes-panel>.tool{width:auto}.scene-heading h1{font-size:25px}.tag{display:none}.canvas-wrap{height:470px}.save-status{display:none}}@media(max-width:650px){header{height:85px}.brand{font-size:23px}.brand-mark{font-size:38px}.brand small{font-size:6px}.edition{display:none}header>.quiet{margin-left:auto}main{display:flex;flex-direction:column;padding:25px 5%}.workshop{order:0}.parts-panel{order:1}.notes-panel{order:2;flex-wrap:wrap}.scene-heading h1{font-size:24px}.canvas-wrap{height:360px;margin:0 -5%}.bench-label{bottom:24px;font-size:5px}.transport{gap:10px}.play{padding:13px 16px}.transport .quiet{font-size:10px}kbd,.transport-rule{display:none}.parts{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:15px}.part{height:74px;font-size:8px}.part svg{width:35px;height:35px}.parts-panel h2,.parts-panel>p,.drawer-foot{display:none}.parts-panel>.tool{width:48%;display:inline-block;margin-top:12px}.task-card{width:200px}.notes{min-width:100px}.notes-panel>.tool{width:45%}footer{font-size:6px;gap:12px}.workshop-foot{font-size:8px}#toast{font-size:10px;left:3%;right:3%}}