.mp2d-panel{position:absolute;top:10px;left:10px;z-index:100;width:276px;background:#09090be0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffe6;font-family:system-ui,-apple-system,sans-serif;font-size:13px;box-shadow:0 8px 32px #00000080,0 1px #ffffff0f inset;-webkit-user-select:none;user-select:none;overflow:hidden}.mp2d-panel--hidden{display:none}.mp2d-panel__header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.mp2d-panel__title{font-size:12px;font-weight:600;color:#fff9;letter-spacing:.06em;text-transform:uppercase}.mp2d-panel__close-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:3px;border-radius:4px;line-height:0;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.mp2d-panel__close-btn:hover{color:#ffffffd9;background:#ffffff14}.mp2d-panel__body{overflow-y:auto;max-height:55vh;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.mp2d-panel__body::-webkit-scrollbar{width:4px}.mp2d-panel__body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.mp2d-layer{padding:9px 10px;border-radius:7px;border:1px solid transparent;margin-bottom:4px;transition:background .12s,border-color .12s}.mp2d-layer:hover{background:#ffffff0a}.mp2d-layer:last-child{margin-bottom:0}.mp2d-layer--over{background:#60a5fa14;border-color:#60a5fa59}.mp2d-layer--dragging{opacity:.35}.mp2d-layer__row{display:flex;align-items:center;gap:7px}.mp2d-layer__drag{cursor:grab;color:#ffffff40;line-height:0;flex-shrink:0;padding:6px 4px;margin:-6px -2px;border-radius:4px;transition:color .12s,background .12s}.mp2d-layer__drag:hover{color:#ffffffa6;background:#ffffff12}.mp2d-layer__drag:active{cursor:grabbing}.mp2d-layer__vis{background:none;border:none;cursor:pointer;padding:0;width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffffff40;transition:background .12s,color .12s}.mp2d-layer__vis:hover{background:#ffffff14;color:#ffffffb3}.mp2d-layer__vis--on{color:#60a5fa}.mp2d-layer__vis--on:hover{background:#60a5fa1f;color:#93c5fd}.mp2d-layer__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#ffffffd1;font-weight:450}.mp2d-layer__opacity-wrap{display:flex;align-items:center;gap:8px;margin-top:7px;padding-left:33px;cursor:ew-resize}.mp2d-layer__opacity{flex:1;--thumb-size: 20px;--track-height: 4px;--track-color-active: #60a5fa;--track-color-inactive: rgba(255, 255, 255, .15);--sl-focus-ring-color: rgba(96, 165, 250, .35);--sl-focus-ring-width: 2px}.mp2d-layer__opacity::part(base),.mp2d-layer__opacity::part(input){cursor:ew-resize}.mp2d-layer__opacity-pct{font-size:11px;color:#ffffff59;min-width:30px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;cursor:default}.mp2d-panel__open-btn{position:absolute;top:10px;left:10px;z-index:100;background:#09090be0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:7px;padding:6px 13px;cursor:pointer;font-size:12px;font-family:system-ui,-apple-system,sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 16px #0006;transition:background .15s,color .15s,border-color .15s}.mp2d-panel__open-btn:hover{background:#141418f2;color:#fff;border-color:#ffffff2e}.mp2d-hud{position:absolute;bottom:10px;left:10px;z-index:100;display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:#000000d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffd9;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.4;box-shadow:0 2px 12px #0006;-webkit-user-select:none;user-select:none;pointer-events:none}.mp2d-hud__zoom{color:#ffffffd9}.mp2d-hud__scale{color:#ffffff8c}.mp2d-measure-control{position:absolute;top:10px;right:10px;z-index:100;display:flex;flex-direction:column;gap:6px}.mp2d-measure-control__btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe0;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.mp2d-measure-control__btn:hover{background:#111827eb;border-color:#ffffff59}.mp2d-measure-control__btn--active{background:#0ea5e933;border-color:#38bdf8e6;color:#e0f2fe}.mp2d-measure-control__btn svg{width:18px;height:18px;display:block;pointer-events:none}