@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap";.slider-label-row.svelte-jrpb2p{display:flex;align-items:center;gap:4px}.slider-value-input.svelte-jrpb2p{width:4em;background:transparent;border:none;border-bottom:1px solid #aaa;color:#aaa;font-size:12px;font-family:inherit;padding:0;outline:none}.slider-value.editable.svelte-jrpb2p{cursor:text}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit}body{font-family:Montserrat,sans-serif;height:100vh;overflow:hidden;background:#1a1a1a}#app{display:flex;height:100vh;overflow:hidden}h1{color:#fff;font-size:16px;font-weight:700;margin-bottom:10px}#control-panel{width:400px;background:#2d2d2d;padding:20px;border-right:2px solid #444;display:flex;flex-direction:column;overflow-y:auto;height:100vh}#control-panel h2{color:#fff;margin-bottom:12px;font-size:18px}.control-group{margin-top:2px;margin-bottom:6px}.control-group label{color:#fff;display:block;margin-top:0;margin-bottom:0;font-size:12px}.slider-value{color:#aaa;font-size:12px;font-weight:400}input[type=range]{width:100%;height:5px;margin-bottom:0}.action-btn{padding:6px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;transition:background .3s;margin-top:4px;width:100%}.action-btn:hover{background:#45a049}.action-btn:active{background:#3d8b40}#viewer{flex:1;position:relative;aspect-ratio:16 / 9;max-height:100vh;align-self:center;margin:50px}#info{position:absolute;top:10px;left:10px;color:#fff;background:#0009;padding:10px;border-radius:4px;font-size:12px}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4CAF50}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px;margin-bottom:6px}.checkbox-grid .control-group{margin:0}.flyout-panel{position:fixed;top:0;left:250px;width:220px;height:100vh;background:#2d2d2d;border-right:2px solid #444;box-shadow:4px 0 8px #0000004d;transform:translate(-100%);transition:transform .3s ease-in-out,visibility 0s .3s,opacity .3s ease-in-out;z-index:100;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none}.flyout-panel.open{transform:translate(0);visibility:visible;opacity:1;pointer-events:auto;transition:transform .3s ease-in-out,visibility 0s,opacity .3s ease-in-out}.flyout-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:2px solid #444;background:#1a1a1a}.flyout-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.flyout-close-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.flyout-close-btn:hover{background:#444}.flyout-content{padding:15px 20px;overflow-y:auto;flex:1}.flyout-content .control-group{margin-bottom:12px}#camera-edit-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;justify-content:center;align-items:center;flex-direction:column}#camera-edit-modal .modal-content{background:#2d2d2d;padding:20px;border-radius:8px;width:600px;max-width:90%;max-height:90%;display:flex;flex-direction:column;box-sizing:border-box}#camera-edit-modal h2{color:#fff;margin-top:0;margin-bottom:15px}#camera-json-editor{width:100%;height:400px;min-height:300px;flex:1;font-family:monospace;font-size:12px;background:#1a1a1a;color:#fff;border:1px solid #444;padding:10px;border-radius:4px;resize:vertical;box-sizing:border-box}.modal-actions{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}#camera-edit-cancel{padding:8px 20px;background:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}#camera-edit-cancel:hover{background:#777}#camera-edit-ok{padding:8px 20px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700}#camera-edit-ok:hover{background:#45a049}