*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10151d;color:#f4f5f7;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer;color:inherit}#viewport{position:fixed;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%}header{position:fixed;top:26px;left:28px;right:28px;display:flex;align-items:center;gap:14px;pointer-events:none;text-shadow:0 2px 15px #000}header img{width:46px;height:46px;object-fit:cover;border-radius:10px}h1{font-size:22px;margin:0 0 5px;font-weight:500;letter-spacing:-.5px}header span{font-size:11px;letter-spacing:2px;color:#c1c8d2}.tag{margin-left:auto;border:1px solid #ffffff38;border-radius:30px;padding:10px 16px;font-size:14px;background:#12192280}.views{position:fixed;top:126px;left:28px;width:238px;padding:18px 12px 12px;border:1px solid #ffffff24;background:#101820cc;backdrop-filter:blur(18px);border-radius:16px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#a9b5c8;margin:0 8px 18px}.views button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 10px;margin:2px 0;background:transparent;border:0;border-radius:9px;text-align:left;font-size:14px;white-space:nowrap}.views button span{font-size:12px;color:#92a0b6}.views button i{font-style:normal;margin-left:auto;color:#8d9eb2}.views button:hover{background:#ffffff0d}.views button.active{background:#314958a6;color:#fff}.views button.active span,.views button.active i{color:#75c9f8}.plan{margin-top:16px;padding-top:8px;border-top:1px solid #ffffff1a;text-align:center}.plan canvas{width:190px;height:146px}.plan>span{display:block;color:#9eaabc;font-size:12px;margin-bottom:7px}footer{position:fixed;bottom:max(26px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:center;gap:10px}.guide{margin-right:auto;padding:14px 18px;border-radius:12px;background:#101820d9;backdrop-filter:blur(15px);border:1px solid #ffffff1c}.guide strong{font-size:14px;font-weight:500;display:block;margin-bottom:6px}.guide span{font-size:12px;color:#b5bfcd}footer button{border:1px solid #ffffff35;background:#18212bdd;min-width:44px;height:48px;border-radius:10px;font-size:20px}#reset{background:#e7f3fc;color:#132c40;font-size:14px;padding:0 20px;font-weight:600;display:flex;align-items:center;gap:22px}#reset:hover{background:#fff}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#172331;padding:18px 24px;border-radius:12px}dialog{color:#e8eef5;background:#17212b;border:1px solid #ffffff30;border-radius:20px;padding:34px;max-width:530px;width:calc(100% - 32px);font-size:16px;line-height:1.6}dialog::backdrop{background:#02050bc4;backdrop-filter:blur(8px)}dialog .eyebrow{margin-left:0}h2{font-size:27px;line-height:1.2;font-weight:500}dialog p{color:#bac5d4}dialog .note{font-size:14px}dialog hr{border:0;border-top:1px solid #ffffff20}#close-help{float:right;border:0;background:none;font-size:26px}:focus-visible{outline:2px solid #68c8ff;outline-offset:3px}@media(max-width:720px){header{top:18px;left:16px;right:16px}header img{width:38px;height:38px}h1{font-size:19px}header span{font-size:9px;letter-spacing:1px}.tag{font-size:12px;padding:8px 10px}.views{top:90px;left:16px;right:16px;width:auto;padding:6px;display:flex;gap:3px;overflow-x:auto;border-radius:12px}.views .eyebrow,.plan{display:none}.views button{width:auto;font-size:12px;gap:7px;padding:10px;flex-shrink:0}.views button i{display:none}footer{left:16px;right:16px;bottom:18px;flex-wrap:wrap}.guide{width:100%;padding:10px 14px}.guide strong{display:none}.guide span{font-size:12px}#reset{margin-right:auto}}@media(max-height:630px) and (min-width:721px){.plan{display:none}.views{top:100px}}

.camera-tools{display:flex;gap:6px}.camera-tools button{width:48px}#reset{padding:0;width:48px;justify-content:center;font-size:23px}.guide{max-width:calc(100% - 300px)}#viewport canvas:focus-visible{outline:none}.views{max-height:calc(100dvh - 230px);overflow-y:auto}header span{font-size:12px}footer .guide span{font-size:14px;line-height:1.4}@media(max-width:720px){.guide{max-width:none}footer .guide span{font-size:12px}.camera-tools{margin-right:auto}.views{max-height:70px}.views button{font-size:14px}#reset{margin-right:0}}@media(max-height:730px) and (min-width:721px){.plan{display:none}}
.constructor-link{pointer-events:auto;color:#d9edff;text-decoration:none;background:#182d42d9}.constructor-link:hover{background:#274762}@media(max-width:480px){header span{display:none}.constructor-link{max-width:145px;text-align:center;line-height:1.4}}
@media(max-width:360px){header{gap:9px}header img{width:32px;height:32px}header h1{font-size:16px}.constructor-link{max-width:112px;padding:7px;font-size:12px}}