@charset "UTF-8";body{font-family:Arial,Helvetica,sans-serif;background-color:#555;overflow:hidden;height:100vh;margin:0}body,#backdrop,#background{touch-action:none}@media only screen and (max-width:768px){body,#backdrop,#background{touch-action:pinch-zoom pan-x pan-y}}#backdrop{width:100%;height:100%;min-height:100%;min-width:100%;padding:0;margin:0}#background{transform-origin:top left;background-color:beige;position:absolute;width:2000mm;height:1500mm}.side-bar{z-index:10009;position:fixed;right:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;justify-content:start;touch-action:initial}.side-bar>div{min-width:175px}.side-bar.top{top:0}.side-bar.bottom{bottom:0}@media only screen and (max-width:768px){.side-bar.top,.side-bar.left{top:initial;bottom:40px;right:0;left:0;align-items:center}.side-bar .mobile-panel{display:none}.side-bar .mobile-panel.mobile-visible{display:block}}.side-bar.left{align-items:flex-start;right:auto;left:0}.side-bar.middle{align-items:center;width:50%;right:25%;left:25%;z-index:99999;pointer-events:none}.side-bar.middle>*{pointer-events:auto}@media only screen and (max-width:768px){.side-bar.bottom.middle{display:none;bottom:40px;left:0;right:0;width:100vw;align-items:center;z-index:auto}.side-bar.bottom.middle .mobile-panel.mobile-visible .panel{padding:15px;width:100vw;box-sizing:border-box}.side-bar.bottom.middle .mobile-panel.mobile-visible .panel h3{display:block;margin:0 0 10px}.side-bar.bottom.middle .mobile-panel.mobile-visible .panel h3 .expander-button{display:none}.side-bar.bottom.middle:has(.mobile-panel.mobile-visible){display:flex}.mobile-panel.mobile-visible .panel{max-width:100vw;max-height:calc(100vh - 140px);overflow-y:auto;padding:15px;box-shadow:0 4px 20px #0003}.mobile-panel.mobile-visible .panel .inside{display:block!important;min-width:0;width:100%}.mobile-panel.mobile-visible .panel h3{display:none}.side-bar.bottom.middle .panel{font-size:12px}.side-bar.bottom.middle .panel .text-row{padding:1px 2px}}.text-row{width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding:2px}.text-row.border+.text-row.border{border-top:lightgray 1px solid}@media only screen and (max-width:768px){.panel.logo{display:none}}.middle .panel{max-width:600px}.panel{border-radius:7px;max-width:250px;display:flex;margin:5px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:5px;background-color:#fff}.panel h3{margin:0 5px}.panel .inside{width:100%;min-width:250px}.panel.closed .inside{display:none}.panel.wide{max-width:600px}@media only screen and (max-width:768px){.panel.controls{display:none}}.panel.blank-slate:not(.closed){position:fixed}@media only screen and (min-width:768px){.panel.blank-slate:not(.closed){margin:auto;left:100px}}.panel.blank-slate:not(.closed){top:100px;background:#fff;padding:15px}button.add-device-button,.filters input,.filters select{margin:2px}.small-button{font-size:5mm;border-radius:4px;border:none;margin:5px;text-align:center;padding:0;width:7mm;height:7mm;color:#555;background:none}.small-button:hover{background-color:#d3d3d3}.closed .expander-button:after{content:"˅"}.expander-button:after{content:"˄"}.bottom .closed .expander-button:after{content:"˄"}.bottom .expander-button:after{content:"˅"}.text-button{padding:8px;margin:5px}.button-list{display:flex;flex-direction:row;flex-wrap:wrap}.small-text-button{padding:3px;margin:3px;font-size:small}.device-picker .device-list{max-height:250px;overflow-y:auto}.device-picker .search-bar{display:flex;flex-direction:row;justify-content:space-between}.device-picker .search-bar input[type=text]{padding:3px 6px;margin:5px 0 5px 5px;border:none;font-size:14px;width:100%;border:1px solid gainsboro}.changelog{max-height:600px;overflow-y:auto}.changelog h2{margin-top:10px}.changelog .change-date{margin-top:5px;border-top:1px solid lightgray;padding-bottom:10px}.changelog .change{display:flex;flex-direction:row;align-items:flex-start;justify-content:left;margin-left:15px;margin-bottom:5px}.changelog .change .pill{border-radius:15px;font-size:12px;vertical-align:middle;padding:2px 6px;margin-right:13px;width:50px;position:relative;text-align:center;flex-shrink:0}.changelog .change .pill.improved{background-color:#c2c2ff;color:#000}.changelog .change .pill.improved:after{content:"Improve"}.changelog .change .pill.added{background-color:#6ae66a;color:#000}.changelog .change .pill.added:after{content:"Added"}.changelog .change .pill.display{background-color:#ffdfa2;color:#000}.changelog .change .pill.display:after{content:"Display"}.changelog .change .pill.device{background-color:#fbfb80;color:#000}.changelog .change .pill.device:after{content:"Device"}.changelog .change .pill.fixed{background-color:#ffb6b6;color:#000}.changelog .change .pill.fixed:after{content:"Fixed"}.changelog .change .pill.refactored{background-color:#dedede;color:#000}.changelog .change .pill.refactored:after{content:"Coding"}.details .info{-webkit-user-select:none;user-select:none;display:flex}.info{font-size:6mm;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#fff;padding:0;margin:0;justify-content:center;align-items:center;height:100%;width:100%;display:none;flex-direction:column;text-align:center;background-color:#000000bf}.device{position:absolute;background-size:100% 100%}.device .screen{background-color:#000;position:absolute;background-size:100% 100%;image-rendering:pixelated}.device.closed .screen:not(.closed){display:none}.device:not(.closed) .closed{display:none}.device .caption{margin-top:10px;margin-bottom:10px}.none .screen{background-image:none}.none .screen .info{display:none}.none.screen{background-image:none!important}.none.screen .info{display:none!important}.top-buttons{padding:0;border:none;position:absolute;flex-direction:row;align-items:flex-start;justify-content:start;display:none;height:1.5cm;right:5mm;top:5mm}.bottom-buttons{padding:0;border:none;position:absolute;flex-direction:row;align-items:flex-start;justify-content:start;display:none;height:1.5cm;left:5mm;bottom:5mm}.screen-buttons{padding:0;border:none;position:absolute;flex-direction:row;align-items:flex-start;justify-content:start;height:1.5cm;top:1mm;right:1mm}.button{font-size:10mm;padding:2mm;background-color:#d3d3d3;color:#555;border:none;border-radius:3px;width:1.5cm;height:1.5cm;background-size:contain;margin-left:2mm}.remove-button>div{margin-top:-1.5mm}.rotate-button>div{margin-top:-2mm}.device:hover .buttons{display:flex}.button:hover{background-color:#fff;color:#000}.closed .open-button{background-image:url(../images/open-icon.svg)}.open-button{background-image:url(../images/close-icon.svg)}.device-bounding-box{position:absolute;top:-1mm;left:-1mm;right:-1mm;bottom:-1mm;border:2px solid rgba(0,100,200,.5);pointer-events:none;z-index:1000}.device-bounding-box.void{border-color:#c8323299}.modal-backdrop.svelte-10dam2q{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10000}.modal.svelte-10dam2q{background-color:#fff;border-radius:8px;min-width:300px;max-width:400px;box-shadow:0 4px 20px #0000004d}.modal-header.svelte-10dam2q{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ddd}.modal-header.svelte-10dam2q h3:where(.svelte-10dam2q){margin:0;font-size:14px;font-weight:600}.close-button.svelte-10dam2q{background:none;border:none;color:#888;font-size:16px;cursor:pointer;padding:4px;line-height:1}.close-button.svelte-10dam2q:hover{color:#00f}.modal-body.svelte-10dam2q{padding:16px}.checkbox-label.svelte-10dam2q{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox-label.svelte-10dam2q input:where(.svelte-10dam2q){width:16px;height:16px;cursor:pointer}.settings-group.svelte-10dam2q{margin-top:16px;display:flex;flex-direction:column;gap:12px}.settings-group.svelte-10dam2q label:where(.svelte-10dam2q){display:flex;flex-direction:column;gap:4px;font-size:12px}.modal-footer.svelte-10dam2q{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #ddd}.screen-settings-button.svelte-pash20{position:absolute;bottom:2mm;left:2mm;width:12mm;height:12mm;padding:1mm;background:#0009;border:none;border-radius:2px;color:#ffffffb3;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s;z-index:10}.screen-settings-button.svelte-pash20 svg:where(.svelte-pash20){width:100%;height:100%}.screen-settings-button.svelte-pash20:hover{background:#000c;color:#fff}.screen-settings-button.has-override.svelte-pash20{color:#4a9eff}.screen-settings-button.has-override.svelte-pash20:hover{color:#a0cdff}.device:hover .screen-settings-button.svelte-pash20{opacity:1}.label.svelte-p4efi{position:absolute;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fffffff2;border:1px solid #ccc;border-radius:4px;cursor:move;font-size:14px;white-space:nowrap;box-shadow:0 1px 3px #0003}.label.svelte-p4efi:hover{border-color:#999}.label-text.svelte-p4efi{-webkit-user-select:none;user-select:none;font-size:28px}.label.svelte-p4efi input:where(.svelte-p4efi){border:none;outline:none;background:transparent;font-size:28px;font-family:inherit;padding:0;margin:0;min-width:80px}.button.svelte-p4efi{display:none;width:16px;height:16px;border:none;background:#e74c3c;color:#fff;border-radius:50%;cursor:pointer;font-size:10px;line-height:1;padding:0;align-items:center;justify-content:center}.label.svelte-p4efi:hover .button:where(.svelte-p4efi){display:flex}.button.svelte-p4efi:hover{background:#c0392b}.button.svelte-p4efi div:where(.svelte-p4efi){margin-top:-1px}.viewport.svelte-1urmn52{width:100vw;height:100vh;touch-action:none}.bounding-box-overlay.svelte-1urmn52{position:absolute;border:2px dashed rgba(0,100,200,.6);background:#0064c80d;pointer-events:none;z-index:999}.bounding-box-overlay.svelte-1urmn52.void{border-color:#c83232b3;background:#c832321a}h3.svelte-10l3sdx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}h3.svelte-10l3sdx:focus{outline:2px solid #4A90E2;outline-offset:2px}.filters.svelte-12gt5w0 select:where(.svelte-12gt5w0){max-width:100%}.device-list.svelte-12gt5w0{overflow-x:hidden}.device-list.svelte-12gt5w0 table:where(.svelte-12gt5w0){width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.device-list.svelte-12gt5w0 thead:where(.svelte-12gt5w0){position:sticky;top:0;background:#f0f0f0}.device-list.svelte-12gt5w0 tfoot:where(.svelte-12gt5w0){position:sticky;bottom:0;background:#f0f0f0;font-size:11px;color:#555}.device-list.svelte-12gt5w0 th:where(.svelte-12gt5w0){text-align:left;padding:5px 6px;font-weight:500;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06)}.device-list.svelte-12gt5w0 th.sortable:where(.svelte-12gt5w0){cursor:pointer;-webkit-user-select:none;user-select:none}.device-list.svelte-12gt5w0 th.sortable:where(.svelte-12gt5w0):hover{color:#888}.device-list.svelte-12gt5w0 th.sorted:where(.svelte-12gt5w0){color:#aaa}.device-list.svelte-12gt5w0 th:where(.svelte-12gt5w0):nth-child(1){width:auto}.device-list.svelte-12gt5w0 th:where(.svelte-12gt5w0):nth-child(2){text-align:right;width:52px}.device-list.svelte-12gt5w0 th:where(.svelte-12gt5w0):nth-child(3){text-align:right;width:40px}.device-list.svelte-12gt5w0 .device-row:where(.svelte-12gt5w0){cursor:pointer}.device-list.svelte-12gt5w0 .device-row:where(.svelte-12gt5w0):hover{background:#0000000d}.device-list.svelte-12gt5w0 .device-row:where(.svelte-12gt5w0):active{background:#0000001a}.device-list.svelte-12gt5w0 td:where(.svelte-12gt5w0){padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.02)}.device-list.svelte-12gt5w0 .device-name:where(.svelte-12gt5w0){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-list.svelte-12gt5w0 .device-screen:where(.svelte-12gt5w0),.device-list.svelte-12gt5w0 .device-perf:where(.svelte-12gt5w0){text-align:right;color:#777}button.svelte-czd2zv{margin:2px 0}.selector-group.svelte-gyg8ub select:where(.svelte-gyg8ub){margin:2px}#logo.svelte-zzy8p9{background-image:url(../images/logo.webp);background-size:contain;background-repeat:no-repeat;width:270px;height:80px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:bolder;font-style:italic;color:transparent;font-size:2em}.bounding-box-panel.svelte-11lt6cx{padding:5px 0}.stats.svelte-11lt6cx{margin-bottom:10px}.stat-row.svelte-11lt6cx{display:flex;justify-content:space-between;padding:3px 5px;font-size:13px}.stat-row.highlight.svelte-11lt6cx{background:#0064c81a;border-radius:3px;font-weight:500}.stat-row.highlight.svelte-11lt6cx .value:where(.svelte-11lt6cx){color:#06c}.stat-row.highlight.void.svelte-11lt6cx{background:#c8323226}.stat-row.highlight.void.svelte-11lt6cx .value:where(.svelte-11lt6cx){color:#c33}.stat-row.warning.svelte-11lt6cx{font-size:11px;color:#c33;font-style:italic}.stat-row.svelte-11lt6cx .void-text:where(.svelte-11lt6cx){font-weight:700;letter-spacing:1px}.stat-row.small.svelte-11lt6cx{font-size:11px;color:#666}.label.svelte-11lt6cx{color:#555}.value.svelte-11lt6cx{font-family:monospace}.checkbox-row.svelte-11lt6cx{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;padding:5px}.checkbox-row.svelte-11lt6cx:hover{background:#00000008}.checkbox-row.svelte-11lt6cx input[type=checkbox]:where(.svelte-11lt6cx){margin:0}.no-devices.svelte-11lt6cx{color:#888;font-size:12px;font-style:italic;margin:0;padding:5px}.mobile-nav.svelte-1ofour7{display:none;position:fixed;bottom:0;left:0;right:0;z-index:10010;background:#fff;border-top:1px solid #ddd;padding:6px;gap:6px;justify-content:center;height:40px}@media only screen and (max-width:768px){.mobile-nav.svelte-1ofour7{display:flex}}.mobile-nav-button.svelte-1ofour7{flex:1;max-width:120px;padding:10px 6px;border:1px solid #ccc;border-radius:6px;background:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.mobile-nav-button.svelte-1ofour7:hover{background:#eee}.mobile-nav-button.active.svelte-1ofour7{background:#333;color:#fff;border-color:#333}