.studio{height:620px;position:relative;background:#c3d9c7;overflow:hidden}#blockViewport{position:absolute;inset:0}#blockViewport canvas{display:block;touch-action:none;width:100%;height:100%}.studio-title{position:absolute;left:4%;top:26px;pointer-events:none}.studio-title h1{font-size:36px;max-width:340px}.studio-title p{font-size:12px}.studio-camera{position:absolute;right:3%;top:26px;display:flex;gap:6px}.studio-camera button{min-width:44px;height:44px;padding:10px;border-radius:12px;background:#fff9}.studio-hint{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);max-width:90%;padding:12px 20px;text-align:center;background:#fcfff1eb;border-radius:14px;font-size:13px;pointer-events:none}.snap-confirm{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap}.snap-confirm button{padding:14px 20px;background:#edf4de;border-radius:12px;min-height:46px;font-weight:700}.snap-confirm .primary{background:#195840;color:#f3ffd5}.snap-confirm button:disabled{opacity:.5}.workshop{padding:26px 4%;background:#f7f9ef}.workshop-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.workshop-top>div{flex:1}.workshop h2{font:600 26px Outfit;margin:5px 0 20px}.workshop button,.workshop select,.workshop input{font:500 13px 'DM Sans',sans-serif;min-height:44px;padding:10px 14px;border:1px solid #c9d9bb;border-radius:10px;background:#e6efda;color:#174432}.workshop .work-cue{padding:13px;border-radius:12px;text-decoration:none;font-size:13px}.palette{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.palette button{width:44px;height:44px;border:3px solid transparent;border-radius:50%;padding:0}.palette button[aria-pressed=true]{outline:3px solid #204c39;outline-offset:2px;border-color:white}.part-tabs{display:flex;gap:7px;margin:18px 0}.part-tabs button[aria-selected=true]{background:#235b40;color:#f5ffdf}.part-shelf{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;overflow-x:auto;padding:5px 4px 12px}.workshop .part-card{min-width:130px;display:flex;flex-direction:column;align-items:center;background:#fffef9;padding:8px 10px 14px;border-radius:17px}.part-card canvas{width:100%;height:105px;object-fit:contain}.part-card strong{font:600 15px Outfit}.part-card small{font-size:10px;margin-top:5px;color:#62815b}.part-card.chosen{outline:3px solid #719950;background:#eff5df}.builder-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.builder-panels section,.ideas,.projects{background:#eef4e3;border:1px solid #d6e1ca;padding:20px;border-radius:18px}.workshop h3{font:600 21px Outfit;margin:0 0 12px}.workshop label{display:block;font-size:12px}.workshop select{max-width:100%;margin:6px}.button-row,.coords{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.coords input{width:90px;display:block;background:white}.small,.ideas p{font-size:12px;line-height:1.6;color:#55725a}.check{display:flex!important;align-items:center;gap:8px;margin-bottom:10px}.check input{min-height:20px}.ideas,.projects{margin-top:18px}.ideas{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ideas>div:first-child{flex:1;min-width:230px}.ideas p{margin:0}#guide{flex-basis:100%;padding-top:12px;border-top:1px solid #c4d3b5}#guide p{margin:10px 0}.projects{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.projects h3{flex-basis:100%}.projects input{background:white}.workshop button:disabled{opacity:.45}@media(max-width:600px){.studio{height:570px}.studio-title{left:15px;top:18px}.studio-title h1{font-size:26px;max-width:230px}.studio-camera{right:10px;top:160px;flex-direction:column}.studio-camera button{font-size:12px}.studio-hint{bottom:91px;width:90%;font-size:11px;padding:10px}.snap-confirm{bottom:22px;width:94%;justify-content:center}.snap-confirm button{padding:12px 10px;font-size:12px}.workshop{padding:20px 14px}.workshop-top>div{flex-basis:100%}.workshop h2{font-size:24px}.part-shelf{grid-template-columns:repeat(6,145px)}.builder-panels{grid-template-columns:1fr}.projects input{max-width:210px}.topbar nav .world{padding:8px;font-size:11px}.topbar nav{justify-content:center}}

/* Keep building tools close to the mat, including for small fingers. */
.studio-tools{position:absolute;left:4%;top:180px;display:flex;gap:8px}.studio-tools button{background:#d5f4a5;border:2px solid #477a4e;color:#164a37;min-height:48px;padding:10px 15px;border-radius:13px;font-weight:800}.snap-nudge{position:absolute;right:3%;bottom:105px;display:grid;grid-template-columns:repeat(3,44px);gap:5px}.snap-nudge button{width:44px;height:44px;border-radius:12px;background:#fcfff0e8;font-size:24px;border:1px solid #aac39a}.snap-nudge button:first-child{grid-column:2}.snap-nudge button:nth-child(2){grid-column:1}.snap-nudge button:last-child{grid-column:2}.snap-confirm .primary{background:#a4ef63;color:#153c27;border:2px solid #4b8650;box-shadow:0 4px 0 #4b8650}#blockViewport:focus-visible{outline:4px solid #5ba141;outline-offset:-5px}.studio-tools button:focus-visible,.snap-nudge button:focus-visible{outline:3px solid #154b3b;outline-offset:3px}@media(max-width:600px){.studio-tools{top:135px;left:14px;gap:6px}.studio-tools button{font-size:12px;padding:9px;min-height:44px}.studio-camera{top:193px}.snap-nudge{left:12px;right:auto;bottom:138px;grid-template-columns:repeat(3,40px);gap:3px}.snap-nudge button{width:40px;height:40px}.studio-hint{max-width:94%}}
.guided-piece{position:absolute;left:18px;bottom:102px;width:205px;display:grid;justify-items:center;background:#fffdf0ed;border:3px solid #e3c773;border-radius:22px;padding:6px 12px 12px;box-shadow:0 8px 25px #133e3b25;z-index:5;touch-action:none;cursor:grab}.guided-piece[hidden]{display:none}.guided-piece canvas{width:130px;height:91px}.guided-piece strong{font-size:13px}.guided-piece span{font-size:12px;margin-top:6px}.guided-piece.on-target{border-color:#4d9254;background:#e7fbd9}.guided-drag{position:fixed;z-index:100;width:130px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 12px 12px #173c3b66)}.guided .snap-nudge,.guided #rotatePiece,.guided #cancel{display:none}.kit-choice{display:block;width:100%;padding:18px;margin:10px 0;border:1px solid #c6d7c6;border-radius:14px;background:#edf3e4;font:inherit;font-weight:700;text-align:left;cursor:pointer}@media(max-width:600px){.guided-piece{left:10px;bottom:96px;width:153px;padding:4px 8px 9px}.guided-piece canvas{width:105px;height:73px}.guided-piece span{font-size:11px}.guided .studio-title p{display:none}}

.guided-build .palette,.guided-build .part-tabs,.guided-build .part-shelf,.guided-build .builder-panels{display:none}
@media(max-width:600px){.guided .guided-piece{bottom:12px;left:10px;width:calc(100% - 20px);height:100px;grid-template-columns:100px 1fr;align-items:center;padding:6px 12px}.guided-piece canvas{grid-row:1/3}.guided .guided-piece strong,.guided .guided-piece span{text-align:center}.guided .snap-confirm{display:none}.guided .studio-hint{bottom:120px}.guided .studio-camera{gap:3px}.guided .studio-camera button{min-height:36px;padding:6px}}