.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background-color:#1a1a1a;color:#fff;width:90%;max-width:500px;max-height:80vh;border-radius:8px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#2a2a2a;border-bottom:1px solid #333}.modal-header h2{margin:0;font-size:1.25rem}.close-button{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer}.close-button:hover{color:#fff}.modal-body{padding:20px;overflow-y:auto}.info-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.9rem}.info-table th{text-align:left;padding:8px 0;color:#aaa;border-bottom:1px solid #333;width:45%}.info-table td{padding:8px 0;border-bottom:1px solid #333;text-align:right}.license-title{margin-top:20px;margin-bottom:10px;font-size:1.1rem;color:#0ff}.license-info p{margin:6px 0;font-size:.9rem}.license-info a{color:#0ff;text-decoration:none}.license-info a:hover{text-decoration:underline}.controls-panel{position:absolute;top:24px;right:24px;width:320px;max-height:calc(100vh - 48px);overflow-y:auto;background:#1e1e2399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d;color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;padding:24px;display:flex;flex-direction:column;gap:24px;z-index:100;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.controls-panel::-webkit-scrollbar{width:6px}.controls-panel::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.panel-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fffc;margin:0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{display:flex;justify-content:space-between;font-size:13px;color:#ffffffe6}.control-label .value{color:#4caf50;font-variant-numeric:tabular-nums}.modern-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;outline:none;cursor:pointer;transition:border-color .2s,background-color .2s}.modern-select:hover,.modern-select:focus{border-color:#ffffff4d;background:#0000004d}.modern-select option{background:#2a2a2a;color:#fff}.button-row{display:flex;gap:8px;align-items:center}.modern-button{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s,background-color .2s,box-shadow .2s;color:#fff}.modern-button:active{transform:scale(.96)}.modern-button.play{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d}.modern-button.play:hover{background:linear-gradient(135deg,#5cb860,#4caf50)}.modern-button.pause{background:linear-gradient(135deg,#f44336,#e53935);box-shadow:0 4px 12px #f443364d}.modern-button.pause:hover{background:linear-gradient(135deg,#ef5350,#f44336)}.modern-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffffe6}.modern-checkbox input{accent-color:#4caf50;width:16px;height:16px;cursor:pointer}.modern-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.modern-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer;transition:transform .1s;box-shadow:0 2px 4px #0003}.modern-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.modern-range::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#4caf50;cursor:pointer;transition:transform .1s;box-shadow:0 2px 4px #0003}.modern-range::-moz-range-thumb:hover{transform:scale(1.2)}.active-tab{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d}.inactive-tab{background:#ffffff1a;color:#fff9}.inactive-tab:hover{background:#fff3;color:#fff}.divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:0;width:100%}.vtuber-panel{position:absolute;bottom:20px;left:20px;z-index:100;pointer-events:none}.vtuber-preview{background-color:#000000b3;border-radius:8px;padding:8px;box-shadow:0 4px 12px #00000080;border:1px solid rgba(255,255,255,.1);pointer-events:auto}.vtuber-preview-header{color:#aaa;font-size:.8rem;margin-bottom:8px;text-align:center}.vtuber-canvas{background-color:#000;border-radius:4px;display:block;width:240px;height:auto}.loading-spinner{width:28px;height:28px;border:3px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}