*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1a1a1a;color:#fff}.app{width:100%;height:100%;position:relative}.bone-controls{position:absolute;top:20px;right:20px;background:#000c;padding:16px;border-radius:8px;min-width:250px}.bone-controls h3{margin:0 0 16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888}.undo-redo-buttons{display:flex;gap:8px;margin-bottom:16px}.undo-redo-buttons button{flex:1;padding:8px;background:#444;border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.undo-redo-buttons button:hover:not(:disabled){background:#555}.undo-redo-buttons button:disabled{background:#333;color:#555;cursor:not-allowed}.bone-select{margin-bottom:16px}.bone-select label{display:block;margin-bottom:4px;font-size:12px;color:#888}.bone-select select{width:100%;padding:8px;background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px}.rotation-sliders{display:flex;flex-direction:column;gap:12px}.slider-row{display:flex;align-items:center;gap:8px}.slider-row label{width:20px;font-size:12px;color:#888}.slider-row input[type=range]{flex:1;accent-color:#e07850}.slider-row span{width:45px;text-align:right;font-size:12px;color:#aaa}.reset-button{width:100%;margin-top:16px;padding:10px;background:#444;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.reset-button:hover{background:#555}.save-load-panel{position:absolute;top:20px;left:20px;background:#000c;padding:16px;border-radius:8px;min-width:200px;max-width:250px}.save-load-panel h3{margin:0 0 16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888}.save-section{display:flex;gap:8px;margin-bottom:16px}.save-section input{flex:1;padding:8px;background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px}.save-section input::placeholder{color:#666}.save-section button{padding:8px 12px;background:#e07850;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.save-section button:hover:not(:disabled){background:#c66840}.save-section button:disabled{background:#555;cursor:not-allowed}.poses-list{max-height:200px;overflow-y:auto;margin-bottom:16px}.no-poses{color:#666;font-size:12px;text-align:center;padding:12px}.pose-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#333;border-radius:4px;margin-bottom:4px}.pose-name{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pose-actions{display:flex;gap:4px}.pose-actions button{padding:4px 8px;background:#444;border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.pose-actions button:hover{background:#555}.pose-actions button.delete{background:#633;font-size:14px;padding:4px 6px}.pose-actions button.delete:hover{background:#844}.export-section{display:flex;gap:8px}.export-section button{flex:1;padding:8px;background:#444;border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.export-section button:hover{background:#555}.camera-presets{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;padding:12px 16px;border-radius:8px}.camera-presets h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888;text-align:center}.preset-buttons{display:flex;gap:6px}.preset-buttons button{padding:8px 12px;background:#444;border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.preset-buttons button:hover,.preset-buttons button.active{background:#e07850}
