#root,body,html{background:#f7f9fb}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:300 700;src:url(/static/media/comfortaa-subset.7de6bffa88c8c4f1869e.woff2) format("woff2")}:root{--deep:#10343b;--deep-2:#0b2730;--green:#4bac9b;--green-d:#156b5c;--light:#62d8b0;--mint:#edf8f6;--sage:#eaf1ec;--amber:#f0b45b;--paper:#f7f9fb;--card:#fff;--hair:#e3e9f0;--ink:#0a2540;--ink-2:#5b6b82;--page:var(--paper);--surface:var(--card);--surface-2:var(--mint);--text:var(--deep);--text-2:var(--ink-2);--rule:var(--hair);--accent:var(--green-d);--accent-2:var(--green);--board:var(--deep);--board-text:#eaf6f3;--board-rule:#62d8b03d;--board-muted:#eaf6f38c;--radius:12px;--radius-sm:8px;--shadow-sm:0 2px 8px #10343b12;--shadow-md:0 8px 24px #10343b1f;--font-display:"Comfortaa","Segoe UI",system-ui,sans-serif;--font-body:"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}body{-webkit-font-smoothing:antialiased;background:#f7f9fb;background:var(--page);color:#10343b;color:var(--text);font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-size:15px;line-height:1.5}button{font-family:inherit}.app{background:#f7f9fb;background:var(--page);display:grid;grid-template-rows:auto auto 1fr;height:100vh;height:100dvh;overflow:hidden}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e3e9f0;border-bottom:1px solid var(--rule);flex-wrap:wrap;padding:10px 14px}.topbar,.topbar-title{align-items:center;display:flex;gap:8px}.topbar-title{color:#10343b;color:var(--text);font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-right:auto;min-width:0}.topbar-title .mark{background:#4bac9b;background:var(--accent-2);border-radius:50%;flex:none;height:9px;width:9px}.topbar-title .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:620px){.topbar{gap:6px;padding:8px 10px}.topbar-title{display:none}.exercise-select{flex:1 1 100%;min-width:0}.btn-label{display:none}.btn-draw{height:34px;justify-content:center;padding:7px;width:34px}}.exercise-select{background:#fff;background:var(--surface);border:1px solid #e3e9f0;border:1px solid var(--rule);border-radius:8px;border-radius:var(--radius-sm);color:#10343b;color:var(--text);cursor:pointer;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:600;max-width:100%;padding:7px 10px}.exercise-select:hover{border-color:#4bac9b;border-color:var(--accent-2)}.btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e3e9f0;border:1px solid var(--rule);border-radius:8px;border-radius:var(--radius-sm);color:#10343b;color:var(--text);cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:600;gap:6px;padding:7px 11px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#edf8f6;background:var(--surface-2);border-color:#4bac9b;border-color:var(--accent-2)}.btn:disabled{cursor:default;opacity:.45}.btn-primary{background:#156b5c;background:var(--accent);border-color:#156b5c;border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#10343b;background:var(--deep);border-color:#10343b;border-color:var(--deep);color:#fff}.btn-icon{height:34px;justify-content:center;padding:7px;width:34px}.btn:focus-visible,.exercise-select:focus-visible,.note-input:focus-visible,.pack-chip:focus-visible,.thumb:focus-visible{outline:2px solid #4bac9b;outline:2px solid var(--accent-2);outline-offset:2px}.packs{align-items:center;background:#edf8f6;background:var(--surface-2);border-bottom:1px solid #e3e9f0;border-bottom:1px solid var(--rule);display:flex;gap:6px;overflow-x:auto;padding:8px 14px;scrollbar-width:thin}.packs-label{font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:.68rem;letter-spacing:.12em;margin-right:4px;text-transform:uppercase}.pack-chip,.packs-label{color:#5b6b82;color:var(--text-2);font-weight:600;white-space:nowrap}.pack-chip{align-items:baseline;background:#fff;background:var(--surface);border:1px solid #e3e9f0;border:1px solid var(--rule);border-radius:999px;cursor:pointer;display:inline-flex;font-size:.82rem;gap:6px;padding:5px 12px;transition:all .15s}.pack-chip:hover{border-color:#4bac9b;border-color:var(--accent-2);color:#10343b;color:var(--text)}.pack-chip[aria-pressed=true]{background:#156b5c;background:var(--accent);border-color:#156b5c;border-color:var(--accent);color:#fff}.pack-chip .count{font-feature-settings:"tnum";font-size:.72rem;font-variant-numeric:tabular-nums;opacity:.7}.main{display:grid;grid-template-rows:1fr auto;min-height:0;overflow:hidden}@media (min-width:900px){.main{grid-template-columns:1fr 300px;grid-template-rows:1fr}}.board-wrap{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;overflow:hidden;padding:12px}.board-prompt{align-items:center;color:#5b6b82;color:var(--text-2);display:flex;flex:none;font-size:.85rem;gap:8px;min-height:20px}.board-prompt b{color:#10343b;color:var(--text);font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-weight:600}.board{background:#10343b;background:var(--board);border-radius:12px;border-radius:var(--radius);color:#eaf6f3;color:var(--board-text);flex:1 1;min-height:0;overflow:hidden;position:relative;touch-action:none}.board.drop-active{outline:2px dashed #62d8b0;outline:2px dashed var(--light);outline-offset:-6px}.board-empty{align-items:center;color:#eaf6f38c;color:var(--board-muted);display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:24px;pointer-events:none;position:absolute;text-align:center}.board-empty strong{color:#eaf6f3;color:var(--board-text);font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:600}.board-empty span{font-size:.85rem;max-width:34ch}.slots{grid-gap:14px;display:grid;gap:14px;grid-auto-rows:1fr;inset:0;padding:18px;position:absolute}.slot{grid-gap:6px;display:grid;grid-template-rows:auto 1fr;margin:0 auto;max-width:460px;min-width:0;width:100%}.slot,.slot-body{gap:6px;min-height:0}.slot-body{display:flex;flex-direction:column;justify-content:center}.slot-label{flex:none;font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:.7rem;font-weight:600;gap:5px;letter-spacing:.08em;min-height:20px;text-align:center;text-transform:uppercase}.label-edit,.slot-label{align-items:center;color:#62d8b0;color:var(--light);display:inline-flex;justify-content:center}.label-edit{background:#0000;border:none;border-radius:4px;cursor:pointer;height:18px;opacity:0;padding:0;transition:opacity .15s,background .15s;width:18px}.label-edit:focus-visible,.slot:hover .label-edit{opacity:.75}.label-edit:hover{background:#62d8b029;opacity:1}.slot-label-input{background:#ffffff1a;border:1px solid #62d8b0;border:1px solid var(--light);border-radius:5px;color:#eaf6f3;color:var(--board-text);flex:none;font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.08em;min-height:20px;padding:2px 6px;text-align:center;text-transform:uppercase;width:100%}.slot-label-input:focus{background:#ffffff24;outline:none}.slot-label-input::selection{background:#62d8b0;background:var(--light);color:#10343b;color:var(--deep)}.exporting .note-input.empty{display:none!important}.pick-num{font-feature-settings:"tnum";background:#156b5c;background:var(--accent);border-radius:999px;bottom:3px;color:#fff;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:700;height:20px;left:3px;min-width:20px;padding:0 5px;position:absolute}.pick-num,.slot-frame{align-items:center;display:flex;justify-content:center}.slot-frame{aspect-ratio:1/1;background:hsla(0,0%,100%,.035);border:1.5px dashed #62d8b03d;border:1.5px dashed var(--board-rule);border-radius:10px;cursor:pointer;flex:0 1 auto;height:auto;max-height:100%;min-height:0;overflow:hidden;position:relative;transition:border-color .2s,background .2s;width:100%}.slot-frame.hot,.slot-frame:hover{background:#62d8b017;border-color:#62d8b0;border-color:var(--light)}.slot-frame.filled{border-color:#62d8b03d;border-color:var(--board-rule);border-style:solid;cursor:default}.slot-frame img{display:block;height:100%;object-fit:contain;width:100%}.slot-frame .plus{color:#62d8b03d;color:var(--board-rule);font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:300}.slot-clear{align-items:center;background:#0b2730b8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;width:24px}.slot-clear:hover{background:#0b2730;background:var(--deep-2)}.note-input{background:#ffffff0f;border:1px solid #0000;border-radius:6px;color:#eaf6f3;color:var(--board-text);flex:none;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-size:.76rem;padding:4px 8px;resize:none;text-align:center;width:100%}.note-input::placeholder{color:#eaf6f38c;color:var(--board-muted)}.note-input:focus,.note-input:hover{background:#ffffff1a;border-color:#62d8b03d;border-color:var(--board-rule);outline:none}.note-input.empty{align-items:center;background:#0000;display:flex;justify-content:center;min-height:22px}.note-hint{color:#eaf6f38c;color:var(--board-muted);opacity:0;transition:opacity .15s}.note-input.empty:focus-visible .note-hint,.note-input.empty:hover .note-hint,.slot:hover .note-hint{opacity:.6}.piece{cursor:grab;display:flex;flex-direction:column;position:absolute;touch-action:none}.piece.dragging{cursor:grabbing}.piece img{border:3px solid #ffffff80;border-radius:10px;box-shadow:0 10px 28px #020c0f8c;display:block;height:100%;object-fit:contain;pointer-events:none;width:100%}.piece-remove{background:#0b2730b3;border:none;color:#fff;cursor:pointer;padding:0;top:6px}.piece-remove,.piece-resize,.piece-rotate{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:6px;width:24px}.piece-resize,.piece-rotate{background:#62d8b0;background:var(--light);box-shadow:0 2px 8px #020c0f80;color:#10343b;color:var(--deep);touch-action:none}.piece-resize{bottom:6px;cursor:nwse-resize}.piece-rotate{background:#fff;background:var(--surface);bottom:36px;color:#156b5c;color:var(--accent);cursor:grab}.piece-rotate:active{background:#62d8b0;background:var(--light);color:#10343b;color:var(--deep);cursor:grabbing}.piece-note{background:#0b273099;border:1px solid #0000;border-radius:6px;bottom:-26px;color:#eaf6f3;color:var(--board-text);font-size:.74rem;left:0;padding:2px 6px;position:absolute;right:0;text-align:center}.piece-note:focus,.piece-note:hover{border-color:#62d8b03d;border-color:var(--board-rule);outline:none}.gallery{background:#fff;background:var(--surface);border-top:1px solid #e3e9f0;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;padding:10px 12px 12px}@media (min-width:900px){.gallery{border-left:1px solid #e3e9f0;border-left:1px solid var(--rule);border-top:none}}.gallery-head{font-feature-settings:"tnum";align-items:center;color:#5b6b82;color:var(--text-2);display:flex;flex:none;font-size:.78rem;font-variant-numeric:tabular-nums;gap:8px;justify-content:space-between}.gallery-head b{color:#10343b;color:var(--text);font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:600}.gallery-tools{align-items:center;display:flex;gap:4px}.gallery-tools .count{margin-left:2px;white-space:nowrap}.link-btn{align-items:center;background:none;border:1px solid #0000;border-radius:999px;color:#5b6b82;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:4px;padding:3px 8px;white-space:nowrap}.link-btn:hover:not(:disabled){border-color:#e3e9f0;border-color:var(--rule);color:#156b5c;color:var(--accent)}.link-btn:disabled{cursor:default;opacity:.4}.link-btn[aria-pressed=true]{background:#edf8f6;background:var(--surface-2);border-color:#4bac9b;border-color:var(--accent-2);color:#156b5c;color:var(--accent)}.link-btn:focus-visible{outline:2px solid #4bac9b;outline:2px solid var(--accent-2);outline-offset:2px}.thumb .fav{align-items:center;background:#0b27308c;border-radius:50%;color:#ffffffbf;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .15s;width:20px}.thumb .fav.on,.thumb:focus-visible .fav,.thumb:hover .fav{opacity:1}.thumb .fav.on{background:#0b2730bf;color:#f0b45b;color:var(--amber)}.grid-empty{color:#5b6b82;color:var(--text-2);font-size:.8rem;grid-column:1/-1;margin:8px 0}.spread-open .board-wrap,.spread-open .grid,.spread-open .packs{overflow:hidden}.spread{inset:0;overflow-y:auto;position:fixed;z-index:2500}.spread,.spread-bar{background:#10343b;background:var(--board)}.spread-bar{align-items:center;border-bottom:1px solid #62d8b03d;border-bottom:1px solid var(--board-rule);color:#eaf6f3;color:var(--board-text);display:flex;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.spread-bar b{font-family:Comfortaa,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);font-size:.95rem}.spread-bar span{color:#eaf6f38c;color:var(--board-muted);font-size:.8rem;margin-right:auto}.spread-bar .btn-primary{background:#62d8b0;background:var(--light);border-color:#62d8b0;border-color:var(--light);color:#10343b;color:var(--deep)}.spread-bar .btn-primary:hover{background:#7ee7c4;border-color:#7ee7c4;color:#10343b;color:var(--deep)}.thumb.picked{border-color:#62d8b0;border-color:var(--light);box-shadow:0 0 0 2px #62d8b059}@media (max-width:620px){.spread-bar{flex-wrap:wrap;gap:8px}.spread-bar .btn{font-size:.78rem;padding:6px 9px}}.spread-bar .btn{background:#0000;border-color:#62d8b03d;border-color:var(--board-rule);color:#eaf6f3;color:var(--board-text)}.spread-bar .btn:hover{background:#ffffff14;border-color:#62d8b0;border-color:var(--light)}.spread-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:18px}@media (max-width:620px){.spread-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));padding:12px}.spread-bar span{display:none}}.spread-grid .thumb{background:#ffffff0f;border-color:#ffffff24;box-shadow:0 3px 12px #020c0f73}.spread-grid .thumb:hover{border-color:#62d8b0;border-color:var(--light)}.grid{grid-gap:7px;align-content:start;display:grid;gap:7px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));min-height:0;overflow-y:auto;padding-right:2px;scrollbar-width:thin}@media (max-width:899px){.grid{max-height:168px}}.thumb{aspect-ratio:1/1;background:#edf8f6;background:var(--surface-2);border:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;padding:0;position:relative;transition:transform .15s,border-color .15s}.thumb img{display:block;height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%}.thumb:hover{border-color:#4bac9b;border-color:var(--accent-2);transform:translateY(-2px)}.thumb[aria-pressed=true]{border-color:#156b5c;border-color:var(--accent);box-shadow:0 0 0 2px #4bac9b47}.gallery-hint{color:#5b6b82;color:var(--text-2);flex:none;font-size:.74rem;margin:0}.toast{background:#10343b;background:var(--deep);border-radius:999px;bottom:22px;box-shadow:0 8px 24px #10343b1f;box-shadow:var(--shadow-md);color:#eaf6f3;color:var(--board-text);font-size:.85rem;font-weight:600;left:50%;padding:9px 18px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:2000}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.exporting .piece-remove,.exporting .piece-resize,.exporting .piece-rotate,.exporting .slot-clear{display:none!important}
/*# sourceMappingURL=main.5ac6cb67.css.map*/