/* Browser pilot layout, separate from the shipping Windows stylesheet. */
[hidden]{display:none!important}
body{height:100dvh;display:flex;flex-direction:column}.topbar,.menubar,.contextbar,.statusbar{flex-shrink:0}.studio{position:relative;height:auto!important;flex:1;min-height:0}.toolrail{min-height:0}.drawing-area{min-width:0}.topbar{gap:12px;padding:0 18px}.topbar button{min-height:40px}.topbar .search-button{display:none}.topbar .save-state{display:none}#webCamera{background:#dff5ec;color:#146651}#webAccount{font-size:12px;max-width:175px;overflow:hidden;text-overflow:ellipsis}
#webTouchbar{position:absolute;top:46px;right:12px;z-index:4;display:flex;align-items:center;gap:6px;max-width:calc(100% - 24px);box-sizing:border-box;padding:6px;background:#ffffffed;border:1px solid #d8e5e0;border-radius:10px;box-shadow:0 4px 18px #173c371a}#webTouchbar button{border:1px solid #d7e3df;border-radius:6px;background:white;padding:8px 12px;color:#35564d;font-size:12px;min-height:44px;white-space:nowrap}#webTouchbar button:disabled{opacity:.45}#webTouchbar button:focus-visible{outline:2px solid #168568;outline-offset:2px}
#webProperties{display:none}#webGate{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:24px;overflow-y:auto;background:radial-gradient(ellipse at 15% 20%,#234c4c 0,transparent 55%),#102d37}#webGate form{width:min(460px,100%);box-sizing:border-box;padding:36px 40px;background:#fff;border-radius:16px;box-shadow:0 24px 100px #0004}#webGate h1{font-size:27px;letter-spacing:-.7px;margin:12px 0}#webGate p{font-size:14px;line-height:1.65;color:#657b83}#webGate label,.camera-controls>label,.camera-calibration label{display:block;font-size:13px;font-weight:600;color:#38515b;margin:16px 0 8px}#webGate input,#webGate select,.camera-controls select,.camera-controls input[type=number]{width:100%;box-sizing:border-box;display:block;margin-top:8px;padding:12px;border:1px solid #cfdddd;border-radius:7px;background:#f8fbfa;font-size:16px;color:#263e48}#webGate #webLoginError{color:#a33a23}#webGate .web-pilot-note{font-size:12px}.web-wordmark{font-size:34px;font-weight:750;color:#17483f;margin-bottom:26px}.web-wordmark span{font-size:18px;color:#53a08d}.web-wordmark small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px}.web-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#268776}.web-locked>.topbar,.web-locked>.studio{visibility:hidden}
#cameraDialog{width:min(1220px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:hidden}#cameraDialog[open]{display:flex;flex-direction:column}#cameraDialog .dialog-heading,#cameraDialog .dialog-footer{flex-shrink:0}#cameraDialog h2{margin-top:6px}.camera-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;overflow:auto;min-height:0}.camera-main{padding:24px;min-width:0;background:#f3f7f6}.camera-preview-heading{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:12px}.camera-preview-heading span{color:#69837a;font-size:11px}#cameraStage{min-height:240px;height:clamp(240px,48vh,500px);position:relative;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e6eeeb 0% 25%,#eef3f1 0% 50%) 50% / 20px 20px;border:1px solid #d3e0dc;border-radius:10px;overflow:hidden}#cameraVideo{max-width:100%;max-height:100%;object-fit:contain}#cameraVideo.camera-thumbnail{position:absolute;right:12px;bottom:12px;width:130px;max-height:100px;border:3px solid white;border-radius:7px;z-index:2;box-shadow:0 3px 20px #0003}#cameraPreview{max-width:100%;max-height:100%;width:auto;height:auto;display:block;touch-action:none}#cameraPlaceholder{text-align:center;font-size:15px;line-height:1.8;color:#657f76}#cameraStatus{min-height:36px;font-size:13px;color:#46695d;line-height:1.5}.camera-source-actions{display:flex;gap:8px;flex-wrap:wrap}.camera-controls{padding:18px 22px;border-left:1px solid #dfe8e4;overflow:auto}.camera-controls>label:first-child{margin-top:0}.camera-controls input[type=range]{width:100%;margin:12px 0}.camera-controls output{float:right;color:#168568}.camera-controls .check-row{display:flex;font-weight:400;line-height:1.4}.camera-calibration{border-top:1px solid #dfe8e4;border-bottom:1px solid #dfe8e4;padding:16px 0;margin:18px 0;font-size:13px}.camera-calibration p{color:#698078;font-size:12px;line-height:1.5}.camera-controls button{width:100%;white-space:normal}.camera-controls input[type=checkbox]{width:18px;height:18px;flex-shrink:0}
@media(pointer:coarse){.tool-btn{min-width:44px;min-height:44px}.icon-btn,.mini-button,.toggle{min-height:42px;min-width:42px}.toolrail{width:60px}#webTouchbar button{min-height:44px}input,select,textarea{font-size:16px!important}.contextbar{min-height:48px}.zoom-control button{min-width:42px;min-height:42px}}
@media(max-width:1100px){.topbar .document-name{max-width:130px;overflow:hidden;text-overflow:ellipsis}.topbar{gap:8px}.inspector{width:240px}#cameraDialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.camera-layout{grid-template-columns:minmax(0,1fr) 265px}.camera-main{padding:16px}.camera-controls{padding:16px}}
@media(max-width:900px){#webProperties{display:block}.inspector{position:absolute;right:0;top:0;bottom:0;width:280px;max-height:100%;z-index:5;display:none;box-shadow:-8px 0 28px #142e3b22}.inspector.mobile-open{display:block}.topbar .document-name,.topbar .top-icon{display:none}.topbar .secondary.dark{display:inline-flex}.context-hint{display:none}.workspace-mode{display:none}.camera-layout{grid-template-columns:1fr}.camera-controls{border-left:0;border-top:1px solid #dfe8e4;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.camera-controls>label{margin:4px 0}.camera-calibration{grid-column:1/-1}.camera-main{padding:16px}#cameraStage{height:34vh;min-height:210px}.camera-preview-heading{flex-wrap:wrap}.dialog-footer{padding:12px 16px}#liveDimensions{max-width:calc(100% - 24px);max-height:calc(100% - 84px);overflow-y:auto;bottom:72px!important;left:12px!important}}
@media(max-width:560px){.topbar{padding:0 8px;gap:7px;height:auto;min-height:70px;flex-wrap:wrap}.topbar #webAccount{font-size:10px;max-width:120px}.brand{font-size:20px}.topbar button{font-size:11px!important;padding:8px}.topbar .brand-byline{font-size:7px}.contextbar{overflow-x:auto;min-height:46px;padding:4px 8px}.context-title{display:none}.contextbar .top-spacer{display:none}.contextbar button{flex-shrink:0}.menubar{padding:0 10px;overflow-x:auto;min-height:38px}#menus{gap:16px}.statusbar{padding:0 8px}.statusbar #objectCount{display:block!important}.statusbar .top-spacer{min-width:3px}.camera-controls{grid-template-columns:1fr}.camera-calibration{grid-column:auto}#cameraDialog .dialog-heading{padding:16px}#cameraDialog h2{font-size:20px}#cameraDialog .dialog-footer{flex-wrap:wrap;justify-content:stretch}#cameraDialog .dialog-footer button{flex:1;white-space:normal;font-size:12px}#webGate{padding:14px}#webGate form{padding:26px 22px}.zoom-control{bottom:12px;left:12px}}