[hidden]{display:none!important}.top-nav{display:flex;gap:5px;margin-left:auto;margin-right:22px}.top-nav button{padding:10px 12px;font-size:14px;color:#6b7c61}.studio-page{max-width:1500px;margin:auto;padding:38px 42px}.home-mode #gameSurface{display:none}.home-page{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:calc(100vh - 91px);padding:60px 75px}.home-copy h1{font-size:44px;line-height:1.55;margin:18px 0 22px;letter-spacing:2px}.home-copy>p{font-size:16px;line-height:2.1;color:#7b8871;margin-bottom:28px}.large{padding:15px 25px;font-size:16px;margin:0 8px 15px 0}.home-links{display:flex;gap:25px;margin:26px 0}.home-links button{font-size:16px;padding:12px 0;border-bottom:1px solid #cbd5c2;border-radius:0}.home-links span{margin-left:15px;color:#819576}.home-copy>.tiny{font-size:12px;margin-top:28px}.home-preview{background:#e8edde;padding:20px;border:1px solid #d4dfc8;border-radius:18px;box-shadow:0 25px 65px #485d3620;transform:rotate(2deg)}.home-preview canvas{display:block;width:100%;border-radius:8px}.home-preview>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#6e815f;padding:18px 4px 3px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:35px}.page-heading h1{font-size:32px}.page-heading>select{padding:12px;border:1px solid #cbd5c0;border-radius:7px;color:var(--ink);background:white}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:23px}.collection-card{background:#fffefb;border:1px solid #e0e6d6;border-radius:13px;padding:16px;box-shadow:0 4px 15px #364e2905;max-width:440px}.collection-card>img{width:100%;aspect-ratio:1;object-fit:contain;background:#edf0e7;border-radius:7px}.collection-card h3{font-size:20px;margin:13px 0 4px}.collection-card p{margin:8px 0 18px}.work-status{display:inline-block;font-size:12px;border-radius:4px;padding:4px 8px;background:#eaf0df;color:#60774f;margin-top:15px}.work-status.locked{background:#efe8d6;color:#997740}.card-actions{display:flex;gap:8px}.card-actions button{flex:1;font-size:13px;padding:10px 7px}.empty-message{padding:70px 20px;text-align:center;color:#8a967f}.volume-row{display:grid;grid-template-columns:1.2fr 1.5fr 52px;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #e5e9df;font-size:14px}.volume-row input{accent-color:#5f7d4f;width:100%}.volume-row output{text-align:right;font-size:13px}.volume-row:last-child{margin-bottom:25px}#builtOverview{max-width:1000px;width:90vw}#builtCanvas{display:block;width:100%;max-height:68vh;object-fit:contain}.direct-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.direct-colors .drawer-cell{padding:13px 5px;gap:8px}.direct-colors .bead,.single-color-row .bead{width:26px;height:26px}.direct-colors .drawer-cell b,.direct-colors .drawer-cell small{font-size:12px}.single-color-row{display:flex;align-items:center;justify-content:space-between;background:#eef2e7;border:1px solid #d7e0ce;border-radius:7px;padding:5px 10px;margin-bottom:7px;font-size:13px}.single-color-row .drawer-cell{flex-direction:row;gap:10px;padding:8px;border:0;background:none;box-shadow:none}.single-color-row .drawer-cell small{font-size:12px}.tray-section{margin-top:0}.right-panel #export{margin:14px 0 10px}.right-panel #placedOverview{font-size:13px}.tray-button{position:relative}.tray-button.pouring:after{content:'';position:absolute;right:10%;top:-17px;width:52px;height:30px;border:2px solid #bccaae;background:#f4f5e8;border-radius:8px;transform:rotate(30deg);animation:pour-scoop .85s ease both}@keyframes pour-scoop{0%{transform:translateY(-30px) rotate(0deg)}35%{transform:translateY(6px) rotate(35deg)}75%{transform:translateY(6px) rotate(45deg)}100%{transform:translateY(-30px) rotate(0)}}
.bead{background:radial-gradient(circle at 50% 42%,#323e32 0 28%,#6c755d 29% 37%,transparent 38%),linear-gradient(135deg,#ffffff70,transparent 45%),var(--c);box-shadow:inset -1px -3px 1px #0003,0 3px 0 color-mix(in srgb,var(--c),#333 35%),0 4px 2px #0002;border-radius:46%}.atlas-sprite{background-image:url('tools-atlas.png');background-size:200% 200%;background-repeat:no-repeat}.tool-symbol{font-size:0!important;width:62px;height:62px;background-image:url('tools-atlas.png');background-size:200% 200%;background-position:100% 0;transform:none!important;text-shadow:none!important}.pen-symbol{background-position:0 0}#cursorTool{width:var(--cursor-size,64px);height:var(--cursor-size,64px);clip-path:none;border-radius:0;background: url('tools-atlas.png') 100% 0 / 200% 200% no-repeat;filter:drop-shadow(1px 2px 1px #0002);transform:translate(-50%,-89%) rotate(15deg)}#cursorTool.pen{width:var(--cursor-size,64px);height:var(--cursor-size,64px);clip-path:none;background:url('tools-atlas.png') 0 0 / 200% 200% no-repeat;transform:translate(-50%,-88%) rotate(10deg)}
.finishing-page{padding:27px 28px 45px}.finish-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.finish-heading h1{font-size:28px}.finish-heading>div:last-child{display:flex;gap:10px;align-items:center}.finish-heading .muted{margin-bottom:0}.finish-steps{display:flex;gap:7px;border-top:1px solid #dfe6d5;border-bottom:1px solid #dfe6d5;padding:13px 0;margin-bottom:22px}.finish-steps button{padding:10px 18px;color:#809073;font-size:14px}.finish-steps .active{background:#dfe8d4;color:#3f6037}.finish-steps button:disabled{opacity:.45}.finishing-layout{display:grid;grid-template-columns:220px minmax(360px,1fr) 205px;gap:24px}.finish-controls,.finish-detail{background:#fffefb;border:1px solid #e0e7d7;padding:21px 17px;border-radius:11px;align-self:start}.finish-controls h2,.finish-detail h2{font-size:16px;margin:0 0 16px}.finish-controls p,.finish-detail p{font-size:14px;line-height:1.9;color:#7f8b74}.finish-controls label{display:block;font-size:14px;color:#66785b;margin-bottom:20px}.finish-controls select,.hole-size select{display:block;width:100%;margin-top:8px;padding:10px 7px;border:1px solid #ced9c3;border-radius:6px;background:white;color:#46563d;font-size:13px}.finish-controls input[type=range]{width:100%;accent-color:#6d885a;margin-top:15px}.finish-controls .full{margin:7px 0;font-size:13px}.finish-table{align-self:start;background:#e7edde;border:1px solid #d3dfc7;border-radius:14px;padding:16px;box-shadow:0 8px 24px #44533308;min-width:0}.finish-canvas-wrap{position:relative;perspective:900px;transition:transform .6s}#finishCanvas{display:block;width:100%;height:auto;border-radius:8px;touch-action:none;cursor:crosshair}.finish-instruction{font-size:13px;line-height:1.9;color:#77866a;text-align:center;padding:17px 8px 6px;min-height:68px}.finish-meter{height:5px;border-radius:8px;background:#d3dec7;overflow:hidden;margin:4px 10px 12px}.finish-meter i{display:block;height:100%;width:0;background:#779658;transition:width .08s}.face-card{display:block;width:100%;padding:15px 10px;border:1px solid #d9e3ce;background:#f2f5ec;text-align:left;margin:10px 0}.face-card b{display:block;font-size:14px;font-weight:500}.face-card span{display:block;font-size:12px;color:#8a967e;margin-top:5px}.face-card.active{border-color:#809571;background:#fff}.finish-detail #finishName{font-family:'Noto Serif SC',serif;color:#435b38}.finish-detail .full{margin:8px 0;font-size:13px}.hole-size{font-size:13px;display:block;margin:13px 0}.locked-note{padding:15px;background:#f4eedf;border-radius:7px}.qte-track{height:28px;background:linear-gradient(90deg,#eeddd0 0 15%,#eae4b9 15% 35%,#c6d9b4 35% 46%,#769756 46% 54%,#c6d9b4 54% 65%,#eae4b9 65% 85%,#eeddd0 85%);position:relative;border-radius:5px;margin:25px 0 15px;overflow:visible}.qte-track i{position:absolute;top:-6px;bottom:-6px;width:3px;background:#2e4530;left:50%;box-shadow:0 0 0 2px #fff8}.qte-grade{font:600 28px Georgia,serif;letter-spacing:2px;color:#718c51;margin:22px 0}.preheat-indicator{padding:15px 8px;background:#e6eadf;border-radius:7px;font-size:13px;text-align:center;color:#819376}.preheat-indicator.ready{background:#f0dccb;color:#a36745}.iron-sprite{background-position:0 100%}.press-sprite{background-position:100% 100%}#ironTool{position:absolute;width:110px;height:110px;left:12px;top:12px;touch-action:none;cursor:grab;z-index:4;filter:drop-shadow(2px 5px 3px #0002)}#ironTool.hot{filter:drop-shadow(0 4px 8px #e3955d)}#ironTool:active{cursor:grabbing}.steam{display:none;pointer-events:none;position:absolute;top:15%;left:43%;width:16px;height:38px;background:linear-gradient(transparent,#ffffffa0);border-radius:50%;filter:blur(5px)}.hot .steam{display:block;animation:steam-rise 1.2s infinite}@keyframes steam-rise{from{transform:translateY(0);opacity:.8}to{transform:translateY(-48px) scale(1.8);opacity:0}}#pressVisual{position:absolute;width:55%;height:55%;right:-4%;top:-4%;pointer-events:none;transition:transform .7s,top .7s,right .7s;filter:drop-shadow(0 8px 5px #0002);z-index:3}#pressVisual.closed{top:22%;right:20%;transform:scale(1.45)}.flipping{animation:flip-table .65s ease}@keyframes flip-table{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}.scatter-beads{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.scatter-pick{padding:10px 3px;border:1px solid #d7dfcf;background:#f1f4eb;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:grab}.scatter-pick .bead{width:25px;height:25px}.scatter-pick small{font-size:11px}.scatter-pick.active{outline:2px solid #6c885b}.repair-count b{color:#ac8056;font-size:20px}.finish-detail #scatterPool h2{font-size:14px;margin-top:25px}#finishActions{margin-top:25px}.direct-colors .drawer-cell{min-width:0}.drawer-cells .drawer-cell small{font-size:12px}.drawer-options{display:none}
@media(max-width:1150px){.studio-page{padding:26px}.home-page{gap:35px;padding:50px 40px}.home-copy h1{font-size:35px}.top-nav{margin-right:10px}.top-nav button{padding:8px;font-size:13px}.finishing-layout{grid-template-columns:190px minmax(300px,1fr) 180px;gap:12px}.finish-controls,.finish-detail{padding:17px 13px}.finish-steps button{padding:8px 13px}.finish-table{padding:10px}.finish-heading h1{font-size:24px}}
@media(max-width:800px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:14px 16px;gap:10px}.top-nav{order:3;flex-basis:100%;justify-content:space-between;margin:0}.top-nav button{font-size:13px;padding:7px 9px}.home-page{display:flex;flex-direction:column;padding:35px 25px;gap:35px;min-height:0}.home-copy h1{font-size:32px;line-height:1.55}.home-copy>p{font-size:14px}.home-preview{width:100%;max-width:430px;transform:none}.large{font-size:14px;padding:13px 17px}.home-links{margin:12px 0}.home-copy>.tiny{margin-bottom:0}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.collection-page{padding:28px 19px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.collection-card{max-width:none}.finishing-page{padding:20px 14px}.finish-heading{align-items:flex-start;flex-direction:column}.finish-heading h1{font-size:24px}.finish-heading>div:last-child{width:100%;justify-content:space-between}.finish-steps{overflow:auto;white-space:nowrap;gap:3px}.finish-steps button{font-size:12px;padding:9px 10px}.finishing-layout{display:flex;flex-wrap:wrap;gap:16px}.finish-controls{width:100%;order:0}.finish-table{width:100%;order:1}.finish-detail{width:100%;order:2}.finish-controls label{margin-bottom:13px}.finish-controls .full{padding:12px}.finish-canvas-wrap{min-width:0}.finish-instruction{font-size:12px;min-height:0}.face-card{display:inline-block;width:calc(50% - 7px);margin:5px 3px}.finish-detail #scatterPool h2{margin-top:12px}.scatter-beads{grid-template-columns:repeat(6,1fr)}#ironTool{width:85px;height:85px}.volume-row{grid-template-columns:1fr 1.3fr 40px;gap:10px;font-size:13px}.direct-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.home-preview>div{font-size:11px}.right-panel .tray-section{margin-top:0}.tool-symbol{width:50px;height:50px}.drawer-cells .drawer-cell small{font-size:12px}.drawer-handle{font-size:14px}.single-color-row .drawer-cell .bead{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.flipping{animation:none}.hot .steam{animation:none}.tray-button.pouring:after{animation:none}}