*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#0a1629;color:#fff}#loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a1629;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease-out}#loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#ccc;font-size:16px}#model-view{width:100vw;height:100vh;position:relative}canvas{display:block;transition:transform .3s ease-in-out}#controls-container.collapsed~canvas{transform:translate(-100px)}.info{position:absolute;top:20px;left:20px;background-color:#000000b3;padding:15px;border-radius:5px;z-index:100}.info h2{margin-bottom:10px;font-size:18px}.info p{font-size:12px;color:#ccc}.info-button{background-color:transparent;border:none;color:#4caf50;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s;flex-shrink:0}.info-button:hover{background-color:#4caf5033;color:#45a049}.info-button svg{display:block}.camera-info{position:fixed;bottom:50px;left:15px;background-color:#0006;padding:6px 10px;border-radius:3px;font-size:12px;font-family:Courier New,monospace;color:#888;z-index:50;pointer-events:none}.watermark{position:fixed;bottom:15px;left:15px;background-color:#00000080;padding:8px 12px;border-radius:4px;font-size:11px;color:#aaa;z-index:50;pointer-events:auto}.watermark a{color:#4caf50;text-decoration:none}.watermark a:hover{text-decoration:underline}#controls-container{position:fixed;top:0;right:0;height:100vh;z-index:1000;transition:transform .3s ease-in-out;display:flex;align-items:flex-start}.controls{width:500px;height:100vh;background-color:#000000d9;padding:20px;border-radius:0;overflow-y:auto;box-shadow:-2px 0 10px #00000080;transition:width .3s ease-in-out,padding .3s ease-in-out}#controls-container.collapsed .controls{width:200px;padding:15px 10px}#controls-container.collapsed .controls>h3:first-child,#controls-container.collapsed .manual-group,#controls-container.collapsed .control-hint{display:none}#controls-container.collapsed .sequence-input-group,#controls-container.collapsed .script-input-group{margin-top:0;padding-top:0;border-top:none}#controls-container.collapsed .sequence-input-group:first-child{padding-top:0}#controls-container.collapsed h3{font-size:14px;margin-bottom:8px}#controls-container.collapsed .sequence-input,#controls-container.collapsed .script-input{font-size:11px;padding:6px 8px}#controls-container.collapsed .sequence-buttons,#controls-container.collapsed .script-buttons{gap:5px}#controls-container.collapsed .controls button{padding:8px 12px;font-size:12px}.controls-toggle{position:absolute;left:-35px;top:50%;transform:translateY(-50%);background-color:#000000d9;border:none;color:#fff;padding:15px 8px;cursor:pointer;border-radius:5px 0 0 5px;font-size:18px;box-shadow:-2px 0 5px #00000080}.controls-toggle:hover{background-color:#4caf50cc}.controls button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;font-size:14px;cursor:pointer;border-radius:3px}.controls button:hover{background-color:#45a049}.controls button.active{background-color:#f44336}.manual-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.manual-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.manual-row span{font-size:14px;color:#ccc}.manual-row span:not(:first-child){margin-left:10px}.icon-button{width:40px;height:40px;padding:0!important;display:flex;align-items:center;justify-content:center}.icon-button svg{width:24px;height:24px;fill:#fff}.manual-slice-btn{padding:10px 15px!important;margin-left:10px}.control-hint{text-align:center;padding:10px 15px;margin-bottom:15px;border-bottom:1px solid rgba(76,175,80,.2);font-size:12px;color:#aaa;font-style:italic}.sequence-input-group{margin-top:15px;padding-top:15px;border-top:1px solid rgba(76,175,80,.3)}.sequence-input{width:100%;padding:8px 12px;background-color:#2a2a2a;color:#fff;border:1px solid #4CAF50;border-radius:3px;font-family:monospace;font-size:12px;margin-bottom:10px}.sequence-input:focus{outline:none;border-color:#45a049;box-shadow:0 0 5px #4caf5080}.sequence-buttons{display:flex;gap:8px}.sequence-buttons button{flex:1}.sequence-buttons button:disabled{background-color:#666;cursor:not-allowed;opacity:.6}.sequence-status{margin-top:10px;padding:8px;background-color:#0000004d;border-radius:3px;font-size:12px}.sequence-status.hidden{display:none}.sequence-status p{margin:3px 0}.sequence-status .error-message{color:#ff6b6b;font-weight:700}.script-input-group{margin-top:15px;padding-top:15px;border-top:1px solid rgba(76,175,80,.3)}.script-input{width:100%;padding:8px 12px;background-color:#2a2a2a;color:#fff;border:1px solid #4CAF50;border-radius:3px;font-family:monospace;font-size:12px;margin-bottom:10px;resize:vertical;min-height:120px}.script-input:focus{outline:none;border-color:#45a049;box-shadow:0 0 5px #4caf5080}.script-buttons{display:flex;gap:8px}.script-buttons button{flex:1}.script-buttons button:disabled{background-color:#666;cursor:not-allowed;opacity:.6}.script-status{margin-top:10px;padding:8px;background-color:#0000004d;border-radius:3px;font-size:12px}.script-status.hidden{display:none}.script-status p{margin:3px 0}.script-status .error-message{color:#ff6b6b;font-weight:700}.info-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.info-modal.active{display:flex;justify-content:center;align-items:center}.info-modal-content{background-color:#1a1a1a;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.info-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(76,175,80,.3)}.info-modal-header h2{margin:0;color:#4caf50;font-size:20px}.info-modal-close{background:none;border:none;color:#888;font-size:32px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.info-modal-close:hover{color:#fff}.info-modal-body{padding:10px}.info-modal-link{display:block;text-decoration:none;color:inherit}.info-modal-option{padding:20px 25px;border-radius:6px;margin:10px;background-color:#ffffff0d;transition:background-color .2s,transform .2s;cursor:pointer}.info-modal-option:hover{background-color:#4caf5026;transform:translate(5px)}.info-modal-option h3{margin:0 0 8px;color:#4caf50;font-size:18px}.info-modal-option p{margin:0;color:#ccc;font-size:13px;line-height:1.5}