.github-corner{position:absolute;top:0;right:0;border: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:octocat-wave .56s ease-in-out}@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{display:flex;flex-direction:column}.puzzle-renderer-wrapper canvas.puzzle-renderer{display:block;border:1px solid #ccc;cursor:default}.puzzle-renderer-controls{display:flex;align-items:center;gap:12px;margin-top:8px}.geometry-check-indicator{display:flex;flex-direction:row;align-items:center;gap:.5em}.geometry-check-indicator #check-geometry-now wa-icon{font-size:24px;color:var(--wa-color-text-normal)}.geometry-check-indicator wa-progress-bar{min-width:200px;--track-height: 4px}wa-icon.clear-button{cursor:pointer}.generator-picker{border:1px solid var(--wa-color-surface-border);border-radius:.5rem;background-color:var(--wa-color-surface-default);border-radius:5px;max-width:500px}.generator-picker .controls{display:flex;flex-direction:column;gap:.5em;padding:.125rem 1rem}.aspect-ratio-picker{display:flex;flex-direction:row;align-items:center;gap:.5em}.aspect-ratio-picker wa-slider{margin-top:20px;min-width:200px}.path-editor canvas{display:block;border:1px solid #ccc;background:#fff}.path-editor .path-editor-controls{display:flex;align-items:center;gap:12px;margin-top:8px}.path-editor .mode-indicator{font-size:12px;color:var(--wa-color-text-quiet)}.whimsy-manager{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--wa-color-surface-border);border-radius:.5rem;background-color:var(--wa-color-surface-default)}.whimsy-manager-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.whimsy-manager-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--wa-color-text-normal)}.whimsy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;min-height:150px}.whimsy-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--wa-color-text-quiet);text-align:center}.whimsy-empty-state p{margin:.5rem 0}.whimsy-empty-state .hint{font-size:.875rem;color:var(--wa-color-text-quiet)}.custom-piece-tile{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border:2px solid var(--wa-color-surface-border);border-radius:.375rem;background-color:var(--wa-color-surface-raised);cursor:pointer;transition:all .2s ease}.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{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--wa-color-surface-lowered);border-radius:.25rem;overflow:hidden}.custom-piece-tile-thumbnail img{width:100%;height:100%;object-fit:contain}.custom-piece-tile-placeholder{font-size:2rem;color:var(--wa-color-text-quiet)}.custom-piece-tile-name{font-size:.875rem;font-weight:500;color:var(--wa-color-text-normal);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-piece-tile.selected .custom-piece-tile-name{color:var(--wa-color-brand-on-normal)}.custom-piece-tile-selected-indicator{position:absolute;top:.25rem;right:.25rem;color:var(--wa-color-brand-on-normal);font-size:1.25rem;background-color:var(--wa-color-surface-raised);border-radius:50%}.whimsy-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--wa-color-surface-border)}.whimsy-actions wa-button{flex:1;min-width:100px}.page{height:100vh;display:flex;flex-direction:column;padding:1em;box-sizing:border-box}.page>h1{flex-shrink:0;margin:0 0 1em}.container{display:flex;flex-direction:row;align-items:flex-start;gap:1em;flex-grow:1;overflow:hidden}.puzzle-stack{flex-shrink:0}.container>.controls{z-index:3;display:flex;flex-direction:column;align-items:stretch;gap:1em;overflow-y:auto;height:100%;padding-right:1em;flex-basis:400px;flex-shrink:0}.container>.controls .background-image-label{padding:2px .5em;color:var(--wa-color-text-quiet)}.container button{margin:.5em 1em}.container .actions{margin-top:1em;display:flex;flex-direction:row;gap:1em}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.page{display:flex;flex-direction:column;align-items:center}.page .hidden{display:none}