:root{color-scheme:dark;--gold:#ffd16b;--ink:#172329;--line:#ffffff20;--glass:linear-gradient(145deg,#263238ef,#10191fe8)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Tahoma,Arial,sans-serif;background:#172329;color:#f4f4ee;touch-action:none}button,input{-webkit-tap-highlight-color:transparent}button{font-family:inherit;color:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid var(--line)}button:focus-visible{outline:3px solid #ffd16b;outline-offset:3px}button:disabled{opacity:.45;cursor:default}canvas{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}#overlay{position:fixed;inset:0;pointer-events:none;padding: max(14px,env(safe-area-inset-top)) 18px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;flex-direction:column}button,dialog,input{pointer-events:auto}header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:700px;gap:12px}.icon{width:42px;height:42px;background:var(--glass);border-radius:15px;font-size:25px;box-shadow:0 4px 20px #0002}.brand{display:flex;gap:9px;align-items:center}.brand b{display:block;font-size:18px;letter-spacing:-.5px}.brand span:not(.brand-mark){display:block;font-size:9px;color:#b9c8cb;margin-top:4px}.brand-mark{display:grid;place-items:center;color:#203034;background:var(--gold);width:35px;height:35px;border-radius:11px;font-size:25px;transform:rotate(-8deg)}.topline{display:flex;justify-content:space-between;max-width:700px;width:100%;margin:12px 0;color:#bbcbc9;font-size:9px}.mode{color:#bce9bb}.serial{font-size:8px;letter-spacing:1.5px;direction:ltr}.machine-switch{display:flex;direction:rtl;padding:4px;background:#152026de;border:1px solid var(--line);border-radius:18px;gap:4px;width:260px;box-shadow:0 12px 30px #0002}.machine-switch button{display:flex;align-items:center;justify-content:center;gap:7px;width:50%;padding:8px 10px;border:0;background:transparent;border-radius:13px;font-size:12px;font-weight:bold;color:#b4c1c4}.machine-switch button.active{background:linear-gradient(150deg,#ffe39a,#efb643);color:#243035;box-shadow:0 2px 6px #0002}svg{width:32px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ar-actions{margin-top:10px;display:flex;gap:8px}.primary{padding:10px 17px;border-radius:13px;border:1px solid #e9d89c77;background:linear-gradient(140deg,#f7d88b,#dba844);color:#243035;font-weight:bold;font-size:12px;box-shadow:0 5px 22px #0002}.primary span{font-size:17px;margin-left:8px}.primary small{font:10px Arial;border-right:1px solid #26323840;padding-right:9px;margin-right:9px}#hint{margin-top:10px;max-width:520px;font-size:10px;line-height:1.7;color:#e0e6df;text-shadow:0 1px 5px #000;background:#111d2477;padding:5px 12px;border-radius:15px;text-align:center}.cargo{align-self:flex-start;display:flex;align-items:center;gap:9px;background:#142128c9;border:1px solid var(--line);border-radius:14px;padding:10px;margin-top:20px;font-size:9px;direction:rtl;box-shadow:0 7px 20px #0001}.cargo-icon{font-size:24px;color:var(--gold)}.cargo b{font:12px Arial;color:var(--gold)}.meter{width:68px;height:4px;margin-top:6px;border-radius:8px;background:#ffffff1c;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--gold);transition:width .3s}.preview-tools{position:absolute;left:18px;top:42%;display:grid;gap:5px}.preview-tools button{width:34px;height:34px;border-radius:11px;background:#172329af;font-size:18px}.remote{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:580px;border-radius:25px;background:var(--glass);border:1px solid #c8d6cf38;box-shadow:0 16px 50px #0004,inset 0 1px 0 #ffffff12;padding:13px 13px 9px;backdrop-filter:blur(18px)}.remote-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:0 3px 11px}.remote-head i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d5b66d;margin-left:4px}.remote-head>span:last-child{font-size:9px;color:#c1c8c7}.remote-body{display:flex;direction:ltr;align-items:center;gap:14px}.drive{width:37%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,42px) 20px;gap:3px;flex-shrink:0}.drive button{border-radius:15px;font-size:29px;background:linear-gradient(145deg,#56636a,#2b363e);box-shadow:inset 0 1px 1px #ffffff30,0 4px 7px #0003}.drive .up{grid-column:2;grid-row:1}.drive .left{grid-column:1;grid-row:2}.drive .right{grid-column:3;grid-row:2}.drive .down{grid-column:2;grid-row:3}.drive .stop{grid-column:2;grid-row:2;font-size:13px;font-weight:bold;background:linear-gradient(145deg,#ff7d68,#dd402b);border:1px solid #ffac97}.drive>span{grid-row:4;grid-column:1/4;align-self:end;text-align:center;color:#a3b3b8;font-size:8px;letter-spacing:1px}.actions{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;direction:rtl;border-left:1px solid #ffffff16;padding-left:12px}.actions button{min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;background:linear-gradient(140deg,#46545d,#29363e);box-shadow:inset 0 1px 0 #ffffff17,0 3px 8px #0002;padding:3px}.actions b{font-size:22px;line-height:23px;font-weight:400}.actions span{font-size:8px;white-space:nowrap}.actions .accent{border-color:#ffc75e4d;background:linear-gradient(140deg,#61563a,#36382f);color:#ffe2a2}.actions .assist{color:#c9f0db;border-color:#8fcaac50;background:linear-gradient(140deg,#39574c,#253c37)}button.pressed{transform:scale(.93);filter:brightness(1.3)}.remote-foot{display:flex;justify-content:space-between;margin-top:9px;border-top:1px solid #ffffff0c;padding-top:7px;color:#83999f;font-size:8px}.truck{grid-template-columns:1fr 1fr}.truck button{height:76px}.truck-tip{grid-column:1/3;text-align:center;font-size:9px;line-height:1.7;color:#bec9c7;padding:5px}.hidden{display:none!important}#scan{position:absolute;top:43%;text-align:center;font-size:12px}.scan-corners{display:block;width:80px;height:80px;border:2px dashed var(--gold);border-radius:25px;margin:auto}#scan p{background:#152026b3;padding:9px;border-radius:10px}dialog{max-width:370px;width:90%;background:#1c2a30;border:1px solid #ffffff30;border-radius:24px;padding:20px;box-shadow:0 30px 100px #0007;color:#eef0e9;pointer-events:auto}dialog::backdrop{background:#0007;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}h2{font-size:19px}dialog label{display:block;margin:20px 0;font-size:13px}input[type=range]{width:100%;accent-color:#ffd16b;margin-top:12px;touch-action:auto}dialog p{font-size:12px;line-height:1.9;color:#bccbc8}#loading{position:absolute;inset:0;background:#172329;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;pointer-events:auto;font-size:14px}#loadError{max-width:270px;color:#ffb78c;text-align:center;font-size:12px;line-height:1.8}.loader{width:40px;height:40px;border:3px solid #ffffff15;border-top-color:#ffd16b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.xr .preview-tools,.xr .serial{display:none}.xr header{pointer-events:none}.xr #ar{background:#172329d9;color:white;border-color:#ffffff44}.xr #overlay{background:transparent}:xr-overlay{background:transparent!important}.scanning .remote{opacity:.35;pointer-events:none}.scanning .remote button{pointer-events:none}@media(min-width:700px){header{margin-top:10px}.brand b{font-size:22px}.remote{padding:17px 20px 12px}.drive{grid-template-rows:repeat(3,48px) 22px}.actions button{height:55px}.actions span{font-size:10px}.cargo{margin-left:auto;margin-right:max(0px,calc((100% - 700px)/2))}.remote-head{font-size:13px}.preview-tools{left:calc(50% - 330px)}}@media(max-height:680px){#overlay{padding-top:9px}header .icon{width:34px;height:34px}.topline{margin:7px 0}.brand b{font-size:15px}.machine-switch{width:235px}.machine-switch button{padding:5px}.ar-actions{margin-top:7px}.primary{padding:8px 13px}#hint{margin-top:6px;font-size:9px}.cargo{margin-top:8px;padding:6px}.remote{padding:9px 10px 7px}.actions button{height:40px}.actions b{font-size:19px;line-height:19px}.drive{grid-template-rows:repeat(3,36px) 16px}.remote-head{padding-bottom:7px}.remote-foot{margin-top:5px;padding-top:5px}}@media(orientation:landscape) and (max-height:600px){header{max-width:100%}.brand{display:none}.topline,.cargo,#hint{display:none}.machine-switch{position:absolute;top:12px;left:70px;width:230px}.ar-actions{position:absolute;top:7px;right:70px}.remote{bottom:8px;max-width:480px;right:12px;width:48%;border-radius:18px;padding:9px}.remote-head{font-size:9px}.drive{grid-template-rows:repeat(3,32px) 12px}.drive button{font-size:22px;border-radius:10px}.actions button{height:33px;border-radius:8px}.actions b{font-size:15px;line-height:14px}.actions span{font-size:7px}.remote-foot{display:none}.preview-tools{left:15px;top:40%}}
.preview-tools svg{width:18px;height:18px;vertical-align:middle}