@import url('styles-v3.css');
:root{--ink:#112733;--cyan:#007e97}body{color:var(--ink);background:#e5f7fa}header{position:relative;display:flex;justify-content:space-between;padding:22px 5%;background:#f0fbfd}header a{font-size:14px}main{max-width:1440px;margin:auto;padding:50px 4%}.intro{max-width:730px;margin-bottom:36px}.intro h1{font-size:clamp(40px,6vw,72px);margin:12px 0}.intro p{font-size:18px;line-height:1.7}em{color:var(--cyan)}.eyebrow,.step{font-size:11px;font-weight:700;letter-spacing:2px}.workspace{display:grid;grid-template-columns:300px 1fr;border:1px solid #b5dce3;border-radius:18px;overflow:hidden;background:#f2fcfd;box-shadow:0 20px 70px #10364710}aside{padding:28px;border-right:1px solid #b5dce3}h2{font-size:24px;line-height:1.25;margin:12px 0 20px}.muted{font-size:13px;line-height:1.7;color:#486570;margin:12px 0 25px}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,select,textarea{display:block;width:100%;border:1px solid #9dc7cf;border-radius:7px;background:#fff;padding:12px;color:var(--ink);margin-top:8px;font:inherit}input[type=range]{padding:0}button,.upload{border:0;background:var(--ink);color:white;border-radius:8px;padding:13px 18px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;text-align:center}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#d9f1f5;color:var(--ink);border:1px solid #acd6de}.upload input{font-size:11px;background:transparent;border:0;color:white;padding:6px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #00acc7;outline-offset:3px}.editor{min-width:0;background:#d4eef3 url('assets/network-pattern.svg');display:flex;flex-direction:column}.editor-top,.editor-bottom{padding:18px 24px;background:#e9f8fa;font-size:11px;color:#486570}.editor-top{display:flex;justify-content:space-between;gap:12px;letter-spacing:1px}.editor-bottom{margin-top:auto;line-height:1.6}#empty{padding:100px 25px;text-align:center}#empty p{font-size:14px;margin-bottom:24px}.empty-icon{font-size:70px;color:var(--cyan)}#stage{position:relative;margin:30px 20px;touch-action:none}#floor{display:block;width:100%;object-fit:contain;user-select:none}#markers{position:absolute;inset:0}.camera{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;padding:3px;border:2px solid white;box-shadow:0 2px 8px #1235;border-radius:50%;background:#dcfaff;touch-action:none}.camera[aria-pressed=true]{outline:3px solid #112733}.camera svg{width:28px;height:28px;display:block}.camera b{position:absolute;top:-10px;right:-8px;border-radius:10px;background:#112733;color:white;padding:2px 5px;font:11px sans-serif}.camera i{position:absolute;left:50%;top:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:18px solid #007e9760;transform-origin:0 0;pointer-events:none}.request{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:65px 0 10px}.request>div p{line-height:1.8}.request h2{font-size:38px}.request form{background:#f4fcfd;border:1px solid #b5dce3;border-radius:16px;padding:28px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-weight:400}.consent input{width:18px;flex-shrink:0;margin-top:3px}.trap{position:absolute;left:-9999px}#status{font-size:13px;line-height:1.6;margin-top:16px}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 5%;font-size:13px;background:#112733;color:white}footer a{color:#8be4ee}[hidden]{display:none!important}@media(max-width:800px){.workspace,.request{grid-template-columns:1fr}.request{gap:20px;padding-top:40px}aside{border-right:0;border-bottom:1px solid #b5dce3}.fields{grid-template-columns:1fr}.editor-top{font-size:10px}#empty{padding:60px 20px}header img{width:150px}footer{flex-direction:column}}