.workshop{color:#235e73;max-width:1400px;height:100%;min-height:0;margin:0 auto;padding:20px 32px 36px}.workshop-panel{backdrop-filter:blur(12px)saturate(1.16);background:linear-gradient(135deg,#edffff4f,#dcf7ff14 45%,#cdf5e731);border:1px solid #ffffffb8;border-radius:32px;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;box-shadow:inset 0 1px 1px #ffffffcf,inset 0 -1px 2px #b7f4e47a,0 22px 70px -25px #256d9760}.workshop-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px 12px;display:flex}.workshop-bar>.glass-choice{border-color:#ffffffa0;min-width:130px;max-width:200px}.workshop-actions{background:linear-gradient(150deg,#f0ffff32,#d7f7f70b);border-radius:30px;align-items:center;gap:5px;padding:3px;display:flex;box-shadow:inset 0 1px #ffffff69}.workshop-action{width:38px;height:38px;color:inherit;background:linear-gradient(145deg,#f3ffff33,#d7fff20d);border:1px solid #e3ffff63;border-radius:13px;flex-shrink:0;place-items:center;padding:0;transition:background .2s,box-shadow .2s,transform .2s;display:inline-grid;box-shadow:inset 0 1px #fff6}.workshop-action:hover{background:#f0ffff60;border-color:#ffffff9a;transform:translateY(-1px);box-shadow:inset 0 1px 2px #fff}.workshop-action[aria-pressed=true]{background:#d9fff59e;border-color:#ffffffc9}.workshop-action-divider{background:#ffffff90;width:1px;height:18px;margin:0 4px}.workshop-close{background:#e6ffff30;border-color:#ffffffa0}.workshop-body{flex:1;grid-template-columns:minmax(0,1fr) 196px;min-height:0;padding:0 10px 10px;display:grid;position:relative}.workshop-stage{isolation:isolate;border-radius:22px;min-width:0;min-height:0;position:relative;overflow:hidden}.workshop-stage:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 32px #eaffff25}.workshop-stage canvas{touch-action:none;outline-offset:-5px;cursor:grab;width:100%;height:100%;display:block}.workshop-stage canvas:active{cursor:grabbing}.workshop-rail{border-left:1px solid #ffffff6b;flex-direction:column;align-items:center;gap:18px;min-height:0;padding:8px 12px 8px 18px;display:flex}.workshop-desktop-tools{width:100%}.workshop-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.workshop-tool{min-width:0;min-height:58px;color:color-mix(in srgb, var(--tool-tone,#62bea9) 60%, #24546d);background:linear-gradient(145deg, #ffffff4d, color-mix(in srgb, var(--tool-tone,#62bea9) 11%, transparent));border:1px solid #ffffff75;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 2px;transition:background .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:inset 0 1px #ffffffa3,0 4px 8px -6px #287b9233}.workshop-tool span{font-size:.63rem;line-height:1.2}.workshop-tool:hover{background:#f0ffff40;transform:translateY(-2px)}.workshop-tool[aria-pressed=true]{background:linear-gradient(145deg, #f5ffffc9, color-mix(in srgb, var(--tool-tone,#62bea9) 35%, #e5fff799));color:#21687a;border-color:#fffffff0;transform:translateY(-2px);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #92dccc58,0 6px 13px #28738e22}.workshop-rail-button{background:linear-gradient(150deg,#f5ffff57,#cdede622);border:1px solid #ffffff8a;border-radius:16px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:39px;padding:8px;font-size:.72rem;display:flex;box-shadow:inset 0 1px 1px #ffffffa6}.workshop-rail-button:hover{background:#e6ffff95}.workshop-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;display:grid}.workshop-add{grid-column:1/-1}.workshop-random,.workshop-auto{flex-direction:column;gap:4px;min-height:54px;font-size:.65rem;position:relative}.workshop-rail-button{min-width:0;transition:background .2s,box-shadow .2s,transform .2s}.workshop-rail-button:active{transform:translateY(1px)}.workshop-auto[aria-checked=true]{background:linear-gradient(145deg,#efffffd9,#adebdba3);border-color:#ffffffeb;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #7fcdb448,0 6px 12px #277d9221}.automatic-light{background:#468b994d;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:7px;box-shadow:0 1px #ffffffa0}.workshop-auto[aria-checked=true] .automatic-light{background:#2eab8d;box-shadow:0 0 0 3px #65dabc25,0 0 7px #83f4d2}.workshop-mobile-tools{display:none}.gravity-control{border-top:1px solid #ffffff59;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:14px;display:flex}.gravity-stick{--stick-size:114px;width:var(--stick-size);height:var(--stick-size);touch-action:none;cursor:crosshair;background:radial-gradient(circle at 34% 22%,#ffffff59,#d9fafa15 64%,#afe1e533);border:1px solid #ffffffce;border-radius:50%;flex-shrink:0;position:relative;box-shadow:inset 0 3px 5px #ffffffc2,inset 0 -4px 10px #489ca123,0 13px 19px -15px #155b81ac}.gravity-orbit{pointer-events:none;border:1px dashed #4386993b;border-radius:50%;position:absolute;inset:13%}.gravity-crosshair{pointer-events:none;opacity:.48;background:linear-gradient(90deg,#0000 calc(50% - .5px),#589fa788 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#589fa788 50%,#0000 calc(50% + .5px));border-radius:50%;position:absolute;inset:23%}.gravity-knob{left:calc(50% + var(--gravity-x) * 34%);top:calc(50% + var(--gravity-y) * 34%);pointer-events:none;background:radial-gradient(circle at 30% 22%,#fff,#c7fff5 34%,#7bc6cf 84%);border:1px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 -3px 4px #4e9fa347,0 4px 6px #336f7945,0 0 14px #d9fff961}.is-sensing .gravity-knob{background:radial-gradient(circle at 30% 22%,#fff,#b6f6ca 36%,#6cbdad 84%)}.gravity-caption{justify-content:space-between;align-items:baseline;gap:12px;width:114px;font-size:.64rem;display:flex}.gravity-caption output{font-variant-numeric:tabular-nums;font-size:.8rem}.gravity-caption small{opacity:.75;font-size:.62rem}.gravity-buttons{justify-content:center;gap:5px;display:flex}.gravity-buttons .workshop-action{width:32px;height:32px}.gravity-buttons .gravity-center{background:#e5ffff49;border-color:#ffffff9c;border-radius:18px;justify-content:center;align-items:center;gap:4px;width:auto;min-width:65px;padding:0 8px;font-size:.65rem;display:flex;box-shadow:inset 0 1px 1px #ffffff9f}.workshop-resume{backdrop-filter:blur(8px);background:#e1fffaa3;border:1px solid #ffffffe8;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 2px #fff,0 12px 24px #277c912c}.workshop-popover{z-index:5;backdrop-filter:blur(16px)saturate(1.18);scrollbar-width:thin;background:linear-gradient(145deg,#f0fffec2,#d7f8ed85 52%,#d0f2ffad);border:1px solid #ecfffec7;border-radius:22px;width:min(310px,100% - 220px);max-height:calc(100% - 24px);padding:36px 14px 14px;position:absolute;bottom:18px;right:208px;overflow:auto;box-shadow:inset 0 1px 1px #ffffffcf,inset 0 -1px 2px #c2ffef66,0 16px 40px -10px #246e934d}.workshop-popover-close{position:absolute;top:5px;right:8px}.workshop-popover form{flex-direction:column;gap:9px;display:flex}.workshop-form-row{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;font-size:.75rem;display:grid}.workshop-form-row .glass-choice{justify-content:space-between;width:100%}.workshop-segments{border:0;min-width:0;margin:0;padding:0}.workshop-segments legend{color:#3d7b83;margin-bottom:7px;font-size:.68rem}.workshop-segments>div{gap:6px;display:flex}.workshop-segments button{background:#eaffff3b;border:1px solid #ffffff9f;border-radius:14px;flex:1;min-height:36px;font-size:.72rem}.workshop-segments button[aria-pressed=true]{background:#faffffe6;border-color:#fff;box-shadow:inset 0 2px 2px #fff,0 4px 8px #478e901c}.workshop-spawn{border-radius:13px 16px 13px 15px;align-self:flex-end;width:48px;min-height:36px;padding:7px}.workshop-sensor-notice{color:#387782;pointer-events:none;max-width:65%;font-size:.65rem;position:absolute;bottom:18px;left:20px}.workshop-popover-title{color:#386f7d;font-size:.75rem;line-height:1.5;position:absolute;top:12px;left:15px}.workshop-tool-press{flex-direction:row;grid-column:1/-1;gap:8px;min-height:34px}.workshop-surprises{grid-column:1/-1}.workshop-materials,.workshop-shapes{border:0;min-width:0;margin:0;padding:0}.workshop-material-grid,.workshop-special-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.workshop-object-tile{color:#386d7a;background:linear-gradient(145deg,#ffffff45,#dcfff224);border:1px solid #ffffff94;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:58px;padding:4px;transition:background .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff85}.workshop-object-tile>span{text-align:center;font-size:.625rem;line-height:1.4}.workshop-object-tile .workshop-sample{width:58px;max-width:100%;height:38px;transition:transform .18s var(--ease)}.workshop-object-tile:hover{background:#edfff780}.workshop-object-tile:hover .workshop-sample{transform:translateY(-2px)rotate(-3deg)}.workshop-object-tile[aria-pressed=true]{background:linear-gradient(145deg,#ffffffe0,#c5ffec87);border-color:#f4ffffe6;transform:none;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #a9e8d89c,0 3px 0 -2px #499c9852}.workshop-object-tile[aria-pressed=true]:after{content:"";border-bottom:1px solid #348979;border-left:1px solid #348979;width:6px;height:3px;position:absolute;top:7px;right:7px;transform:rotate(-45deg)}.workshop-special-grid .workshop-object-tile{min-height:76px}.workshop-special-grid .workshop-sample{width:68px;height:49px}.workshop-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.workshop-shapes>button{color:#39808a;background:#edfffc33;border:1px solid #ffffff9c;border-radius:11px;place-items:center;height:32px;display:grid}.workshop-shapes>button[aria-pressed=true]{background:#eafff7ad;transform:none;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #baffeb80}.workshop-range{color:#427784;grid-template-columns:34px minmax(0,1fr) 25px;align-items:center;gap:8px;font-size:.6875rem;display:grid}.workshop-range input{width:100%;min-width:0;height:23px;min-height:0;box-shadow:none;accent-color:#5bbeb0;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.workshop-range input:focus-visible{box-shadow:none;outline:none}.workshop-range input:focus-visible::-webkit-slider-thumb{box-shadow:inset 0 1px 1px #fff,0 0 0 3px #89dacb66}.workshop-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #89dacb66}.workshop-range input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#9dddc8a6,#c0e5ef8c);border:1px solid #ffffff94;border-radius:10px;height:5px}.workshop-range input::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg,#effffe,#94dccb);border:1px solid #f4ffff;border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:inset 0 1px 1px #fff,0 2px 4px #438a922b}.workshop-range input::-moz-range-track{background:#abdcd3;border:1px solid #ffffff94;border-radius:10px;height:4px}.workshop-range input::-moz-range-thumb{background:#abebd9;border:1px solid #f4ffff;border-radius:50%;width:13px;height:13px}.workshop-range output{text-align:right;font-variant-numeric:tabular-nums}@media (width>=701px) and (height<=820px){.workshop{padding-top:8px;padding-bottom:20px}.workshop-rail{gap:12px;padding-top:2px}.workshop-tool{gap:3px;min-height:43px}.workshop-tool span{font-size:.6rem}.workshop-random,.workshop-auto{min-height:47px}.gravity-control{gap:5px;padding-top:10px}.gravity-stick{--stick-size:86px}.gravity-knob{width:23px;height:23px}}@media (width<=700px),(height<=600px){.workshop{padding:4px 14px max(14px, env(safe-area-inset-bottom))}.workshop-panel{border-radius:25px}.workshop-bar{gap:5px;padding:9px 11px}.workshop-bar>.glass-choice{gap:5px;min-width:0;max-width:145px;padding:7px 10px;font-size:.7rem}.workshop-actions{gap:0;padding:2px}.workshop-action{width:32px;height:34px}.workshop-action-divider{height:15px;margin:0 3px}.workshop-body{grid-template-rows:minmax(0,1fr) 122px;grid-template-columns:minmax(0,1fr);padding:0 7px 7px}.workshop-rail{border-top:1px solid #ffffff85;border-left:0;grid-template-columns:minmax(0,1fr) 128px;gap:12px;padding:9px 8px 2px;display:grid}.workshop-desktop-tools{display:none}.workshop-mobile-tools{display:flex}.workshop-add{grid-column:auto}.workshop-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.workshop-surprises{grid-column:auto}.workshop-rail-button{border-radius:14px;flex-direction:column;gap:3px;min-width:0;min-height:46px;padding:5px 2px;font-size:.59rem;position:relative}.workshop-rail-button svg{width:19px;height:19px}.workshop-chevron{font-size:.6rem;position:absolute;top:2px;right:6px}.gravity-control{border-top:0;border-left:1px solid #ffffff69;grid-template-rows:68px 32px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:4px 6px;width:128px;margin:0;padding:0 0 0 5px;display:grid}.gravity-stick{--stick-size:68px}.gravity-knob{width:22px;height:22px}.gravity-caption{flex-direction:column;align-items:flex-start;gap:5px;width:auto;font-size:.58rem}.gravity-caption output{font-size:.83rem}.gravity-buttons{grid-column:1/-1;justify-content:center;gap:6px}.gravity-buttons .workshop-action{width:32px;min-width:32px;height:32px;padding:0}.gravity-center span{display:none}.workshop-popover{width:min(320px,100% - 16px);max-height:calc(100% - 144px);padding:34px 12px 12px;bottom:132px;right:8px}.workshop-tool{min-height:52px}.workshop-sensor-notice{max-width:calc(100% - 28px);font-size:.6rem;bottom:137px;left:14px}}@media (width<=360px){.workshop{padding-left:8px;padding-right:8px}.workshop-bar{padding:8px}.workshop-actions .workshop-action{border-radius:10px;width:26px;height:29px}.workshop-actions .workshop-action>svg{width:17px;height:17px}.workshop-bar>.glass-choice{gap:3px;max-width:108px;min-height:32px;padding-inline:7px}.workshop-action{width:28px;height:32px}.workshop-bar>.glass-choice{padding:6px 8px;font-size:.65rem}.workshop-rail{gap:8px;padding-left:2px;padding-right:2px}.workshop-quick-actions{gap:6px}}@media (width>=701px) and (height<=600px){.workshop{padding:2px 20px 8px}.workshop-bar{padding:6px 10px}.workshop-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 148px}.workshop-rail{border-top:0;border-left:1px solid #ffffff80;flex-direction:column;justify-content:center;gap:8px;padding:0 6px;display:flex}.workshop-rail-button{min-height:43px}.gravity-control{border-top:1px solid #ffffff69;border-left:0;grid-template-rows:64px 30px;grid-template-columns:64px minmax(0,1fr);gap:3px 5px;width:128px;padding:5px 0 0}.gravity-stick{--stick-size:64px}.gravity-buttons .workshop-action{height:30px}.workshop-popover{max-height:calc(100% - 16px);bottom:8px;right:160px}.workshop-sensor-notice{bottom:15px}}@media (prefers-reduced-motion:reduce){.workshop-tool,.workshop-action,.workshop-rail-button{transition:none}}