*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Tahoma,Segoe UI,sans-serif;font-size:12px;color:#282828;background:#f0f0f0;overflow:hidden;-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;height:100%}.menu-bar{display:flex;background:linear-gradient(to right,#e6e6e6,#c8c8c8);border-bottom:1px solid rgb(180,180,180)}.menu-item{padding:4px 10px;cursor:default;position:relative}.menu-item:hover,.menu-item.open{background:#fff8dc}.menu-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:#fff8dc;border:1px solid rgb(160,160,160);box-shadow:2px 2px 4px #00000040;z-index:1000;padding:2px 0}.menu-dropdown-item{padding:4px 24px 4px 28px;white-space:nowrap;cursor:default;position:relative}.menu-dropdown-item:hover{background:#ffe7a2}.menu-dropdown-item.checked:before{content:"✓";position:absolute;left:10px}.menu-icon{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;image-rendering:pixelated}.menu-dropdown-item.checked.has-icon:before{content:none}.menu-dropdown-item.checked.has-icon{background:#ffe7a2}.menu-separator{height:1px;background:#c8c8c8;margin:3px 6px}.menu-submenu-arrow:after{content:"▸";position:absolute;right:8px}.menu-submenu{position:absolute;left:100%;top:-3px;min-width:180px;background:#fff8dc;border:1px solid rgb(160,160,160);box-shadow:2px 2px 4px #00000040;padding:2px 0}.toolbar-icon{width:16px;height:16px;vertical-align:-3px;image-rendering:pixelated}.video-control-label{display:inline-flex;width:46px;height:26px;align-items:center;justify-content:flex-start;flex:none}.video-control-icon{width:30px;height:26px;object-fit:contain}.top-bar{display:flex;align-items:center;gap:4px;padding:3px 6px;background:linear-gradient(to bottom,#fff,#c8c8c8);border-bottom:1px solid rgb(180,180,180)}.toggle-btn{font:inherit;padding:3px 10px;border:1px solid rgb(140,140,140);border-radius:3px;cursor:default;background:linear-gradient(to bottom,#ffffc0,#dcdcc0 55%,#968c8c);color:#282828;white-space:nowrap}.toggle-btn-active{background:linear-gradient(to bottom,#ff6400,#ffe720 55%,#fffa78)}.toggle-btn:active{filter:brightness(.95)}.group-box{background:#fff5d2;border:1px solid rgb(190,180,150);border-radius:4px;padding:14px 8px 8px;position:relative;margin:4px}.group-box>.group-box-title{position:absolute;top:-1px;left:8px;transform:translateY(-45%);background:#fff5d2;padding:0 4px;font-size:12px}.numeric-box{font:inherit;background:#fffaf0;border:1px dashed rgb(150,150,150);padding:1px 3px;text-align:center}.numeric-box-highlight,.label-highlight{background:#ffc86e}.text-box,select{font:inherit;background:#fffaf0;border:1px solid rgb(150,150,150);padding:1px 3px}select{background:#fff8dc}input[readonly].text-box{color:#5a5a5a}.main-area{flex:1;display:flex;flex-direction:column;min-height:0}.panels-row{display:flex;align-items:stretch}.panels-left{display:flex;flex-direction:column;width:300px;flex-shrink:0}.panels-right{flex:1;display:flex;flex-direction:column;min-width:0}.spectrum-area{flex:1;min-height:0;position:relative;margin:4px}.spectrum-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#f0f8ff;border:1px solid rgb(180,180,180)}.sensor-preview{background:#696969;position:relative;width:100%;height:110px}.sensor-preview canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.status-bar{display:flex;align-items:center;gap:6px;padding:3px 8px;background:linear-gradient(to bottom,#f0f0f0,#d7d7d7);border-top:1px solid rgb(180,180,180);white-space:nowrap}.status-measure{font-weight:700;font-family:Arial,sans-serif;font-size:12px;margin-left:12px}.status-trim{background:#ffc86e;padding:1px 6px}.info-window{position:fixed;width:300px;height:490px;background:#fff5d2;border:1px solid rgb(120,120,120);box-shadow:3px 3px 8px #0000004d;z-index:2000;display:flex;flex-direction:column}.info-window-title{background:linear-gradient(to bottom,#e6e6e6,#c8c8c8);padding:3px 8px;cursor:move;display:flex;justify-content:space-between}.info-window-body{flex:1;overflow:auto;padding:8px;font-family:Courier New,monospace;font-size:12px;white-space:pre}.video-controls-window{position:fixed;background:#fff5d2;border:1px solid rgb(120,120,120);box-shadow:3px 3px 8px #0000004d;z-index:2000;min-width:380px}.field-row{display:flex;align-items:center;gap:5px;margin:4px 0}.field-label{white-space:nowrap}