:root{color-scheme:dark;font-family:Segoe UI,Helvetica Neue,sans-serif;background:#0e1014;color:#f2f5f7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1c222d,#0e1014 48%);min-height:100vh}button,input{font:inherit}.app-shell{width:min(780px,100%);margin:0 auto;padding:10px 10px 24px;display:grid;gap:10px}.builder-header h1{margin:0;font-size:1.25rem}.hint{margin:4px 0 0;color:#aeb7c2;font-size:.9rem}.panel{background:#151a21;border:1px solid #2a3240;border-radius:8px;padding:10px}.panel h2{margin:0 0 8px;font-size:1rem}.top-panel{display:grid;gap:8px}.duration-chip{display:inline-flex;align-items:center;justify-content:center;background:#0c2234;border:1px solid #1e4363;border-radius:8px;padding:6px 10px;font-weight:700;width:fit-content}.warning{margin:0;color:#ffd2a2}.controls-row{display:grid;gap:8px;grid-template-columns:1fr 1fr}.controls-row label{display:grid;gap:4px;font-size:.86rem;color:#bac4d0}.controls-row input{width:100%;background:#0f141b;border:1px solid #324255;color:#f2f5f7;border-radius:6px;min-height:38px;padding:6px 8px}.toggle-row{display:flex;gap:8px;flex-wrap:wrap}.toggle-row button,.save-row button,.saved-actions button,.step-actions button,.player-controls button,.ready-card button,.done-card button,.back-button{background:#263243;color:#f2f5f7;border:1px solid #38516f;border-radius:6px;min-height:38px;padding:6px 10px}.toggle-row button.active{background:#0b4a6a}.toggle-row button:disabled,.player-controls button:disabled{opacity:.5}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exercise-card{position:relative;border:1px solid #2f4158;border-radius:8px;background:#111822;color:#eaf1f6;min-height:156px;display:grid;align-items:start;gap:6px;padding:8px}.exercise-add{width:100%;border:0;background:transparent;color:#eaf1f6;display:grid;place-items:center;gap:6px;text-align:center;font-size:.8rem;padding:0;cursor:pointer}.exercise-add span{line-height:1.2}.exercise-order-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:fit-content;max-width:calc(100% - 40px);border:1px solid #2f5c7f;background:#102435;color:#cde8ff;border-radius:999px;font-size:.72rem;line-height:1.2;padding:3px 8px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:left}.exercise-order-chip:hover{background:#15314a}.exercise-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border-radius:7px;border:1px solid #704857;background:#2b1b23;color:#ffd4df;display:grid;place-items:center}.exercise-delete svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.steps-grid{display:grid;gap:8px}.steps-grid.snake{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card{position:relative;background:#101823;border:1px solid #2b3c52;border-radius:8px;padding:8px 8px 8px 148px;min-height:124px;display:grid;gap:8px}.step-card.drag-from{opacity:.7}.step-card.drag-over{border-color:#5cb6ff}.step-main{display:block;align-items:center}.step-thumb{position:absolute;left:8px;top:8px;bottom:8px;width:132px;height:calc(100% - 16px);border-radius:10px;border:1px solid #2a4867;background:#f2f3f5;object-fit:contain;display:block}.step-presets{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.step-presets button{min-height:30px;border-radius:5px;border:1px solid #3d597a;background:#1b2736;color:#dce7f3;padding:0 8px}.step-actions{display:grid;grid-template-columns:1fr repeat(4,40px);gap:6px;margin-left:0}.step-actions input{width:100%;min-height:36px;background:#0f141b;color:#f2f5f7;border:1px solid #344760;border-radius:6px;padding:0 8px}.drag-handle{cursor:grab}.save-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save-row input[type=text]{grid-column:1 / -1;min-height:38px;border-radius:6px;border:1px solid #344760;background:#0f141b;color:#f2f5f7;padding:0 8px}.hidden-file{display:none}.saved-list{display:grid;gap:8px;margin-top:8px}.saved-item{background:#101823;border:1px solid #2f4158;border-radius:8px;padding:8px;display:flex;justify-content:space-between;gap:10px}.saved-item p{margin:2px 0 0;color:#abbbcf;font-size:.82rem}.saved-actions{display:flex;gap:6px}.motion-icon{width:100%;max-width:108px}.motion-icon.small{width:72px}.step-card .motion-icon.small{position:absolute;left:8px;top:8px;bottom:8px;width:132px;height:calc(100% - 16px);max-width:none}.motion-bg{fill:#162131}.figure{stroke:#d2dceb;stroke-width:4;stroke-linecap:round;fill:none}.kettle{fill:#63c6ff}.exercise-video-wrap{width:min(100%,280px);margin:0 auto;position:relative}.exercise-video-wrap.library{width:132px;overflow:hidden;border-radius:10px}.exercise-video{width:100%;aspect-ratio:480 / 854;object-fit:cover;display:block;border-radius:12px;border:1px solid #2a4867;background:#0b1522}.exercise-video.library{aspect-ratio:4 / 3;object-fit:contain;background:#f2f3f5;border-radius:10px}.exercise-video-wrap.player-photo-wrap{width:min(100%,320px)}.exercise-video.player-photo{aspect-ratio:4 / 3;object-fit:contain;background:#f2f3f5}.reference-pair{width:132px;height:92px;display:grid;grid-template-columns:1fr 1fr;border-radius:10px;overflow:hidden;border:1px solid #2a4867;background:#0b1522}.reference-pair img{width:100%;height:100%;object-fit:cover;display:block}.reference-pair.mirror img{transform:scaleX(-1)}.video-spec-label{position:absolute;right:6px;bottom:6px;font-size:.7rem;padding:2px 6px;border-radius:6px;border:1px solid #2a4867;background:#051420d9;color:#cbe5ff}.player-shell{min-height:100vh;width:min(780px,100%);margin:0 auto;padding:10px;display:grid;grid-template-rows:auto 1fr auto;gap:8px}.back-button{width:fit-content}.timer-top-left{position:fixed;top:12px;left:12px;z-index:5;background:#061e2f;border:1px solid #22567a;border-radius:7px;padding:7px 10px;font-weight:700;min-width:90px;text-align:center}.next-top-right{position:fixed;top:12px;right:12px;z-index:5;border-radius:7px;border:1px solid #285270;background:#102131;padding:2px}.next-preview-image{width:56px;height:56px;display:block;object-fit:cover;border-radius:6px;background:#f2f3f5}.player-stage{display:grid;place-items:center;padding-top:38px}.exercise-card-live,.ready-card,.done-card{background:#151a21;border:1px solid #2f4158;border-radius:8px;width:min(430px,100%);text-align:center;padding:14px}.exercise-card-live .motion-icon{max-width:280px}.exercise-card-live h2,.ready-card h2,.done-card h2{margin:6px 0}.exercise-card-live p,.ready-card p{margin:0;color:#aeb8c8}.player-controls{position:sticky;bottom:0;padding-bottom:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 420px){.library-grid,.steps-grid.snake,.save-row{grid-template-columns:1fr}.step-actions{margin-left:0;grid-template-columns:1fr 36px 36px 36px 36px}.step-card{padding-left:132px}.step-thumb,.step-card .motion-icon.small{width:116px}}