@layer pages{.song-slide-puzzle{align-content:start;gap:var(--md-sys-spacing-5);min-width:0;display:grid;container:song-puzzle/inline-size}.song-slide-puzzle :is(.puzzle-toolbar,.puzzle-actions,.puzzle-result__header){align-items:center;gap:var(--md-sys-spacing-2) var(--md-sys-spacing-3);flex-wrap:wrap;min-width:0;display:flex}.song-slide-puzzle .puzzle-song{text-align:start;flex:16rem;justify-content:start}.song-slide-puzzle .puzzle-song__cover{width:var(--md-comp-control-height-touch);height:var(--md-comp-control-height-touch);object-fit:contain;border-radius:var(--md-sys-shape-corner-small);flex:none}.song-slide-puzzle .puzzle-song__name{overflow-wrap:anywhere;min-width:0}.song-slide-puzzle .puzzle-spec{flex:0 12rem;min-width:0}.song-slide-puzzle .puzzle-spec>md-outlined-select{width:100%}.song-slide-puzzle :is(.puzzle-session,.puzzle-play,.puzzle-result,.puzzle-fields,.puzzle-options,.puzzle-zoom){align-content:start;gap:var(--md-sys-spacing-4);min-width:0;display:grid}.song-slide-puzzle :is(.puzzle-play,.puzzle-result,.puzzle-board,.puzzle-steps>li){animation:none}.song-slide-puzzle .puzzle-mode>.segmented{max-width:var(--md-comp-search-form-max-width);margin-inline:auto}.song-slide-puzzle :is(.puzzle-toolbar>.button,.puzzle-actions>.button,.puzzle-mode>.segmented>button,.puzzle-step){min-width:var(--md-comp-control-height-touch);min-height:var(--md-comp-control-height-touch);height:auto;padding-block:var(--md-sys-spacing-3);white-space:normal;overflow-wrap:anywhere}.song-slide-puzzle :is(.puzzle-song,.puzzle-actions>.button)>span{text-overflow:clip;overflow:visible}.song-slide-puzzle .puzzle-actions>.icon-button{width:var(--md-comp-control-height-touch);height:var(--md-comp-control-height-touch);flex:0 0 var(--md-comp-control-height-touch)}.song-slide-puzzle .puzzle-play>.puzzle-actions{justify-content:center}.song-slide-puzzle .puzzle-board-viewport{overscroll-behavior:contain;min-width:0;max-width:100%;max-height:70dvh;padding:var(--md-sys-spacing-2);scroll-padding:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);touch-action:pan-x pan-y pinch-zoom;overflow:auto}.song-slide-puzzle .puzzle-board{grid-template-columns:repeat(var(--puzzle-columns), max(var(--md-comp-control-height-touch), 3rem, var(--puzzle-cell-size,calc(var(--md-comp-control-height-touch) * 2))));grid-auto-rows:max(var(--md-comp-control-height-touch), 3rem, var(--puzzle-cell-size,calc(var(--md-comp-control-height-touch) * 2)));gap:calc(var(--md-sys-spacing-1) / 2);width:max-content;padding:var(--md-sys-spacing-1);-webkit-user-select:none;user-select:none;direction:ltr;margin-inline:auto;display:grid}.song-slide-puzzle .puzzle-cell{min-width:var(--md-comp-control-height-touch);min-height:var(--md-comp-control-height-touch);padding:var(--md-sys-spacing-1);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-small);color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container);background-image:var(--puzzle-cover,none);background-size:calc(var(--puzzle-columns) * 100%) calc(var(--puzzle-rows) * 100%);background-position:var(--puzzle-fragment-x) var(--puzzle-fragment-y);cursor:pointer;scroll-margin:var(--md-sys-spacing-2);touch-action:pan-x pan-y pinch-zoom;background-repeat:no-repeat;background-origin:border-box;place-items:start;animation:none;display:grid;position:relative;overflow:hidden}.song-slide-puzzle .puzzle-cell[data-empty=true]{border:2px dashed var(--md-sys-color-outline);background-image:none;background-color:var(--md-sys-color-surface);place-items:center}.song-slide-puzzle :is(.puzzle-cell__number,.puzzle-cell__hint,.puzzle-cell__blank-label){font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.song-slide-puzzle :is(.puzzle-cell__number,.puzzle-cell__hint){z-index:var(--md-sys-z-index-local-raised);padding:calc(var(--md-sys-spacing-1) / 2) var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);position:relative}.song-slide-puzzle .puzzle-cell__hint{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);position:absolute;inset-block-end:var(--md-sys-spacing-1);inset-inline-end:var(--md-sys-spacing-1)}.song-slide-puzzle .puzzle-cell:is([aria-pressed=true],[data-dragging=true]){box-shadow:inset 0 0 0 3px var(--md-sys-color-primary)}.song-slide-puzzle .puzzle-cell[data-hint=true]{border:3px solid var(--md-sys-color-tertiary)}.song-slide-puzzle .puzzle-cell:focus-visible{box-shadow:inset 0 0 0 var(--md-sys-spacing-2) var(--md-sys-color-surface);outline:3px solid var(--md-sys-color-secondary);outline-offset:-6px}.song-slide-puzzle .puzzle-cell:is(:disabled,[aria-disabled=true]){cursor:default;opacity:1}.song-slide-puzzle[data-mode=edit][data-drag=enabled] .puzzle-cell:not(:disabled,[aria-disabled=true]){touch-action:none;cursor:grab}.song-slide-puzzle[data-mode=edit] .puzzle-cell[data-dragging=true]{cursor:grabbing}.song-slide-puzzle .puzzle-metrics{justify-content:center;gap:var(--md-sys-spacing-4);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.song-slide-puzzle .puzzle-metrics>div{align-items:baseline;gap:var(--md-sys-spacing-2);display:flex}.song-slide-puzzle :is(.puzzle-metrics dt,.puzzle-result__position){color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font)}.song-slide-puzzle :is(.puzzle-metrics dd,.puzzle-result__status){font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font);margin:0}.song-slide-puzzle .puzzle-result__header>h2{flex:1;margin:0}.song-slide-puzzle :is(.puzzle-result__status,.puzzle-result__position){overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.song-slide-puzzle .puzzle-result__status[data-state=error]{color:var(--md-sys-color-error)}.song-slide-puzzle .puzzle-result__progress{gap:var(--md-sys-spacing-2);min-width:0;display:grid}.song-slide-puzzle .puzzle-result__progress>md-linear-progress{width:100%}.song-slide-puzzle .puzzle-steps{gap:var(--md-sys-spacing-1);min-width:0;max-height:40dvh;padding:var(--md-sys-spacing-1) var(--md-sys-spacing-1) var(--md-sys-spacing-1) var(--md-sys-spacing-6);scroll-padding:var(--md-sys-spacing-2);margin:0;display:grid;overflow:auto}.song-slide-puzzle .puzzle-step{text-align:start;width:100%;scroll-margin:var(--md-sys-spacing-2);justify-content:start}.song-slide-puzzle .puzzle-step[aria-current=step]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.song-slide-puzzle .puzzle-reference{justify-items:center;gap:var(--md-sys-spacing-2);font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font);margin:0;display:grid}.song-slide-puzzle .puzzle-reference>img{width:min(100%, calc(var(--md-comp-control-height-touch) * 3));aspect-ratio:1;object-fit:contain;border-radius:var(--md-sys-shape-corner-medium)}.song-slide-puzzle .puzzle-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.song-slide-puzzle .puzzle-fields>:is(md-outlined-select,md-outlined-text-field){width:100%;min-width:0}.song-slide-puzzle .puzzle-zoom{margin-block-start:var(--md-sys-spacing-4)}.song-slide-puzzle [hidden]{display:none}@container song-puzzle (width>=56rem){.puzzle-session{grid-template-columns:minmax(0, 1fr) minmax(0, min(30%, var(--filter-pane-width)));align-items:start;gap:var(--md-sys-spacing-5)}}stamp-maker,.stamp-maker-host{height:100%;min-height:0;display:block}.stamp-maker{align-items:stretch;gap:var(--pane-gap);height:100%;min-height:0;padding:var(--pane-gutter);grid-template-columns:minmax(0,1fr) minmax(300px,380px);max-width:1200px;margin-inline:auto;display:grid;overflow:hidden}.stamp-maker__stage{gap:var(--md-sys-spacing-3);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.stamp-maker__source{min-width:0}.stamp-maker__source .stamp-maker__row{flex-wrap:nowrap}.stamp-maker__editor{gap:var(--md-sys-spacing-3);min-width:0;min-height:0;padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);grid-template-rows:auto minmax(0,1fr);display:grid}.stamp-maker__inspector{overscroll-behavior:contain;min-height:0;padding-inline-end:var(--md-sys-spacing-1);overflow-y:auto}.stamp-maker__output{gap:var(--md-sys-spacing-1);min-width:0;display:grid}.stamp-maker__output>.field-note{min-block-size:var(--md-sys-typescale-body-small-line-height)}.stamp-maker__picker-language .stamp-maker__language-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.stamp-maker__picker-language .settings-option{grid-template-rows:48px auto;justify-items:center;gap:4px;width:100%;height:auto;display:grid}.stamp-maker__picker-language .settings-option__face{width:48px;height:48px}.stamp-maker__variant-caption{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);text-align:center}@media (max-width:599px){.stamp-maker__picker-language .stamp-maker__language-options{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}}.stamp-maker__picker-language{background:var(--md-sys-color-surface-container-high);padding:8px 16px}.stamp-maker__language{gap:4px;min-width:0;display:grid}.stamp-maker__language-label{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size)}.stamp-maker__language-options{flex-wrap:wrap;padding-inline-start:0}.stamp-maker__preview-pane{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.stamp-maker__preview{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-surface-container-low);background-image:conic-gradient(var(--md-sys-color-surface-container-high) 25%, transparent 0 50%, var(--md-sys-color-surface-container-high) 0 75%, transparent 0);background-size:24px 24px;place-items:center;width:min(100cqw,100cqh,512px);min-width:0;display:grid;position:relative;overflow:hidden}.stamp-maker__preview canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;width:100%;height:auto;display:block}.stamp-maker__preview canvas:active{cursor:grabbing}.stamp-maker__preview canvas:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:-3px}.stamp-maker__overlay{background:var(--md-sys-color-surface-container);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.stamp-maker__row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.stamp-maker__chosen{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font);flex:1;overflow:hidden}.stamp-maker__slider{gap:4px;display:grid}.stamp-maker__slider>span{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--app-font);justify-content:space-between;display:flex}.stamp-maker__position{flex-wrap:nowrap}.stamp-maker__position md-outlined-text-field{flex:1;width:0;min-width:0}.stamp-maker__colors{gap:16px}.stamp-maker__colors label{font-size:var(--md-sys-typescale-body-medium-size);flex:1;align-items:center;gap:8px;display:flex}.stamp-maker__custom-color{align-items:center;gap:8px;display:flex}.stamp-maker__custom-color input,.stamp-maker__colors input{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);cursor:pointer;width:48px;height:48px;padding:4px}.stamp-maker__layer-row{align-items:center;gap:4px;display:flex}.stamp-maker__layer-row md-outlined-select{flex:1;min-width:0}.stamp-maker__layer-menu{position:relative}.stamp-maker__font-row{align-items:center;gap:8px;display:flex}.stamp-maker__font-row md-outlined-select{flex:1;min-width:0}.stamp-maker__color-swatch{border:1px solid var(--md-sys-color-outline);border-radius:50%;width:24px;height:24px;display:block}.stamp-maker__character-color{width:32px;height:32px;display:inline-flex;position:relative}.stamp-maker__character-color img{object-fit:contain;border-radius:50%;width:28px;height:28px}.stamp-maker__character-color i{border:1px solid var(--md-sys-color-outline);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.stamp-maker__export md-outlined-select{flex:0 136px;width:136px;min-width:0}.stamp-maker__export{flex-wrap:wrap}.stamp-maker__export .button{flex:auto;min-width:0}.stamp-maker__export .stamp-maker__community{flex:0 auto;min-height:44px}@media (pointer:coarse){.stamp-maker__export .stamp-maker__community{min-height:var(--md-comp-control-height-touch)}}.stamp-maker__chooser{border-radius:var(--md-sys-shape-corner-extra-large);width:min(900px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high);border:0;padding:0}.stamp-maker__chooser:modal{flex-direction:column;height:min(800px,100dvh - 32px);display:flex}.stamp-maker__chooser::backdrop{background:color-mix(in srgb, var(--md-sys-color-scrim) 40%, transparent)}.stamp-maker__grid{--tile-min:132px;flex:1;grid-auto-rows:max-content;align-content:start;min-height:160px;padding:16px;overflow:auto}.stamp-maker .field-note{margin:0}@media (max-width:959px){.stamp-maker{gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3);grid-template-rows:minmax(260px,55%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.stamp-maker__editor{padding:var(--md-sys-spacing-3)}.stamp-maker__stage{gap:var(--md-sys-spacing-2)}.stamp-maker__grid{--tile-min:112px;--tile-gap:8px;padding:12px}}@media (min-width:600px) and (max-height:599px){.stamp-maker{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}}}