html,body{color:#e2e8f0;background-color:#0f172a;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}gmp-map-3d{width:100%;height:100%}#ui-container{z-index:10;width:320px;position:absolute;top:20px;left:20px}.panel{-webkit-backdrop-filter:blur(12px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:16px;margin-top:10px;padding:24px;box-shadow:0 8px 32px #0000005e}h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 4px;font-size:1.25rem;font-weight:700}.sub-title{color:#94a3b8;margin:0 0 20px;font-size:.85rem}h2{color:#f8fafc;margin:16px 0 8px;font-size:.95rem;font-weight:600}.control-group{margin-bottom:16px}label{color:#cbd5e1;margin-bottom:6px;font-size:.85rem;display:block}span{color:#38bdf8;font-weight:600}.row{gap:12px;display:flex}.col{flex:1}input[type=number]{color:#f8fafc;background:#0f172a80;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:4px 8px;font-family:Fira Code,monospace}input[type=range]{-webkit-appearance:none;background:#334155;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 8px #38bdf880}input[type=range]::-webkit-slider-thumb:hover{background:#60a5fa;transform:scale(1.2)}.buttons{flex-direction:column;gap:8px;display:flex}button{color:#f8fafc;cursor:pointer;text-align:left;background:#33415580;border:1px solid #ffffff0d;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s}button:hover{background:#38bdf833;border-color:#38bdf866;transform:translateY(-1px)}button:active{transform:translateY(0)}.status-group p{color:#94a3b8;background:#1e293b80;border-radius:6px;margin:4px 0;padding:6px 10px;font-family:monospace;font-size:.8rem}.code-box{background:#0f172ae6;border:1px solid #ffffff0d;border-radius:8px;margin-top:8px;position:relative}pre{margin:0;padding:12px;overflow-x:auto}code{color:#38bdf8;font-family:Fira Code,monospace;font-size:.75rem}#copy-btn{color:#f8fafc;text-align:center;cursor:pointer;background:#334155;border:none;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-size:.85rem;font-weight:600;transition:all .2s;display:block}#copy-btn:hover{color:#0f172a;background:#38bdf8}