.puzzle-app{max-width:980px}.puzzle-shell{padding:16px}.puzzle-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.preset-list{display:flex;gap:8px}.preset{width:62px;height:46px;border:3px solid white;border-radius:10px;background-size:cover;background-position:center;box-shadow:0 0 0 1px var(--line);cursor:pointer}.preset.active{box-shadow:0 0 0 3px var(--accent)}.preset.upload{display:grid;place-items:center;background:#fff;color:var(--accent);font-size:1.5rem}.moves{color:var(--muted);font-weight:800}.puzzle-stage{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;margin-top:14px}.photo-puzzle{display:grid;width:min(680px,100%);aspect-ratio:1;margin:auto;border:8px solid white;border-radius:18px;overflow:hidden;background:#f0dce3;box-shadow:0 18px 38px rgba(95,54,69,.16)}.puzzle-tile{border:1px solid rgba(255,255,255,.55);background-repeat:no-repeat;cursor:pointer;transition:transform .16s cubic-bezier(.2,0,0,1)}.puzzle-tile:hover{filter:brightness(1.05)}.puzzle-tile.empty{background:none;cursor:default}.reference{aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;opacity:.78}.reference::after{content:'参考图';display:inline-block;margin:8px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.85);color:var(--muted);font-size:.75rem;font-weight:800}@media(max-width:700px){.puzzle-stage{grid-template-columns:1fr}.reference{display:none}.puzzle-controls{align-items:stretch;flex-direction:column}.preset-list{overflow:auto}.toolbar{padding:0}}