body,html{margin:0;padding:0}#view{height:100vh;width:100vw}#layer-panel{position:absolute;top:10px;right:10px;background:#ffffffe6;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0003;z-index:1000;min-width:150px}#layer-panel h3{margin:0 0 10px;font-size:14px;font-weight:600;color:#333}.layer-item{display:flex;align-items:center;margin-bottom:8px}.layer-item:last-child{margin-bottom:0}.layer-item input[type=checkbox]{margin-right:8px;cursor:pointer}.layer-item label{cursor:pointer;font-size:13px;color:#444}.layer-item input[type=checkbox]:disabled{cursor:not-allowed}.layer-item input[type=checkbox]:disabled+label{color:#888;cursor:not-allowed}#code-panel{position:absolute;bottom:10px;right:10px;background:#ffffffe6;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0003;z-index:1000;width:350px;max-width:calc(100vw - 20px)}.code-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.code-panel-title{font-size:14px;font-weight:600;color:#333;flex:1;text-align:center}.code-nav-btn{background:#0000000d;border:none;color:#333;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.code-nav-btn:hover{background:#0000001a}.code-nav-btn:disabled{opacity:.3;cursor:not-allowed}.code-content{background:#0000000d;border-radius:4px;padding:10px;margin:0;max-height:200px;overflow:auto}.code-content code{color:#333;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-all}