.builder{padding:26px 0 45px}.builder-heading{display:flex;justify-content:space-between;align-items:center;gap:22px}.builder h1{font-size:clamp(2.1rem,4vw,3.7rem);letter-spacing:-.065em;margin:8px 0 10px}.builder h1 span{color:var(--purple);margin-left:.12em}.builder-heading p{margin:0;font-weight:700}.builder-heading-actions{display:flex;gap:12px;flex-wrap:wrap}.builder-modes{display:flex;gap:8px;align-items:center;margin:25px 0 20px;flex-wrap:wrap}.builder-modes button,.tool-tabs button{border:2px solid var(--ink);background:white;border-radius:16px;padding:12px 18px;font:inherit;font-weight:800;min-height:48px}.builder-modes button[aria-pressed=true]{background:var(--purple);color:white;box-shadow:0 4px 0 var(--ink)}.builder-modes span{margin-left:auto;font-size:.85rem;color:#665372}.builder-shell{display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;align-items:start}.builder-tools{padding:20px;position:sticky;top:16px}.builder-tools h2{font-size:1.1rem;margin:0 0 16px}.builder-tools .swatches{gap:12px}.builder-tools .swatches button{width:44px;height:44px;min-height:44px}.tool-tabs{display:flex;gap:6px;margin:24px 0 15px}.tool-tabs button{padding:9px 10px;font-size:.88rem;flex:1}.tool-tabs button[aria-pressed=true]{background:var(--yellow)}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shape-grid button{display:flex;flex-direction:column;align-items:center;font-size:.85rem;min-height:77px;background:#fff9ef}.shape-grid button span{font-size:1.7rem;line-height:1.25;color:var(--purple)}.tool-note{font-size:.84rem;color:#665372;margin:20px 0}.builder-tools #surprise{width:100%;font-size:.95rem}.toolbox-toggle{display:none}.builder-work{min-width:0}.selection-bar{display:flex;align-items:center;gap:13px;margin:0 0 12px;flex-wrap:wrap}.selection-bar .secondary{font-size:.86rem;padding:9px 12px}.selection-bar button[aria-pressed=true]{background:var(--yellow)}.selection-bar span{font-size:.83rem;margin-left:auto}.text-button{background:transparent;border:0;text-decoration:underline;padding:10px 4px;min-height:44px;font:inherit;color:var(--ink);cursor:pointer}.builder .canvas-shell{border-radius:26px;isolation:isolate}.builder canvas{cursor:grab}.builder canvas:active{cursor:grabbing}.model-tools{padding:17px 0 4px;gap:8px}.model-tools button{font-size:.84rem;min-height:44px;padding:8px 12px}.model-tools button[data-transform=group]{background:#e6dafc}.builder .lab-actions{gap:9px;margin:16px 0}.builder .lab-actions button{padding:10px 14px;font-size:.88rem}.builder #lab-status{font-size:.86rem;color:#514064;min-height:1.5em}.pieces-details{border-top:2px dashed #d1bddc;padding-top:15px;margin-top:12px}.pieces-details summary{font-weight:800;cursor:pointer;min-height:44px}.pieces-details summary span{display:inline-block;background:#e6dafc;border-radius:8px;padding:2px 9px;margin-left:7px}.pieces-details p,.builder-footnote{font-size:.84rem;color:#65516f}.object-list{max-height:220px}.builder-footnote{margin-top:26px;max-width:100ch}.guide-panel{display:flex;align-items:center;gap:17px;background:#eadeff;border:3px solid var(--ink);border-radius:22px;padding:18px;margin:0 0 20px}.guide-panel>img{object-fit:contain;align-self:center;flex:0 0 65px}.guide-copy{flex:1;min-width:0}.guide-copy h2{font-size:1.25rem;margin:3px 0 6px;letter-spacing:0}.guide-copy p{margin:0;font-size:.95rem}.guide-copy #guide-progress{font-size:.8rem;font-weight:800;color:#5c3885}.guide-copy progress{height:9px;margin-top:12px}.guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:290px}.guide-actions button{font-size:.83rem;padding:9px 12px}.guide-actions .text-button{padding:0;font-size:.78rem}#guide-picker,#library-dialog{width:min(850px,calc(100% - 24px));max-height:85dvh}.dialog-heading{display:flex;align-items:center;gap:20px;justify-content:space-between}.dialog-heading h2{margin:0;font-size:1.9rem}dialog .dialog-heading .close{float:none}.guide-grid,.library-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-choice{border:2px solid var(--ink);border-radius:18px;background:#fff9ef;overflow:hidden;padding:14px;display:flex;flex-direction:column;align-items:center;font:inherit;color:var(--ink);cursor:pointer}.guide-choice img{width:130px;height:130px;object-fit:contain}.guide-choice strong{font-size:1rem;margin:9px 0}.guide-choice small{font-size:.75rem}.guide-choice:hover{background:#fff0ba}.library-item{border:2px solid #bba4cc;border-radius:18px;overflow:hidden;padding:13px;min-width:0}.library-item canvas{width:100%;height:auto;border-radius:10px}.library-item h3{font-size:1rem;line-height:1.4}.library-item button{font-size:.85rem;padding:9px 12px;margin:0 8px 7px 0}.library-empty{grid-column:1/-1;padding:25px;background:#f5edff;border-radius:16px}.builder button:disabled{opacity:.5}.builder button:focus-visible{outline:4px solid #087889;outline-offset:3px}
@media(max-width:900px){.builder-heading{align-items:flex-start}.builder-heading-actions{justify-content:flex-end;max-width:210px}.builder-shell{grid-template-columns:205px minmax(0,1fr);gap:16px}.builder-tools{padding:15px}.builder-modes span{display:none}.guide-panel{flex-wrap:wrap}.guide-actions{margin-left:80px;max-width:none}.guide-grid,.library-list{grid-template-columns:repeat(2,1fr)}.selection-bar span{margin-left:0}.builder .lab-actions button{padding:9px 11px}}
@media(max-width:600px){.builder{padding-top:15px}.builder-heading{display:block}.builder h1{font-size:2.4rem}.builder-heading p{font-size:.93rem}.builder-heading-actions{max-width:none;justify-content:flex-start;margin-top:15px}.builder-heading-actions button{font-size:.85rem;padding:9px 13px}.builder-modes{margin:18px 0}.builder-modes button{font-size:.89rem;padding:10px 14px}.builder-shell{display:flex;flex-direction:column;gap:14px}.builder-work{width:100%;order:0}.builder-tools{width:100%;order:1;position:sticky;bottom:8px;top:auto;z-index:5;box-shadow:0 6px 0 #25154b22;background:#fff}.toolbox-toggle{display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;padding:0;width:100%;min-height:44px;font:inherit;font-weight:900;color:var(--ink);font-size:1.04rem}.toolbox-toggle span{font-size:1.5rem}.toolbox-content{display:none;max-height:48dvh;overflow-y:auto;padding:12px 4px 7px}.builder-tools.open .toolbox-content{display:block}.builder-tools .swatches button{width:44px;height:44px}.builder-tools h2{font-size:.94rem}.tool-tabs{margin:15px 0}.shape-grid{grid-template-columns:repeat(3,1fr)}.shape-grid button{min-height:65px}.tool-note{margin:12px 0;font-size:.8rem}.selection-bar{gap:8px}.selection-bar .secondary,.selection-bar .text-button{font-size:.78rem}.selection-bar span{width:100%;font-size:.78rem}.builder .canvas-shell{border-radius:20px}.model-tools{gap:7px;padding-top:16px}.model-tools button{font-size:.77rem;padding:7px 9px}.builder .lab-actions{gap:7px}.builder .lab-actions button{font-size:.79rem;padding:8px 10px}.guide-panel{padding:14px;gap:12px}.guide-panel>img{display:none}.guide-copy{flex-basis:100%}.guide-copy h2{font-size:1.1rem}.guide-copy p{font-size:.86rem}.guide-actions{margin:0;width:100%}.guide-grid,.library-list{gap:10px}.guide-choice{padding:10px}.guide-choice img{width:95px;height:95px}.dialog-heading h2{font-size:1.4rem}.builder-footnote{font-size:.78rem}.pieces-details p{font-size:.8rem}}

.texture-label{display:block;font-weight:800;margin:20px 0 8px;font-size:.9rem}#clay-texture{width:100%;min-height:46px;border:2px solid #b4a191;border-radius:14px;padding:8px;background:#fffaf1;color:#35253f;font:inherit;font-size:.9rem}.builder-tools .swatches button{border:0;box-shadow:inset 3px 4px 6px #ffffff50,inset -3px -4px 7px #55352035,0 3px 5px #55352025}.builder-tools .swatches button[aria-pressed=true]{outline:3px solid #6931bc;outline-offset:3px}

.view-tools{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.view-tools button{min-width:44px;min-height:44px;border:2px solid #a589be;border-radius:13px;background:#fffaf1;color:#35253f;padding:8px 12px;font:inherit;font-weight:700;font-size:.82rem}.view-tools button[aria-pressed=true]{background:#e8d4ff}#render-status{font-size:.84rem;color:#665372;min-height:1.4em;margin:8px 0}.builder [hidden]{display:none!important}

.hand-tools{display:flex;gap:10px;flex-wrap:wrap}.hand-tools button{min-height:48px;border:2px solid #25154b;border-radius:18px;padding:10px 20px;background:#fff;font:inherit;font-weight:800;color:#35253f}.hand-tools button[aria-pressed=true]{background:#ffd83d;box-shadow:0 3px 0 #25154b}.gesture-hint{font-size:.86rem;line-height:1.5;color:#655372}.extra-tools{border:2px dashed #c7afd7;border-radius:18px;padding:12px 16px;margin-top:15px}.extra-tools summary{font-weight:800;cursor:pointer;min-height:44px;display:flex;align-items:center}.extra-tools p{font-size:.85rem;line-height:1.7}.extra-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.extra-tools:not([open])>*:not(summary){display:none}.extra-tools .selection-bar{margin-top:18px}

#clay-canvas{touch-action:none;user-select:none;-webkit-user-select:none}#guide-play{grid-column:1/-1}.guide-actions button{min-height:44px}@media(max-width:600px){.builder-tools{position:static}.hand-tools{gap:6px}.hand-tools button{flex:1;padding:9px 8px;font-size:.85rem}.guide-panel{scroll-margin-top:12px}.guide-actions{max-width:none}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}