:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#14141c;--color-surface:#1e1e2a;--color-surface-raised:#262636;--color-border:#35354a;--color-text:#f0f0f5;--color-text-muted:#a0a0b5;--color-accent:#7c6cf0;--color-accent-hover:#9184f5;--color-danger:#f0708a;--radius:10px;font-family:Segoe UI,Hiragino Sans,Yu Gothic,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0}.app{flex-direction:column;gap:8px;width:100%;padding:8px 16px 64px;display:flex}.app-header{text-align:center;z-index:30;background:var(--color-bg);position:relative}.app-header h1{letter-spacing:.02em;margin:0;font-size:1.5rem}.step-indicator{z-index:30;background:var(--color-bg);justify-content:center;gap:8px;margin:0;padding:4px 0;list-style:none;display:flex;position:relative}.step-indicator__item{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex}.step-indicator__item--current{color:var(--color-text);border-color:var(--color-accent);background:#7c6cf026}.step-indicator__item--done{color:var(--color-text)}.step-indicator__badge{background:var(--color-surface-raised);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:inline-flex}.step-indicator__item--current .step-indicator__badge{background:var(--color-accent);color:#fff}.step h2{margin-top:0}.step-description{color:var(--color-text-muted)}.step-status{color:var(--color-accent-hover)}.step-error{color:var(--color-danger)}.step-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.step-actions--top{z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-border);margin:0 0 20px;padding:12px 0;position:sticky;top:0}.btn{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;padding:10px 20px;font-size:1rem;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){border-color:var(--color-accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:0 0}.file-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:40px 20px;transition:border-color .15s,background .15s}.file-dropzone:hover,.file-dropzone:focus-visible{border-color:var(--color-accent);outline:none}.file-dropzone--active{border-color:var(--color-accent);background:#7c6cf01a}.file-dropzone__label{margin:0 0 6px;font-size:1.05rem}.file-dropzone__hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.image-preview{text-align:center;margin-top:16px}.image-preview img{border-radius:var(--radius);border:1px solid var(--color-border);max-width:100%;max-height:420px}.skeleton-editor{flex-direction:column;gap:16px;display:flex}.skeleton-editor__stage{touch-action:none;max-width:100%;margin:0 auto;display:inline-block;position:relative}.skeleton-editor__image{border-radius:var(--radius);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:60vh;display:block}.skeleton-editor__overlay{width:100%;height:100%;position:absolute;inset:0}.skeleton-editor__bone-line{stroke:#7c6cf0d9;stroke-width:3px;cursor:pointer}.skeleton-editor__bone-line:hover,.skeleton-editor__bone-line--selected{stroke:#ffd166}.skeleton-editor__bone-preview{fill:#7c6cf047;pointer-events:none}.skeleton-editor__joint-hit{fill:#0000;cursor:grab}.skeleton-editor__joint-dot{fill:#fff;stroke:var(--color-accent);stroke-width:2px;pointer-events:none}.skeleton-editor__joint-dot--dragging{stroke:#ffd166}.skeleton-editor__controls{background:var(--color-surface-raised);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.skeleton-editor__controls label{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.skeleton-editor__controls input[type=range]{width:160px}.part-extraction-preview{background:var(--color-surface-raised);border-radius:var(--radius);padding:12px 16px}.part-extraction-preview summary{cursor:pointer;font-weight:600}.part-extraction-preview__stage{max-width:100%;margin:12px 0;display:inline-block;position:relative}.part-extraction-preview__image{border-radius:var(--radius);max-width:100%;max-height:50vh;display:block}.part-extraction-preview__canvas{width:100%;height:100%;position:absolute;inset:0}.dance-canvas-wrap{z-index:1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dance-canvas-wrap canvas{width:100vw;height:100vh;display:block}.dance-canvas-wrap .step-status{z-index:2;background:var(--color-surface-raised);border-radius:999px;margin:0;padding:6px 14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.playback-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.dance-mode-control{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding-bottom:8px;display:flex}.dance-mode-control__toggle{gap:4px;display:flex}.dance-mode-control__filename{color:var(--color-text-muted);font-size:.85rem}.zoom-control{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.zoom-control input[type=range]{width:120px}.zoom-control__value{text-align:right;min-width:3ch;color:var(--color-text)}.zoom-control input[type=color]{border:1px solid var(--color-border);background:var(--color-surface-raised);cursor:pointer;border-radius:6px;width:32px;height:28px;padding:2px}.bpm-panel{background:var(--color-surface-raised);border-radius:var(--radius);flex-direction:column;gap:10px;margin-top:16px;padding:16px;display:flex}.bpm-panel__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bpm-panel input[type=number]{border:1px solid var(--color-border);background:var(--color-surface);width:80px;color:var(--color-text);border-radius:6px;padding:6px 8px}.confidence-warning{color:#ffd166}