.github-corner{border:0;position:absolute;top:0;right:0}.github-corner svg{clip-path:polygon(0 0,100% 0,100% 100%);fill:#151513;color:#fff}.wa-dark .github-corner svg{fill:#fff;color:#151513}.github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@keyframes octocat-wave{0%{transform:rotate(0)}20%{transform:rotate(-25deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-25deg)}80%{transform:rotate(10deg)}to{transform:rotate(0)}}.puzzle-renderer-wrapper{--ruler-size:0px;flex-direction:column;align-items:flex-start;width:100%;display:flex}.puzzle-renderer-wrapper .puzzle-canvas-grid{grid-template-columns:var(--ruler-size) auto;grid-template-rows:var(--ruler-size) auto;width:100%;min-height:0;display:grid}.puzzle-renderer-wrapper .puzzle-canvas-grid.with-ruler{--ruler-size:20px}.puzzle-renderer-wrapper .puzzle-ruler-corner{background:var(--wa-color-surface-lowered);grid-area:1/1}.puzzle-renderer-wrapper canvas.puzzle-ruler-h{width:100%;height:var(--ruler-size);grid-area:1/2;display:block}.puzzle-renderer-wrapper canvas.puzzle-ruler-v{width:var(--ruler-size);grid-area:2/1;height:100%;display:block}.puzzle-renderer-wrapper .puzzle-canvas-grid:not(.with-ruler) .puzzle-ruler-corner,.puzzle-renderer-wrapper .puzzle-canvas-grid:not(.with-ruler) canvas.puzzle-ruler-h,.puzzle-renderer-wrapper .puzzle-canvas-grid:not(.with-ruler) canvas.puzzle-ruler-v{display:none}.puzzle-renderer-wrapper canvas.puzzle-renderer{cursor:default;box-sizing:border-box;background:var(--wa-color-surface-default);border:1px solid #ccc;grid-area:2/2;place-self:start;width:100%;height:auto;display:block}.puzzle-renderer-wrapper.fit-viewport{flex-direction:column;align-items:flex-start;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.puzzle-renderer-wrapper.fit-viewport .puzzle-canvas-grid{grid-template-rows:var(--ruler-size) minmax(0, 1fr);flex:0 auto;height:calc(100% - 4rem);min-height:0}.puzzle-renderer-wrapper.fit-viewport canvas.puzzle-renderer{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%}.puzzle-renderer-controls{flex:none;align-items:center;gap:12px;margin-top:8px;display:flex}.geometry-check-indicator{flex:none}.geometry-check-indicator wa-icon{font-size:1.2rem}wa-icon.clear-button{cursor:pointer}.generator-picker{border:1px solid var(--wa-color-surface-border);background-color:var(--wa-color-surface-default);border-radius:5px;max-width:500px}.generator-picker .controls{flex-direction:column;gap:.5em;padding:.125rem 1rem;display:flex}.aspect-ratio-picker{flex-direction:row;align-items:center;gap:.5em;display:flex}.aspect-ratio-picker wa-slider{min-width:200px;margin-top:20px}.path-editor canvas{background:#fff;border:1px solid #ccc;display:block}.path-editor .path-editor-controls{align-items:center;gap:12px;margin-top:8px;display:flex}.path-editor .mode-indicator{color:var(--wa-color-text-quiet);font-size:12px}.custom-piece-editor .whimsy-preview{width:100%;max-height:40vh;display:block}.custom-piece-editor .import-warning{color:var(--wa-color-warning-on-quiet);background:var(--wa-color-warning-fill-quiet);padding:.75rem}.whimsy-manager{border:1px solid var(--wa-color-surface-border);background-color:var(--wa-color-surface-default);border-radius:.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.whimsy-manager-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.whimsy-manager-header h3{color:var(--wa-color-text-normal);margin:0;font-size:1.125rem;font-weight:600}.whimsy-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;min-height:150px;display:grid}.whimsy-empty-state{color:var(--wa-color-text-quiet);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:2rem;display:flex}.whimsy-empty-state p{margin:.5rem 0}.whimsy-empty-state .hint{color:var(--wa-color-text-quiet);font-size:.875rem}.custom-piece-tile{border:2px solid var(--wa-color-surface-border);background-color:var(--wa-color-surface-raised);cursor:pointer;border-radius:.375rem;flex-direction:column;gap:.5rem;padding:.5rem;transition:all .2s;display:flex;position:relative}.custom-piece-tile:hover{border-color:var(--wa-color-brand-border-quiet);box-shadow:0 2px 8px #0000001a}.custom-piece-tile.selected{border-color:var(--wa-color-brand-border-normal);background-color:var(--wa-color-brand-fill-quiet);box-shadow:0 0 0 2px var(--wa-color-brand-border-quiet)}.custom-piece-tile-thumbnail{aspect-ratio:1;background-color:var(--wa-color-surface-lowered);border-radius:.25rem;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.custom-piece-tile-thumbnail img{object-fit:contain;width:100%;height:100%}.custom-piece-tile-placeholder{color:var(--wa-color-text-quiet);font-size:2rem}.custom-piece-tile-name{color:var(--wa-color-text-normal);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.custom-piece-tile.selected .custom-piece-tile-name{color:var(--wa-color-brand-on-normal)}.whimsy-actions{border-top:1px solid var(--wa-color-surface-border);flex-wrap:wrap;gap:.5rem;padding-top:.5rem;display:flex}.whimsy-actions wa-button{flex:1;min-width:100px}.whimsy-help{color:var(--wa-color-text-quiet);margin:0;font-size:.875rem}.help-content{flex-direction:column;gap:1rem;display:flex}.help-content h3{font-size:var(--wa-font-size-l);margin:0}.help-content p{margin:0}.help-content .help-step strong{background-color:var(--wa-color-brand-fill-normal);border-radius:3px;padding:4px}.page.puzzle-page{box-sizing:border-box;width:100%;height:100vh;color:var(--wa-color-text-normal);background:var(--wa-color-surface-lowered);flex-direction:column;align-items:stretch;gap:1rem;padding:1rem;display:flex}.puzzle-header{border:1px solid var(--wa-color-surface-border);border-radius:var(--wa-border-radius-l);background:var(--wa-color-surface-default);flex:none;align-items:center;gap:1rem;min-height:3.25rem;padding:.5rem 5rem .5rem 1rem;display:flex}.puzzle-header h1{margin:0;font-size:1.5rem}.seed-control{align-items:center;gap:.25rem;width:9rem;display:flex}.seed-control wa-input{min-width:0}.header-spacer{flex:1}.header-actions,.save-load-buttons{align-items:center;gap:.25rem;display:flex}.svg-export-dimensions{align-items:start;gap:.5rem;display:flex}.svg-export-dimensions .number-input{flex:1;min-width:0}.svg-export-unit{width:5.5rem;margin-top:1.375rem}.seed-control wa-icon,.header-actions wa-icon{font-size:1.25rem}.workspace{border:1px solid var(--wa-color-surface-border);border-radius:var(--wa-border-radius-l);background:var(--wa-color-surface-default);flex:1;min-height:0;display:flex;overflow-x:auto}.puzzle-stack{z-index:0;scrollbar-gutter:stable;box-sizing:border-box;background:var(--wa-color-surface-lowered);flex:1;justify-content:center;align-items:flex-start;min-width:18rem;min-height:0;padding:1rem;display:flex;position:relative;overflow:auto scroll}.puzzle-stack::-webkit-scrollbar{-webkit-appearance:none;width:12px;height:12px}.puzzle-stack::-webkit-scrollbar-track{background:var(--wa-color-surface-default);border-left:1px solid var(--wa-color-surface-border)}.puzzle-stack::-webkit-scrollbar-thumb{background-color:var(--wa-color-gray-50);border:3px solid var(--wa-color-surface-default);background-clip:padding-box;border-radius:6px}.puzzle-stack::-webkit-scrollbar-thumb:hover{background-color:var(--wa-color-gray-40)}.puzzle-stack::-webkit-scrollbar-corner{background:var(--wa-color-surface-default)}@supports not selector(::-webkit-scrollbar){.puzzle-stack{scrollbar-width:thin;scrollbar-color:var(--wa-color-gray-50) var(--wa-color-surface-default)}}.puzzle-stack .puzzle-renderer-wrapper{width:100%}.puzzle-stack.fit-viewport{scrollbar-gutter:auto;align-items:stretch;overflow:hidden}.puzzle-stack.fit-viewport .puzzle-renderer-wrapper{height:100%;min-height:0;max-height:100%}.rebuild-progress-overlay{z-index:1;box-sizing:border-box;background:color-mix(in srgb, var(--wa-color-surface-default) 70%, transparent);pointer-events:auto;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.rebuild-progress-overlay wa-progress-bar{width:min(24rem,80%)}.settings-shell{--tray-width:clamp(22rem, 36vw, 36rem);min-height:0;transition:grid-template-columns var(--wa-transition-normal) var(--wa-transition-easing);flex:none;grid-template-columns:0 6rem;display:grid}.settings-shell.tray-open{grid-template-columns:var(--tray-width) 6rem}.settings-tray{border-left:1px solid var(--wa-color-surface-border);background:var(--wa-color-surface-default);min-width:0;overflow:hidden}.tray-header,.tray-content{width:var(--tray-width);box-sizing:border-box}.tray-header{border-bottom:1px solid var(--wa-color-surface-border);justify-content:space-between;align-items:center;gap:1rem;height:4.5rem;padding:.75rem 1rem;display:flex}.tray-header h2{margin:0;font-size:1.35rem}.tray-content{flex-direction:column;gap:1rem;height:calc(100% - 4.5rem);padding:1rem;display:flex;overflow-y:auto}.tray-content .generator-picker{max-width:none}.tray-content .whimsy-manager{border:0;padding:0}.tray-help{color:var(--wa-color-text-quiet);margin:0;font-size:.875rem}.seed-display-settings{border-top:1px solid var(--wa-color-surface-border);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.edited-badge{color:var(--wa-color-warning-on-quiet)}.settings-rail{border-left:1px solid var(--wa-color-surface-border);background:var(--wa-color-surface-default);min-height:0;overflow-y:auto}.settings-rail wa-button-group,.settings-rail .rail-button{width:100%}.settings-rail .rail-button::part(button){border-radius:0;width:100%;min-height:5.25rem;padding:.5rem .25rem}.settings-rail .rail-button::part(label){white-space:normal;text-align:center;flex-direction:column;align-items:center;gap:.35rem;line-height:1.1;display:flex}.settings-rail .rail-button wa-icon{font-size:1.6rem}.settings-rail .rail-button wa-badge{font-size:var(--wa-font-size-xs);translate:-.15rem .15rem}@media (prefers-reduced-motion:reduce){.settings-shell{transition:none}}@media (width<=700px){.page{gap:.5rem;min-width:0;padding:.5rem}.puzzle-header{flex-wrap:wrap;padding-right:4rem}.header-spacer{display:none}.header-actions{margin-left:auto}.workspace{flex-direction:column;position:relative;overflow:hidden}.puzzle-stack{flex:1;min-width:0}.settings-shell{width:100%;height:3.5rem;min-height:3.5rem;transition:none;display:block}.settings-shell.tray-open{z-index:1;background:var(--wa-color-surface-default);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.settings-tray{display:none}.settings-shell.tray-open .settings-tray{border-left:0;flex:1;min-height:0;display:block;overflow:hidden}.tray-header,.tray-content{width:100%}.tray-content{height:calc(100% - 4.5rem)}.settings-rail{border-top:1px solid var(--wa-color-surface-border);border-left:0;min-height:3.5rem;overflow:auto hidden}.settings-rail wa-button-group{width:max-content}.settings-rail .rail-button{width:3rem}.settings-rail .rail-button::part(button){width:3rem;min-height:3rem;padding:.25rem}.settings-rail .rail-button::part(label){gap:0}.settings-rail .rail-button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-rail .rail-button wa-icon{font-size:1.4rem}}.puzzle-page .whimsy-hole-warning{border:1px solid var(--wa-color-warning-border-normal);border-radius:var(--wa-border-radius-m);color:var(--wa-color-warning-on-quiet);background:var(--wa-color-warning-fill-quiet);flex:none;margin:0;padding:.75rem 1rem}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.page{flex-direction:column;align-items:center;display:flex}.page .hidden{display:none}