/* ui/runtime-base.css */
/* Base viewport styles live here. Shell placement and responsive sizing live in ui/ui-shell.css. */
html{width:100%;height:100%;overflow:hidden;background:#171b1f}
body{width:100%;height:100%;margin:0;overflow:hidden;font-family:sans-serif;background:#171b1f}
#app-container{position:fixed;inset:0;width:auto;height:auto;overflow:hidden;background:#171b1f}
#background-layer{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:1;overflow:hidden;pointer-events:none;background:#333}
#background-layer.hidden{display:none}
#background-image{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transform-origin:center center;opacity:1;filter:none}

.view-match-layer{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:24;pointer-events:none;overflow:hidden}
.view-match-layer.hidden{display:none}
.vel-view-match-point{position:absolute;display:inline-flex;align-items:center;gap:4px;transform:translate(-50%,-50%);font:600 11px/1 sans-serif;color:#f3f3f3;text-shadow:0 1px 2px rgba(0,0,0,.75);white-space:nowrap}
.vel-view-match-point-dot{width:9px;height:9px;border-radius:999px;border:1px solid rgba(255,255,255,.82);box-shadow:0 0 0 2px rgba(80,0,12,.72),0 1px 6px rgba(0,0,0,.55);background:#8a1224}
.vel-view-match-point-model .vel-view-match-point-dot{background:#b6b6b6;box-shadow:0 0 0 2px rgba(80,0,12,.72),0 1px 6px rgba(0,0,0,.55)}
.vel-view-match-point-label{padding:2px 4px;border-radius:6px;background:rgba(24,24,24,.72);border:1px solid rgba(255,255,255,.14)}
model-viewer{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);width:auto;height:auto;background:transparent;display:block;z-index:2}
.model-empty{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;color:#d4dbe2;font-size:14px;pointer-events:auto;padding:24px;background:rgba(32,35,39,.68)}
#pdf-surface{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:3;display:none;background:#1f1f1f;overflow:hidden}
#pdf-surface.active{display:flex;flex-direction:column}
#whiteboard-surface{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:3;display:none;background:#181a1d;overflow:hidden}
#whiteboard-surface.active{display:flex;flex-direction:column}
#dxf-surface{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:3;display:none;background:#1b1d20;overflow:hidden}
#dxf-surface.active{display:flex;flex-direction:column}
.dxf-frame-wrap{position:relative;flex:1 1 auto;min-height:0;background:#202327;overflow:hidden}
.dxf-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#25282d;cursor:grab}
.dxf-canvas.is-panning{cursor:grabbing}
.dxf-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cfd6dd;font-size:14px;pointer-events:auto}
.pdf-frame-wrap{position:relative;flex:1 1 auto;min-height:0;background:#262626;overflow:hidden}
.pdf-render-stage{position:absolute;inset:0;transform-origin:center center}
.pdf-canvas-stage[data-raster-state="loading"]:not([data-raster-state="ready"])::after{content:"Loading PDF...";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:999px;background:rgba(17,24,39,.78);color:#f3f4f6;font-size:12px;font-weight:700;letter-spacing:.02em;pointer-events:none}
.pdf-canvas-stage{position:absolute;inset:0;overflow:auto;background:#262626;cursor:default}
.pdf-canvas-stage.is-panning{cursor:grabbing}
.pdf-canvas-stage::-webkit-scrollbar{width:10px;height:10px}
.pdf-canvas-stage::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}
.pdf-canvas-stage::-webkit-scrollbar-track{background:transparent}
.pdf-page-stack{display:flex;flex-direction:column;align-items:center;gap:22px;min-height:100%;padding:6px 8px 12px}
.pdf-page-sheet{position:relative;display:flex;align-items:center;justify-content:center;width:max-content;min-width:100%;padding:2px;border-radius:14px;border:2px solid transparent;box-sizing:border-box}
.pdf-page-sheet.active{border-color:rgba(143,47,66,.82)}
.pdf-page-canvas{display:block;max-width:none;max-height:none;background:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 14px 36px rgba(0,0,0,.34)}
.pdf-placeholder-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:center;min-height:min(72vh,820px);width:min(72vw,920px);padding:28px 32px;background:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 14px 36px rgba(0,0,0,.34)}
.pdf-placeholder-title{font:700 24px sans-serif;color:#111827}
.pdf-placeholder-detail{font:500 15px sans-serif;color:#4b5563}
.whiteboard-surface-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at center, rgba(255,255,255,.04), rgba(0,0,0,.05) 58%), #202327;overflow:hidden}
.whiteboard-board{position:relative;width:min(calc(100% - 24px), calc((100vh - var(--vel-shell-menu-height,32px) - var(--vel-shell-bottom-height,44px) - 34px - 36px) * 1.4142));max-width:100%;aspect-ratio:420 / 297;background:#fff;border:1px solid rgba(0,0,0,.18);box-shadow:0 14px 36px rgba(0,0,0,.34);overflow:hidden;transform-origin:center center;will-change:transform;contain:layout paint;backface-visibility:hidden}
.whiteboard-board::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(0,0,0,.035) 1px, transparent 1px);background-size:24px 24px;pointer-events:none}
.whiteboard-board::after{content:"A3 Landscape";position:absolute;right:14px;bottom:10px;font-size:11px;font-weight:700;letter-spacing:.08em;color:rgba(0,0,0,.28);text-transform:uppercase;pointer-events:none}
.whiteboard-board-surface{position:absolute;inset:0}
.whiteboard-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#cfd6dd;font-size:14px;pointer-events:none;padding:24px;background:#202327}
.whiteboard-toolbar-readout{font-size:12px;color:#e5e7eb;min-width:56px;text-align:center;font-variant-numeric:tabular-nums}
.pdf-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cfcfcf;font-size:14px;pointer-events:auto}
.vel-side-tab.ready{color:#fff}
.vel-side-tab.empty{opacity:.8}
.vel-card-no-title .vel-card-head,.vel-card-no-title .vel-right-card-title{display:none!important}
.vel-card-no-title{padding-top:8px!important}
*{box-sizing:border-box}
#drop-overlay{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);display:none;flex-direction:column;align-items:center;justify-content:center;background:#171b1f;color:#fff;z-index:190;border:1px solid rgba(255,255,255,.10);box-sizing:border-box;cursor:pointer;text-align:center;padding:20px}
.drop-icon{position:relative;width:58px;height:58px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.drop-icon::before{content:'V';position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#24272d,#08090b);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px rgba(0,0,0,.35);color:#f4f7fb;font-size:34px;font-weight:900;font-style:italic;line-height:1;text-shadow:2px 0 0 #b10e22}
.drop-icon img{position:relative;z-index:1;width:58px;height:58px;display:block;object-fit:contain;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
#drop-overlay.show{display:flex}
#drop-overlay h2{margin:0;font-size:22px;line-height:1.1;font-weight:800;letter-spacing:0}
#drop-overlay .drop-overlay-copy{display:block;margin:14px 0 0;font-size:11px;line-height:1.5;font-weight:400;color:#6b7380;max-width:min(760px,calc(100vw - 120px))}
.drop-sub{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:bold}
#loading-overlay{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);z-index:260;pointer-events:auto;cursor:progress}
#loading-overlay.show{display:flex}
body.vel-loading-overlay-active #drop-overlay,
body.vel-loading-overlay-active .surface-empty-overlay{display:none!important}
.loading-card{width:min(460px, calc(100vw - 40px));background:rgba(18,18,18,.92);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;box-shadow:0 12px 36px rgba(0,0,0,.4);color:#fff}
.loading-title{font-size:18px;font-weight:bold;margin-bottom:8px}
.loading-detail{font-size:12px;color:#d1d5db;margin-bottom:14px;line-height:1.5}
input[type=number]{width:56px;padding:5px 6px;border:1px solid #ddd;border-radius:4px;font-size:12px}
input[type=range]{flex:1;accent-color:#8f2f42!important}
#toast{position:fixed;left:var(--vel-toast-left,50%);top:var(--vel-toast-top,118px);transform:translateX(-50%);z-index:72;background:rgba(0,0,0,.9);color:#fff;padding:8px 14px;border-radius:999px;opacity:0;transition:opacity .2s;pointer-events:none;font-size:12px;max-width:var(--vel-toast-max-width,420px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#toast.show{opacity:1}
.hidden{opacity:0!important;pointer-events:none}
.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:400}
.dialog-backdrop.show{display:flex}
.dialog-card{width:min(420px,calc(100vw - 30px));background:#1c2026;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:16px;box-shadow:0 18px 48px rgba(0,0,0,.48);display:flex;flex-direction:column;gap:10px;color:#eef2f6}
.dialog-title{font-size:16px;font-weight:bold;color:#fff}
.dialog-text{font-size:12px;color:#cfd6dd;white-space:pre-wrap;line-height:1.5;max-height:180px;overflow:auto}
.dialog-input{padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:8px;font-size:14px;background:#12171d;color:#eef2f6}
.dialog-actions{display:flex;gap:8px}
.dialog-actions button{flex:1;border:none;border-radius:8px;padding:10px 12px;font-weight:bold;cursor:pointer}
.dialog-cancel{background:#2a2f37;color:#eef2f6;border:1px solid rgba(255,255,255,.10)}
.dialog-ok{background:#8f2f42;color:#fff;border:1px solid rgba(220,80,102,.44)}
.confirm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);display:none;align-items:flex-start;justify-content:flex-start;z-index:400;padding:72px 0 0 18px;box-sizing:border-box}
.confirm-backdrop.show{display:flex}
.confirm-card{width:min(440px,calc(100vw - 48px));background:#1c2026;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:16px;box-shadow:0 18px 48px rgba(0,0,0,.48);display:flex;flex-direction:column;gap:10px;color:#eef2f6}
.confirm-actions{display:flex;gap:8px}
.confirm-actions button{flex:1;border:none;border-radius:8px;padding:10px 12px;font-weight:bold;cursor:pointer}
.confirm-cancel{background:#2a2f37;color:#eef2f6;border:1px solid rgba(255,255,255,.10)}
.confirm-ok{background:#8f2f42;color:#fff;border:1px solid rgba(220,80,102,.44)}

.recording-hud{position:absolute;left:16px;bottom:74px;z-index:80;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(12,12,12,.92);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);max-width:min(420px,calc(100vw - 32px))}
.recording-hud.hidden{display:none!important}
.recording-dot{width:10px;height:10px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:recordingPulse 1.2s infinite}
.recording-texts{display:flex;flex-direction:column;gap:2px;min-width:120px}
.recording-title{font-size:12px;font-weight:bold;line-height:1}
.recording-remaining{font-size:11px;color:#e5e7eb;font-variant-numeric:tabular-nums}
.recording-stop-btn,.recording-open-btn{border:none;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:bold;cursor:pointer;color:#fff;min-width:74px;text-align:center}
.recording-open-btn{background:#374151}
.recording-stop-btn{background:#dc2626;color:#fff}
.recording-stop-btn:hover,.recording-open-btn:hover{filter:brightness(.97)}
.recording-stop-btn:disabled{background:#9ca3af;color:#f9fafb;opacity:1;cursor:default}
@keyframes recordingPulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.65)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}


#boot-splash{position:fixed;inset:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .45s ease, visibility .45s ease;visibility:visible}
#boot-splash.hide{opacity:0;visibility:hidden;pointer-events:none}
.boot-image-wrap{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000}
.boot-image{max-width:100vw;max-height:100vh;width:100vw;height:100vh;object-fit:contain;object-position:center center;display:block;user-select:none;-webkit-user-drag:none}



.annotate-mode-badge{position:absolute;left:16px;top:56px;z-index:33;background:rgba(0,0,0,.82);color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em}
.annotate-layer{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:25;pointer-events:none;display:none;touch-action:none}
.annotate-layer[aria-hidden="false"]{pointer-events:auto;display:block}
body[data-vel-display-surface="pdf"] .annotate-layer{top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px)}
body[data-vel-display-surface="whiteboard"] .annotate-layer{top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px)}
.annotate-brush-cursor{position:absolute;z-index:40;pointer-events:none;border:1.5px solid #111;border-radius:999px;background:transparent;box-shadow:0 0 0 1px rgba(255,255,255,.72),0 0 10px rgba(0,0,0,.24);box-sizing:border-box;mix-blend-mode:normal}
.annotate-brush-cursor.hidden{display:none}
.annotate-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.annotate-preview-canvas{pointer-events:none}
.annotate-text-editor{position:absolute;min-width:140px;min-height:42px;max-width:320px;max-height:240px;padding:8px 10px;border-radius:10px;border:1px solid rgba(59,130,246,.5);background:rgba(255,255,255,.92);color:#111827;font:700 20px/1.35 system-ui,sans-serif;resize:none;z-index:28;display:block;outline:none;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.annotate-text-editor.hidden{display:none}
.annotate-model-fade{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .15s ease}
.pdf-canvas-stage[data-raster-state="ready"]::after{display:none!important;content:none!important}
.pdf-canvas-stage[data-raster-state="idle"]::after,.pdf-canvas-stage[data-raster-state="fallback"]::after{display:none!important;content:none!important}

/* Rootfix5: prevent stale PDF loading badge once the canvas stack is ready or not active. */
body:not([data-vel-display-surface="pdf"]) .pdf-canvas-stage[data-raster-state="loading"]::after,
.pdf-canvas-stage[data-raster-state="ready"]::after,
.pdf-canvas-stage[data-raster-state="idle"]::after,
.pdf-canvas-stage[data-raster-state="fallback"]::after{content:none!important;display:none!important}

.pdf-page-vector-layer{position:absolute;pointer-events:none;z-index:2}

.pdf-page-frame{position:relative;display:inline-block}

/* Allow full horizontal travel for zoomed PDF pages. */
.pdf-page-stack{width:max-content;min-width:100%}
.pdf-page-sheet{width:max-content;min-width:100%}

/* Hide noisy PDF loading text while refreshing an existing frame. */
.pdf-canvas-stage[data-raster-state="refreshing"]::after{content:none!important;display:none!important}

/* Images are managed as one Surface, not per-image right tabs. */
#image-surface{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:3;display:none;background:#1b1d20;overflow:hidden}
#image-surface.active{display:flex;flex-direction:column}
.image-frame-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at center, rgba(255,255,255,.045), rgba(0,0,0,.08) 58%), #202327;overflow:hidden}
.image-review-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.16);overflow:hidden}
.image-review-preview{display:none;max-width:calc(100% - 36px);max-height:calc(100% - 36px);object-fit:contain;border-radius:6px;box-shadow:0 14px 36px rgba(0,0,0,.34);background:#111}
.image-review-preview.active{display:block}
.image-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#cfd6dd;font-size:14px;pointer-events:auto;padding:24px}

body[data-vel-display-surface="images"] .annotate-layer{top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:12!important}
body[data-vel-display-surface="dxf"] .annotate-layer{top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:12!important}
.image-review-stage{position:relative!important}
.image-review-preview{user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important}
.image-crop-overlay{position:absolute;display:none;z-index:18;overflow:hidden;pointer-events:none;box-sizing:border-box;border:1px dashed rgba(255,255,255,.5);background:rgba(0,0,0,.02)}
.image-crop-overlay.active{display:block}
.image-crop-box{position:absolute;box-sizing:border-box;border:2px solid #9b2f46;background:rgba(155,47,70,.14);box-shadow:0 0 0 9999px rgba(0,0,0,.34)}
body.vel-image-crop-active[data-vel-display-surface="images"] .annotate-layer{pointer-events:none!important}

/* Image review zoom; the img itself remains non-draggable and does not own pointer input. */
.image-review-preview{transform:scale(var(--image-review-zoom,1));transform-origin:center center;transition:transform .08s ease-out}

/* Central surface host visibility is owned by data-vel-display-surface + active surface classes. */
body[data-vel-display-surface="model"] #walker{display:block}
body[data-vel-display-surface="pdf"] #walker,
body[data-vel-display-surface="whiteboard"] #walker,
body[data-vel-display-surface="dxf"] #walker,
body[data-vel-display-surface="images"] #walker{display:none}


/* Loading overlay uses a simple spinner, not a progress bar. */
.loading-card{
  width:min(300px, calc(100vw - 40px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  padding:22px 18px!important;
  border-radius:14px!important;
}
.loading-spinner{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  border:3px solid rgba(255,255,255,.18)!important;
  border-top-color:#fff!important;
  animation:vel-loading-spin .82s linear infinite!important;
}
.loading-title{font-size:13px!important;font-weight:800!important;text-align:center!important;}
.loading-detail{font-size:11px!important;color:rgba(255,255,255,.72)!important;text-align:center!important;line-height:1.35!important;min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
@keyframes vel-loading-spin{to{transform:rotate(360deg)}}



.surface-empty-overlay{cursor:pointer;box-sizing:border-box}
.surface-empty-card{min-width:min(360px,calc(100vw - 80px));max-width:520px;padding:22px 26px;border-radius:18px;background:rgba(25,27,30,.78);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.32);display:flex;flex-direction:column;align-items:center;gap:10px}
.surface-empty-title{font-size:18px;font-weight:800;letter-spacing:.02em;color:#fff}
.surface-empty-text{font-size:13px;line-height:1.5;color:#cfd6dd}
.surface-empty-ext{font-size:10px;letter-spacing:.04em;color:rgba(180,190,200,.65);margin-top:2px}
.surface-empty-action{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border-radius:999px;background:rgba(143,47,66,.82);border:1px solid rgba(220,80,102,.52);color:#fff;font-weight:800;font-size:12px}
.surface-empty-overlay:hover .surface-empty-action{background:rgba(166,56,76,.92)}
body[data-vel-display-surface="dxf"][data-dxf-pointer-owner="viewer"] .annotate-layer[aria-hidden="false"]{pointer-events:none!important}

/* Empty placeholders are owned by SurfaceEmptyStateController, not renderer style.display patches. */
.model-empty,.pdf-empty,.whiteboard-empty,.dxf-empty,.image-empty{display:none;}
.model-empty[data-empty-active="true"],.pdf-empty[data-empty-active="true"],.whiteboard-empty[data-empty-active="true"],.dxf-empty[data-empty-active="true"],.image-empty[data-empty-active="true"]{display:flex;}
body:not([data-vel-display-surface="model"]) .model-empty,
body:not([data-vel-display-surface="whiteboard"]) .whiteboard-empty{display:none!important}
.annotate-layer[data-annotate-host-mode="embedded"]{top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;}
.annotate-layer[data-annotate-host-surface="pdf"]{z-index:8;}
.annotate-layer[data-annotate-host-surface="dxf"],.annotate-layer[data-annotate-host-surface="images"]{z-index:12;}

/* Velqlar common dark UI normalization. White content surfaces remain excluded. */
.vel-btn,.vel-fixed-btn,.vel-shell-btn,.vel-fixed-menu-btn,.surface-empty-action,
.dialog-actions button,.confirm-actions button{
  color:#eef2f6!important;
  -webkit-text-fill-color:#eef2f6!important;
}
.vel-input,.vel-select,.dialog-input,input[type="text"],input[type="number"],input[type="date"],select,textarea{
  background:#12171d!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:8px!important;
  outline:none!important;
}
.vel-input:focus,.vel-select:focus,.dialog-input:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus{
  border-color:rgba(143,47,66,.78)!important;
  box-shadow:0 0 0 2px rgba(143,47,66,.22)!important;
}
.dialog-card,.confirm-card{
  background:#1c2026!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.48)!important;
}
.dialog-title,.confirm-card .dialog-title{color:#fff!important;}
.dialog-text,.confirm-card .dialog-text{color:#cfd6dd!important;}
.dialog-cancel,.confirm-cancel{background:#2a2f37!important;color:#eef2f6!important;border:1px solid rgba(255,255,255,.10)!important;}
.dialog-ok,.confirm-ok{background:#8f2f42!important;color:#fff!important;border:1px solid rgba(220,80,102,.44)!important;}
.confirm-backdrop,.dialog-backdrop{background:rgba(0,0,0,.54)!important;}
.vel-fixed-images-left{position:relative!important;}
.vel-fixed-popover{
  position:absolute!important;
  left:0!important;
  bottom:calc(100% + 6px)!important;
  min-width:150px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:6px!important;
  border-radius:10px!important;
  background:#171b21!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.38)!important;
  z-index:240!important;
}
.vel-fixed-popover[hidden]{display:none!important;}
.vel-fixed-popover-place-image{left:calc(100% + 4px)!important;}
.vel-fixed-popover-adjust-image{left:calc(200% + 8px)!important;min-width:170px!important;}
.vel-fixed-menu-btn{
  width:100%!important;
  min-height:28px!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:#242a31!important;
  color:#eef2f6!important;
  text-align:left!important;
  font-size:11px!important;
  font-weight:700!important;
}
.vel-fixed-menu-btn:hover{background:#303640!important;}
#velShellFixedViews[data-surface="images"][data-image-crop-active="false"] .vel-image-crop-action{display:none!important;}
#velShellFixedViews[data-surface="images"]:not([data-image-crop-active="true"]) .vel-image-crop-action{display:none!important;}
#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-image-normal-action{display:none!important;}
#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-fixed-images-left .vel-fixed-popover{display:none!important;}
.pdf-canvas-stage,.vel-scrollbar-stage{scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.18) transparent!important;}
.pdf-canvas-stage::-webkit-scrollbar,.vel-scrollbar-stage::-webkit-scrollbar{width:8px!important;height:8px!important;}
.pdf-canvas-stage::-webkit-scrollbar-thumb,.vel-scrollbar-stage::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14)!important;border-radius:999px!important;}
.pdf-canvas-stage::-webkit-scrollbar-track,.vel-scrollbar-stage::-webkit-scrollbar-track{background:transparent!important;}

#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-fixed-images-left,
#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-fixed-image-capture,
#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-fixed-capture{display:none!important;}
#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-fixed-images{display:flex!important;}

/* Recovery r021: empty-surface cards must stay above embedded Annotate layers so Open actions remain clickable. */
.model-empty[data-empty-active="true"],
.pdf-empty[data-empty-active="true"],
.whiteboard-empty[data-empty-active="true"],
.dxf-empty[data-empty-active="true"],
.image-empty[data-empty-active="true"]{
  z-index:34!important;
  pointer-events:auto!important;
}
.surface-empty-card,.surface-empty-action{pointer-events:auto!important;}

/* Recovery r021: keep Image footer controls vertically aligned even when disabled. */
#velShellFixedViews .vel-fixed-images-left .vel-fixed-btn,
#velShellFixedViews .vel-fixed-images .vel-fixed-btn,
#velShellFixedViews .vel-fixed-image-capture .vel-fixed-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}

/* Recovery r022: empty surface overlays are actionable UI. When an active surface
   is empty, the embedded annotate host must not intercept Open actions. */
body[data-vel-display-surface="model"].vel-surface-empty-model .annotate-layer,
body[data-vel-display-surface="pdf"].vel-surface-empty-pdf .annotate-layer,
body[data-vel-display-surface="dxf"].vel-surface-empty-dxf .annotate-layer,
body[data-vel-display-surface="images"].vel-surface-empty-images .annotate-layer{
  pointer-events:none!important;
}
body[data-vel-display-surface="images"].vel-surface-empty-images #image-surface,
body[data-vel-display-surface="dxf"].vel-surface-empty-dxf #dxf-surface,
body[data-vel-display-surface="pdf"].vel-surface-empty-pdf #pdf-surface{
  z-index:36!important;
}


/* DXF scale calibration popup */
.vel-dxf-scale-dialog-backdrop{position:fixed!important;inset:0!important;z-index:400!important;background:rgba(0,0,0,.42)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.vel-dxf-scale-dialog{width:min(328px,calc(100vw - 48px))!important;background:#181818!important;border:1px solid #3a3a3a!important;border-radius:6px!important;box-shadow:0 12px 32px rgba(0,0,0,.42)!important;color:#e7e7e7!important;padding:8px!important;font:11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.vel-dxf-scale-dialog-head{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #2a2a2a!important;padding-bottom:6px!important;margin-bottom:7px!important;}
.vel-dxf-scale-dialog-head strong{font-size:11px!important;letter-spacing:.02em!important;}
.vel-dxf-scale-close,.vel-dxf-scale-actions button{background:#242424!important;color:#e7e7e7!important;border:1px solid #454545!important;border-radius:4px!important;min-height:22px!important;padding:2px 7px!important;font-size:10px!important;line-height:1.2!important;}
.vel-dxf-scale-close{width:22px!important;height:22px!important;padding:0!important;font-size:14px!important;line-height:1!important;}
.vel-dxf-scale-row,.vel-dxf-scale-field{display:grid!important;grid-template-columns:78px 1fr!important;gap:7px!important;align-items:center!important;margin:6px 0!important;}
.vel-dxf-scale-row span,.vel-dxf-scale-field span{color:#aeb4bc!important;font-size:10px!important;}
.vel-dxf-scale-row output{font-size:10px!important;color:#d6d9df!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.vel-dxf-scale-field input{height:22px!important;box-sizing:border-box!important;background:#101010!important;color:#f0f0f0!important;border:1px solid #444!important;border-radius:4px!important;padding:2px 6px!important;font-size:11px!important;}
.vel-dxf-scale-help{color:#aaa!important;margin:6px 0 8px!important;font-size:10px!important;line-height:1.35!important;}
.vel-dxf-scale-actions{display:flex!important;gap:5px!important;justify-content:flex-end!important;flex-wrap:wrap!important;}


.mask-edit-layer{position:absolute;top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px));left:var(--vel-content-left,0px);right:var(--vel-content-right,0px);bottom:var(--vel-shell-bottom-height,44px);z-index:25;pointer-events:none;overflow:hidden}
.mask-edit-layer.hidden{display:none}
.vel-mask-preview-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vel-mask-preview-brush{stroke:rgba(138,18,36,.75)}
.vel-mask-preview-erase{stroke:rgba(220,220,220,.82);stroke-dasharray:6 4}
.vel-mask-preview-hide{stroke:rgba(138,18,36,.94);fill:rgba(138,18,36,.18)}
.vel-mask-preview-show{stroke:rgba(210,210,210,.94);fill:rgba(210,210,210,.16)}
.vel-mask-preview-active-polygon{stroke:rgba(255,255,255,.96);stroke-dasharray:5 4;fill:none}
.composite-preview-panel{position:absolute;right:calc(var(--vel-content-right,0px) + 12px);bottom:calc(var(--vel-shell-bottom-height,44px) + 12px);z-index:38;min-width:180px;max-width:280px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(24,24,24,.86);color:#f2f2f2;font:600 11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.35);pointer-events:none}
.composite-preview-panel.hidden{display:none}
.composite-preview-panel[data-composite-preview-structure="r092"]{min-width:260px;max-width:340px;padding:10px 12px;pointer-events:none}
.composite-preview-title{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:8px}
.composite-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.composite-preview-pane{min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05);padding:8px;white-space:pre-line;color:#ddd;font-size:10px;line-height:1.3}
.composite-preview-after{border-color:rgba(210,52,52,.42);background:rgba(80,20,20,.28)}
.composite-preview-meta{font-size:10px;color:#cfcfcf;line-height:1.35}
.composite-preview-warning{font-size:10px;color:#ffd2d2;line-height:1.35;margin-top:4px}

/* r094 View Match Mode panel */
.vel-surface-card-view-match .vel-card-body {
  gap: 10px;
}
.vel-view-match-source-info {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.035);
  font-size: 11px;
}
.vel-view-match-source-info div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.vel-view-match-source-info span {
  color: rgba(255,255,255,0.58);
}
.vel-view-match-source-info strong {
  color: rgba(255,255,255,0.9);
  font-weight: 600;
  text-align: right;
}
.vel-view-match-range-row {
  display: grid;
  grid-template-columns: 74px 1fr 48px;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  font-size: 11px;
}
.vel-view-match-range-row span {
  color: rgba(255,255,255,0.72);
}
.vel-view-match-range-row em {
  color: rgba(255,255,255,0.58);
  font-style: normal;
  text-align: right;
}
/* r095 View Match extension readiness */
.vel-view-match-priority,
.vel-view-match-save-summary {
  margin-top: 6px;
  line-height: 1.35;
}
.vel-view-match-save-summary {
  opacity: 0.88;
}
.vel-view-match-pair-line{position:absolute;height:1px;transform-origin:0 50%;background:rgba(138,18,36,.72);box-shadow:0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.vel-view-match-mode-badge{position:absolute;left:10px;top:10px;max-width:calc(100% - 20px);box-sizing:border-box;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(18,18,18,.78);color:#f3f3f3;font:600 11px/1.2 sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}

/* ── Accessibility: keyboard focus & ARIA (REL-P1-027) ── */
/* Global focus-visible: provide visible keyboard focus ring on all interactive elements */
*:focus-visible{outline:2px solid rgba(143,47,66,.9)!important;outline-offset:2px!important;border-radius:3px}
/* Remove focus ring on mouse click (only show for keyboard navigation) */
*:focus:not(:focus-visible){outline:none}
/* Skip-to-content link */
.vel-skip-nav{position:absolute;left:-9999px;top:0;z-index:99999;padding:8px 12px;background:#8f2f42;color:#fff;font-size:13px;font-weight:600;border-radius:4px;text-decoration:none}
.vel-skip-nav:focus-visible{left:8px;top:8px}
/* ARIA live region for status announcements */
[aria-live]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Visually hidden but screen-reader accessible */
.vel-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Button/interactive elements must have pointer cursor unless disabled */
button:not([disabled]),[role="button"]:not([aria-disabled="true"]){cursor:pointer}
[aria-disabled="true"],[disabled]{cursor:not-allowed;opacity:.5}

/* ui/ui-shell.css */
:root{
  --vel-ui-shell-canonicalized:1;
  --vel-shell-bg:#232629;
  --vel-shell-bg-2:#1d1f22;
  --vel-shell-text:#f0f2f4;
  --vel-shell-muted:#9ea6ae;
  --vel-shell-line:rgba(255,255,255,.08);
  --vel-shell-hover:rgba(255,255,255,.08);
  --vel-shell-active:#7a2836;
  --vel-shell-danger:#d62a3a;
  --vel-left-shell-width:44px;
  --vel-shell-right-base-width:280px;
  --vel-shell-right-width:280px;
  --vel-shell-rail-base-width:32px;
  --vel-shell-rail-width:32px;
  --vel-shell-menu-height:32px;
  --vel-shell-top-height:34px;
  --vel-shell-bottom-height:44px;
  --vel-pdf-topbar-height:42px;
  --vel-ui-bg:#171b21;
  --vel-ui-bg-2:#20252b;
  --vel-ui-bg-3:#262b32;
  --vel-ui-text:#eef2f6;
  --vel-ui-muted:#aab3bc;
  --vel-ui-line:rgba(255,255,255,.12);
  --vel-ui-line-soft:rgba(255,255,255,.08);
  --vel-ui-accent:#8f2f42;
  --vel-ui-accent-2:#b44a61;
  --vel-ui-danger:#7d2531;
  --vel-visible-ui-collapse-hardgate-r318:1;
}

/* HTML標準の[hidden]属性は常にdisplay:noneとして機能する必要がある。
   !importantなflex/gridルールがこれを踏み潰すのを防ぐ基底ルール。
   後付けのper-selectorガードは不要になる。 */
[hidden]{display:none!important;}

.vel-source-panel-hidden{
  position:fixed!important;
  top:0!important;
  right:-2000px!important;
  width:360px!important;
  height:100vh!important;
  opacity:0!important;
  pointer-events:none!important;
}

#velShellMenu{
  z-index:320!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  inset:0 0 auto 0!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
  background:var(--vel-shell-bg)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}

#velShellTop{
  z-index:310!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  top:32px!important;
  left:0!important;
  right:0!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:0 10px!important;
  background:var(--vel-shell-bg-2)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  overflow:visible!important;
  min-height:34px!important;
  max-height:34px!important;
  max-width:100vw!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
}

#velShellLeft{
  z-index:110!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  top:66px!important;
  left:0!important;
  bottom:0!important;
  width:var(--vel-left-shell-width)!important;
  padding:6px 3px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
  background:#26292c!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  overscroll-behavior:contain!important;
}

#velShellRight{
  z-index:150!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  top:66px!important;
  right:var(--vel-shell-rail-width)!important;
  bottom:0!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  background:linear-gradient(180deg, rgba(34,37,40,.98), rgba(29,32,35,.98))!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  box-shadow:-14px 0 24px rgba(0,0,0,.18) inset!important;
  width:var(--vel-shell-right-base-width,280px)!important;
  min-width:var(--vel-shell-right-base-width,280px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  min-height:0!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
  max-width:100vw!important;
  isolation:isolate!important;
  overscroll-behavior:contain!important;
}

#velShellFixedViews{
  z-index:166!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  left:calc(var(--vel-left-shell-width) + 12px)!important;
  right:calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width))!important;
  bottom:0!important;
  top:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:34px!important;
  height:auto!important;
  padding:4px 12px!important;
  background:rgba(29,31,34,.96)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-left:none!important;
  border-right:none!important;
  border-bottom:none!important;
  border-radius:0!important;
  line-height:1.1!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  box-shadow:none!important;
  min-width:0!important;
  max-width:100vw!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}

#velShellSavedViews{
  z-index:170!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  left:50%!important;
  bottom:34px!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(34vw,420px)!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

#velShellSideRail{
  z-index:226!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  top:66px!important;
  right:0!important;
  bottom:0!important;
  width:var(--vel-shell-rail-width)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  visibility:visible!important;
  opacity:1!important;
  background:#060c12!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.03)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-width:var(--vel-shell-rail-width)!important;
  min-width:var(--vel-shell-rail-width)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

#velMemoDrawer{
  z-index:224!important;
  box-sizing:border-box!important;
  color:var(--vel-shell-text)!important;
  font-family:inherit!important;
  position:fixed!important;
  inset:66px var(--vel-shell-rail-width) var(--vel-shell-bottom-height,44px) auto!important;
  width:280px!important;
  display:block!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  max-width:280px!important;
  min-width:280px!important;
}

#velShellMenu .vel-menu-list{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

#velShellMenu .vel-menu{
  position:relative!important;
  z-index:330!important;
}

#velShellMenu .vel-menu-btn{
  border:none!important;
  background:transparent!important;
  color:var(--vel-shell-text)!important;
  padding:0 10px!important;
  font-size:11px!important;
  cursor:pointer!important;
  min-height:28px!important;
  border-radius:5px!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.1!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  text-align:center!important;
  vertical-align:middle!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellMenu .vel-menu-btn:hover{
  background:var(--vel-shell-hover)!important;
}

#velShellMenu .vel-menu.open .vel-menu-dropdown{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  z-index:360!important;
}

#velShellMenu .vel-menu-dropdown{
  z-index:360!important;
  display:none!important;
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  padding:6px!important;
  background:#171b20!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.44)!important;
  min-width:188px!important;
  border-radius:10px!important;
}

#velShellMenu .vel-menu-item{
  border:none!important;
  background:transparent!important;
  color:var(--vel-shell-text)!important;
  text-align:left!important;
  padding:0 10px!important;
  font-size:11px!important;
  cursor:pointer!important;
  min-height:28px!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellMenu .vel-menu-item:hover{
  background:var(--vel-shell-hover)!important;
}

#velShellMenu .vel-menu-item.disabled{
  opacity:.4!important;
  cursor:default!important;
}

#velShellMenu .vel-menu-control-panel{
  min-width:310px!important;
  padding:10px!important;
}

#velShellMenu .vel-menu-section-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
}

#velShellMenu .vel-menu-section-panel::after{
  display:none!important;
}

#velShellMenu .vel-menu-section-panel .vel-top-label{
  font-size:11px!important;
  color:#d7dee5!important;
  font-weight:800!important;
}

#velShellMenu .vel-menu-section-panel .vel-top-body{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

#velShellMenu .vel-menu-section-panel .vel-shell-btn{
  border:none!important;
  background:#2a2d31!important;
  color:var(--vel-shell-text,#eef2f6)!important;
  min-height:22px!important;
  padding:3px 8px!important;
  font-size:10px!important;
  font-weight:750!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  -webkit-text-fill-color:var(--vel-shell-text,#eef2f6)!important;
  border-radius:6px!important;
  height:auto!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellMenu .vel-menu-section-panel .vel-shell-btn:hover{
  background:var(--vel-shell-hover)!important;
}

#velShellMenu .vel-menu-section-panel .vel-shell-btn.active{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
}

#velShellMenu .vel-menu-section-panel .vel-shell-btn.icon{
  width:28px!important;
  padding:6px 0!important;
  text-align:center!important;
}

#velShellMenu .vel-menu-section-panel .vel-top-range{
  width:116px!important;
  accent-color:#8f2f42!important;
}

#velShellMenu .vel-menu-section-panel .vel-top-value{
  min-width:38px!important;
  text-align:right!important;
  font-size:10px!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellMenu .vel-menu-settings-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:240px!important;
  color:var(--vel-shell-text)!important;
}

#velShellMenu .vel-menu-settings-source{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:#151b22!important;
  color:#eef2f6!important;
  padding:7px 9px!important;
}

#velShellMenu .vel-menu-settings-source strong{
  font-size:11px!important;
  font-weight:800!important;
}

#velShellMenu .vel-menu-settings-source span{
  font-size:10px!important;
  color:#a9b2bd!important;
}

#velShellMenu .vel-menu-settings-row{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
}

#velShellMenu .vel-menu-settings-row.two{
  grid-template-columns:1fr 1fr!important;
}

#velShellMenu .vel-menu-settings-row.three{
  grid-template-columns:repeat(3,1fr)!important;
}

#velShellMenu .vel-menu-settings-row.scale{
  grid-template-columns:32px minmax(0,1fr) 32px!important;
}

#velShellMenu .vel-menu-settings-line{
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr) 42px!important;
  gap:8px!important;
  align-items:center!important;
  min-height:26px!important;
  margin:0!important;
}

#velShellMenu .vel-menu-settings-line span{
  color:#c7d0d9!important;
  font-size:10px!important;
  font-weight:800!important;
}

#velShellMenu .vel-menu-settings-line em{
  color:#dfe5eb!important;
  font-style:normal!important;
  text-align:right!important;
  font-size:10px!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellMenu .vel-menu-settings-line input[type="range"]{
  width:100%!important;
  accent-color:#8f2f42!important;
}

#velShellMenu .vel-menu-settings-row input[type="range"]{
  width:100%!important;
  accent-color:#8f2f42!important;
}

#velShellMenu .vel-menu-settings-row input[type="number"]{
  min-width:0!important;
  height:28px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:7px!important;
  background:#12171d!important;
  color:#eef2f6!important;
  text-align:center!important;
}

#velShellMenu .vel-menu-settings-panel .vel-shell-btn{
  min-height:22px!important;
  border-radius:6px!important;
  background:#252b33!important;
  color:var(--vel-shell-text,#eef2f6)!important;
  -webkit-text-fill-color:var(--vel-shell-text,#eef2f6)!important;
  height:auto!important;
  padding:3px 8px!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellMenu .vel-menu-settings-panel .vel-shell-btn.primary{
  background:#202833!important;
  width:100%!important;
}

#velShellMenu .vel-menu-settings-panel .vel-shell-btn.danger{
  background:#241b20!important;
  border:1px solid rgba(197,63,78,.28)!important;
  color:#efcbd2!important;
}

#velShellTop::-webkit-scrollbar{
  height:0!important;
  display:none!important;
}

#velShellTop .vel-top-section{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding-right:8px!important;
  position:relative!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}

#velShellTop .vel-top-section::after{
  content:''!important;
  position:absolute!important;
  top:4px!important;
  right:0!important;
  bottom:4px!important;
  width:1px!important;
  background:rgba(255,255,255,.07)!important;
}

#velShellTop .vel-top-section:last-child::after{
  display:none!important;
}

#velShellTop .vel-top-section-menu-only{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:12px!important;
  padding:4px 8px!important;
}

#velShellTop .vel-top-menu-focus .vel-top-label{
  color:#f1f5f9!important;
}

#velShellTop .vel-top-label{
  font-size:9px!important;
  color:#aab2bb!important;
}

#velShellTop .vel-top-body{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

#velShellTop .vel-top-inline{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

#velShellTop .vel-top-range-row{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

#velShellTop .vel-top-section-model .vel-top-body{
  width:100%!important;
}

#velShellTop .vel-top-section-model .vel-shell-btn{
  min-width:96px!important;
}

#velShellTop .vel-shell-btn{
  border:none!important;
  background:#2a2d31!important;
  color:var(--vel-shell-text,#eef2f6)!important;
  min-height:22px!important;
  padding:3px 8px!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.1!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  -webkit-text-fill-color:var(--vel-shell-text,#eef2f6)!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-radius:6px!important;
  height:auto!important;
  letter-spacing:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellTop .vel-shell-btn.icon{
  width:22px!important;
  min-height:22px!important;
  padding:0!important;
  text-align:center!important;
  min-width:22px!important;
  height:22px!important;
}

#velShellTop .vel-shell-btn:hover{
  background:var(--vel-shell-hover)!important;
}

#velShellTop .vel-shell-btn.active{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

#velShellTop .vel-top-range{
  width:76px!important;
  accent-color:#8f2f42!important;
}

#velShellTop .vel-top-value{
  min-width:22px!important;
  text-align:right!important;
  font-size:9px!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellTop .vel-top-number{
  width:56px!important;
  height:24px!important;
  padding:0 6px!important;
  background:#15181b!important;
  border:1px solid var(--vel-shell-line)!important;
  color:var(--vel-shell-text)!important;
  box-sizing:border-box!important;
  appearance:none!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellTop .vel-top-section[hidden]{
  display:none!important;
}

#velShellTop .vel-top-doc-readout{
  min-width:0!important;
  max-width:240px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}

#velShellLeft.locked{
  opacity:1!important;
  pointer-events:auto!important;
}

#velShellLeft.surface-not-ready{
  opacity:1!important;
}

#velShellLeft .vel-left-group{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

#velShellLeft .vel-left-group.top{
  margin-bottom:5px!important;
}

#velShellLeft .vel-left-annotate{
  border:none!important;
  background:transparent!important;
  color:#eef1f4!important;
  cursor:pointer!important;
  width:36px!important;
  min-height:40px!important;
  padding:1px 0 0!important;
  border-radius:10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  max-width:36px!important;
  min-width:28px!important;
}

#velShellLeft .vel-left-tool{
  border:none!important;
  background:transparent!important;
  color:#eef1f4!important;
  cursor:pointer!important;
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  max-width:36px!important;
  min-width:28px!important;
}

#velShellLeft .vel-left-swatch{
  border:none!important;
  background:transparent!important;
  color:#eef1f4!important;
  cursor:pointer!important;
  position:absolute!important;
  width:16px!important;
  height:16px!important;
  padding:0!important;
  outline:none!important;
}

#velShellLeft .vel-left-none{
  border:none!important;
  background:transparent!important;
  color:#eef1f4!important;
  cursor:pointer!important;
  position:relative!important;
  width:14px!important;
  height:14px!important;
  margin-top:0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  box-sizing:border-box!important;
}

#velShellLeft .vel-left-color{
  border:1px solid #111!important;
  background:var(--palette-color)!important;
  color:#eef1f4!important;
  cursor:pointer!important;
  width:14px!important;
  height:14px!important;
  border-radius:3px!important;
}

#velShellLeft .vel-left-annotate.active{
  background:var(--vel-shell-active)!important;
}

#velShellLeft .vel-left-annotate .vel-left-icon{
  width:22px!important;
  height:22px!important;
}

#velShellLeft .vel-left-annotate-state{
  margin-top:0!important;
  font-size:8px!important;
  line-height:1!important;
  color:var(--vel-shell-muted)!important;
}

#velShellLeft .vel-left-annotate.active .vel-left-annotate-state{
  color:#fff!important;
}

#velShellLeft .vel-left-tool:hover{
  background:#32363b!important;
}

#velShellLeft .vel-left-tool.active{
  background:var(--vel-shell-active)!important;
}

#velShellLeft .vel-left-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#velShellLeft .vel-left-tool .vel-left-icon{
  width:22px!important;
  height:22px!important;
}

#velShellLeft .vel-left-icon svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
  stroke-width:1.9!important;
}

#velShellLeft .vel-left-icon-aa{
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

#velShellLeft .vel-left-swatches{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

#velShellLeft .vel-left-swatch-stack{
  position:relative!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 auto!important;
}

#velShellLeft .vel-left-swatch span{
  display:block!important;
  width:16px!important;
  height:16px!important;
  box-sizing:border-box!important;
  border-radius:2px!important;
}

#velShellLeft .vel-left-none span{
  display:block!important;
  box-sizing:border-box!important;
  border-radius:2px!important;
  background:#f2f2f2!important;
  border:1.2px solid #111!important;
  overflow:hidden!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

#velShellLeft .vel-left-swatch.fill{
  left:0!important;
  bottom:0!important;
}

#velShellLeft .vel-left-swatch.stroke{
  right:0!important;
  top:0!important;
}

#velShellLeft .vel-left-swatch.fill span{
  background:var(--swatch-fill,#fff)!important;
  border:1.2px solid #111!important;
}

#velShellLeft .vel-left-swatch.fill.disabled span{
  background:#2f3337!important;
  border-color:#5f676f!important;
  opacity:.55!important;
}

#velShellLeft .vel-left-swatch.stroke span{
  background:transparent!important;
  border:2px solid var(--swatch-stroke,#fff)!important;
}

#velShellLeft .vel-left-none span::after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  height:2px!important;
  background:var(--vel-shell-danger)!important;
  transform:translate(-50%,-50%) rotate(-45deg)!important;
  transform-origin:center!important;
  width:21px!important;
}

#velShellLeft .vel-left-swatch.active{
  outline:2px solid var(--vel-shell-active)!important;
  outline-offset:1px!important;
}

#velShellLeft .vel-left-none.active{
  outline:2px solid var(--vel-shell-active)!important;
  outline-offset:1px!important;
}

#velShellLeft .vel-left-color.active{
  outline:2px solid var(--vel-shell-active)!important;
  outline-offset:1px!important;
}

#velShellLeft .vel-left-palette{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

#velShellFixedViews .vel-fixed-btn{
  border:1px solid rgba(255,255,255,.10)!important;
  background:#23272c!important;
  color:#dfe5ea!important;
  min-height:26px!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  font-weight:700!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transition:background .14s ease, box-shadow .14s ease, color .14s ease!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none!important;
}

#velShellFixedViews .vel-fixed-btn:hover{
  background:#30343a!important;
  color:#ffffff!important;
  border-color:rgba(143,47,66,.62)!important;
}

#velShellFixedViews .vel-fixed-btn.active{
  background:var(--vel-shell-active,#8f2f42)!important;
  color:#ffffff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important,0 0 0 1px rgba(122,40,54,.42)!important;
  border-color:rgba(255,255,255,.18)!important;
}

#velShellRight::-webkit-scrollbar{
  width:8px!important;
}

#velShellRight::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14)!important;
  border-radius:999px!important;
}

#velShellRight .vel-right-card{
  background:linear-gradient(180deg, rgba(34,37,40,.96), rgba(28,31,34,.96))!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:10px!important;
  padding:8px!important;
  min-height:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-right-card:first-child{
  padding-top:10px!important;
}

#velShellRight .vel-right-card-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:5px!important;
  font-size:9px!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:#aab2bb!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-right-card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-height:0!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}

#velShellRight [data-surface-card]{
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
}

#velShellRight [data-surface-card][data-active="true"]{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}

#velShellRight [data-surface-card][data-active="true"] .vel-right-card-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding-right:2px!important;
  overflow-x:hidden!important;
}

#velShellRight [data-surface-card][data-active="true"] .vel-right-card-body::-webkit-scrollbar{
  width:8px!important;
}

#velShellRight [data-surface-card][data-active="true"] .vel-right-card-body::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14)!important;
  border-radius:999px!important;
}

#velShellRight .vel-right-actions{
  display:flex!important;
  gap:5px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-actions-grid{
  display:grid!important;
  gap:5px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-right-actions-grid-1{
  grid-template-columns:1fr!important;
}

#velShellRight .vel-right-actions-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#velShellRight .vel-right-actions-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#velShellRight .vel-right-select{
  width:100%!important;
  min-width:0!important;
  height:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:6px!important;
  background:#14181d!important;
  color:#f4f6f8!important;
  font-size:10px!important;
  padding:0 4px!important;
}

#velShellRight .vel-right-select:disabled{
  opacity:.45!important;
}

#velShellRight .vel-shell-btn{
  width:100%!important;
  min-height:22px!important;
  padding:3px 8px!important;
  border:none!important;
  border-radius:6px!important;
  background:#2a2d31!important;
  color:var(--vel-shell-text,#eef2f6)!important;
  font-size:10px!important;
  cursor:pointer!important;
  -webkit-text-fill-color:var(--vel-shell-text,#eef2f6)!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  flex-shrink:1!important;
  height:auto!important;
  font-weight:750!important;
  letter-spacing:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellRight .vel-shell-btn:hover{
  background:#34383d!important;
}

#velShellRight .vel-shell-btn.active{
  background:var(--vel-shell-active)!important;
}

#velShellRight .vel-shell-btn.small{
  min-height:22px!important;
  padding:3px 7px!important;
  font-size:10px!important;
}

#velShellRight .vel-shell-btn.pill{
  min-height:22px!important;
  padding:3px 7px!important;
  font-size:10px!important;
}

#velShellRight .vel-right-section-position-row .vel-shell-btn{
  min-height:22px!important;
  padding:3px 7px!important;
  font-size:10px!important;
}

#velShellRight .vel-right-section-position-row .vel-shell-btn.icon{
  min-height:22px!important;
  padding:3px 7px!important;
  font-size:10px!important;
}

#velShellRight .vel-shell-btn.disabled{
  opacity:.42!important;
  pointer-events:none!important;
}

#velShellRight .vel-shell-btn:disabled{
  opacity:.42!important;
  pointer-events:none!important;
}

#velShellRight .vel-right-size-row{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:wrap!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-text-size-row{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:wrap!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-range-row{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:wrap!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-pill-row{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-right-pill-row-combined{
  display:grid!important;
  gap:6px!important;
  grid-template-columns:repeat(auto-fit,minmax(42px,1fr))!important;
}

#velShellRight .vel-right-range-block{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
}

#velShellRight .vel-right-text-size-block{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
}

#velShellRight .vel-right-size-control{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-rows:auto auto!important;
  gap:5px 6px!important;
  align-items:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
}

#velShellRight .vel-right-size-preview{
  width:48px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
}

#velShellRight .vel-right-size-dot{
  border-radius:999px!important;
  background:#eef1f4!important;
  border:1px solid rgba(0,0,0,.32)!important;
  min-width:6px!important;
  min-height:6px!important;
}

#velShellRight .vel-right-range{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  accent-color:#8f2f42!important;
}

#velShellRight .vel-right-section-range{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  accent-color:#8f2f42!important;
}

#velShellRight .vel-right-size-control .vel-right-range{
  grid-column:1 / -1!important;
}

#velShellRight .vel-right-size-control .vel-right-size-number{
  grid-column:2!important;
}

#velShellRight .vel-right-size-control .vel-right-size-unit{
  grid-column:3!important;
  align-self:center!important;
  justify-self:start!important;
}

#velShellRight .vel-right-size-number{
  height:26px!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  background:#131619!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#eef1f4!important;
  font-size:11px!important;
  appearance:none!important;
  flex:0 1 56px!important;
  width:min(56px,100%)!important;
  max-width:56px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellRight .vel-right-text-size-number{
  height:26px!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  background:#131619!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#eef1f4!important;
  font-size:11px!important;
  appearance:none!important;
  flex:0 1 56px!important;
  width:min(56px,100%)!important;
  max-width:56px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellRight .vel-right-section-number{
  height:26px!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  background:#131619!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#eef1f4!important;
  font-size:11px!important;
  appearance:none!important;
  flex:0 1 56px!important;
  width:min(56px,100%)!important;
  max-width:56px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellRight .vel-right-section-position-row .vel-right-section-number{
  width:min(62px,100%)!important;
  min-width:0!important;
  max-width:62px!important;
}

#velShellRight .vel-right-range-label{
  font-size:9.5px!important;
  color:#aab2bb!important;
}

#velShellRight .vel-right-size-label{
  font-size:9.5px!important;
  color:#aab2bb!important;
}

#velShellRight .vel-right-size-unit{
  font-size:9.5px!important;
  color:#aab2bb!important;
}

#velShellRight .vel-right-range-value{
  font-size:9.5px!important;
  color:#eef1f4!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  min-width:0!important;
  max-width:54px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-right-status{
  font-size:9.5px!important;
  color:#d8dde3!important;
  background:#1d2024!important;
  border:none!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
}

#velShellRight .vel-right-details{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.02)!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-details-summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:8px 10px!important;
  cursor:pointer!important;
  color:#eef1f4!important;
  font-size:11px!important;
  font-weight:700!important;
}

#velShellRight .vel-right-details-summary::-webkit-details-marker{
  display:none!important;
}

#velShellRight .vel-right-details[open] .vel-right-details-toggle{
  transform:rotate(45deg)!important;
}

#velShellRight .vel-right-details-body{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:0 10px 10px!important;
}

#shortcut-bar > span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.annotate-mode-badge{
  top:74px!important;
  left:58px!important;
  border-radius:0!important;
  background:rgba(90,36,48,.92)!important;
}

#velShellSavedViews .vel-shell-saved-title{
  display:none!important;
}

#velShellSavedViews .vel-shell-saved-body{
  display:block!important;
  min-height:0!important;
  background:transparent!important;
}

#velShellSavedViews .vel-shell-saved-empty{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:136px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.88)!important;
  border:1px dashed rgba(255,255,255,.12)!important;
  color:#f2f4f7!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}

#velShellSavedViews .vel-shell-saved-empty-title{
  font-weight:700!important;
}

#velShellSavedViews .vel-shell-saved-empty-sub{
  display:none!important;
}

#velShellSavedViews.is-empty{
  max-width:none!important;
  width:auto!important;
  min-width:0!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#velShellSavedViews.is-empty .vel-shell-saved-empty{
  display:flex!important;
  margin:0!important;
}

#velShellSavedViews .vel-shell-saved-list{
  display:flex!important;
  flex-wrap:nowrap!important;
  max-width:min(46vw,620px)!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
  gap:8px!important;
  padding:0 2px 10px!important;
}

#velShellSavedViews .vel-shell-saved-list::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellSavedViews .vel-shell-saved-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  border:0!important;
}

#velShellSavedViews .vel-shell-saved-list::-webkit-scrollbar-track{
  background:transparent!important;
  border-radius:999px!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-card{
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.9)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.25)!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-card.selected{
  border-color:rgba(255,255,255,.36)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.25)!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:6px 7px 4px!important;
  background:rgba(255,255,255,.04)!important;
  font-size:10px!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-thumb{
  display:block!important;
  width:calc(100% - 12px)!important;
  height:42px!important;
  margin:6px auto 0!important;
  border-radius:8px!important;
  background:#111!important;
  object-fit:cover!important;
  overflow:hidden!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-thumb-empty{
  display:block!important;
  width:calc(100% - 12px)!important;
  height:42px!important;
  margin:6px auto 0!important;
  border-radius:8px!important;
  background:#111!important;
  object-fit:cover!important;
  overflow:hidden!important;
  border:1px dashed rgba(255,255,255,.12)!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-name{
  padding:6px 6px 8px!important;
  font-size:9px!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellSavedViews .vel-shell-saved-list[hidden]{display:none!important;}

#velShellSavedViews .vel-shell-saved-list .saved-strip-refresh-thumb{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border:none!important;
  background:transparent!important;
  color:#9ea6ae!important;
  font-size:9px!important;
  font-weight:700!important;
  cursor:pointer!important;
  padding:0!important;
  line-height:1!important;
  opacity:0!important;
  transition:opacity .12s!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-card:hover .saved-strip-refresh-thumb{
  opacity:1!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-delete{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border:none!important;
  background:transparent!important;
  color:#d8dde3!important;
}

#velShellSavedViews .vel-shell-saved-list .delete-btn{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border:none!important;
  background:transparent!important;
  color:#d8dde3!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-delete > *{
  display:none!important;
}

#velShellSavedViews .vel-shell-saved-list .delete-btn > *{
  display:none!important;
}

#velShellSideRail .vel-side-tab{
  flex:0 0 auto!important;
  min-height:38px!important;
  border:none!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:#0a1017!important;
  color:#cbd3db!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  transform:rotate(180deg)!important;
  letter-spacing:0!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:700!important;
  padding:2px 0!important;
  cursor:pointer!important;
}

#velShellSideRail .vel-side-tab:first-child{
  border-top:none!important;
}

#velShellSideRail .vel-side-tab:not(.active):not(.disabled):hover{
  background:#101923!important;
}

#velShellSideRail .vel-side-tab.active{
  background:#7a2d3d!important;
  color:#fff!important;
}

#velShellSideRail .vel-side-tab.disabled{
  background:#060c12!important;
  color:#738090!important;
  opacity:.7!important;
  cursor:default!important;
}

#velShellSideRail .vel-side-tab:disabled{
  background:#060c12!important;
  color:#738090!important;
  opacity:.7!important;
  cursor:default!important;
}

#velShellSideRail .vel-side-tab + .vel-side-tab{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

#velShellSideRail .vel-side-tab.vel-side-tab-pdf-open{
  background:#10161e!important;
}

#velShellSideRail .vel-side-tab.vel-side-tab-pdf-open:hover{
  background:#16212c!important;
}

#velShellSideRail[data-has-pdf-docs="true"] .vel-side-tab.vel-side-tab-pdf-open{
  background:#0c131b!important;
  color:#7f8b98!important;
  opacity:.72!important;
}

#velShellSideRail .vel-side-tab.subtle{
  background:#0c131b!important;
  color:#7f8b98!important;
  opacity:.72!important;
}

#velShellSideRail .vel-side-tab.subtle:hover{
  background:#16212c!important;
  color:#dfe5ea!important;
  opacity:.92!important;
}

#velMemoDrawer .vel-memo-backdrop{
  display:none!important;
}

#velMemoDrawer .vel-memo-panel{
  position:absolute!important;
  inset:0!important;
  right:0!important;
  pointer-events:auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:10px!important;
  background:linear-gradient(180deg, rgba(31,37,44,.98), rgba(18,24,31,.98))!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  box-shadow:-18px 0 30px rgba(0,0,0,.24)!important;
  transform:translateX(100%)!important;
  transition:transform .18s ease!important;
}

#velMemoDrawer.open .vel-memo-panel{
  transform:translateX(0)!important;
}

body.vel-memo-open{
  overflow:hidden!important;
}

#velMemoDrawer .vel-memo-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:2px 2px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}

#velMemoDrawer .vel-memo-tabs,
#velMemoDrawer .vel-memo-tab{
  position:relative!important;
  z-index:1!important;
  pointer-events:auto!important;
}

#velMemoDrawer .vel-memo-title{
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
  color:#aab2bb!important;
}

#velMemoDrawer .vel-memo-close{
  width:32px!important;
  height:32px!important;
  border:none!important;
  border-radius:8px!important;
  background:#2a2d31!important;
  color:#eef1f4!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}

#velMemoDrawer .vel-memo-close:hover{
  background:#34383d!important;
}

#velMemoDrawer .vel-memo-surface{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  min-height:0!important;
  overflow:hidden!important;
  padding-top:12px!important;
}

#velMemoDrawer .vel-memo-surface[hidden]{
  display:none!important;
}

#velMemoDrawer .vel-memo-pin-list[hidden]{
  display:none!important;
}

#velMemoDrawer .vel-memo-top-sheet{
  min-height:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
}

#velMemoDrawer .vel-memo-main-sheet{
  min-height:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  display:flex!important;
  overflow:hidden!important;
}

#velMemoDrawer .vel-memo-top-grid{
  display:grid!important;
  grid-template-columns:34px 78px minmax(0,.9fr)!important;
  align-items:start!important;
  min-height:100%!important;
}

#velMemoDrawer .vel-memo-line-gutter{
  min-height:100%!important;
  padding:var(--memo-line-top-padding,12px) 4px var(--memo-line-bottom-padding,12px) 6px!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  background:rgba(255,255,255,.02)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}

#velMemoDrawer .vel-memo-line-number{
  display:block!important;
  height:var(--memo-line-height, 20px)!important;
  line-height:var(--memo-line-height, 20px)!important;
  font-size:10px!important;
  font-weight:700!important;
  color:#6f7c89!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  user-select:none!important;
}

#velMemoDrawer .vel-memo-field{
  width:100%!important;
  min-height:100%!important;
  height:auto!important;
  padding:12px 10px!important;
  border:none!important;
  outline:none!important;
  background:transparent!important;
  color:#eef1f4!important;
  font-size:8pt!important;
  line-height:1.45!important;
  resize:none!important;
  box-sizing:border-box!important;
  scrollbar-color:rgba(128,138,148,.8) rgba(255,255,255,.06)!important;
}

#velMemoDrawer .vel-memo-field::placeholder{
  color:#7d8793!important;
}

#velMemoDrawer .vel-memo-editable{
  display:block!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  overflow:visible!important;
  cursor:text!important;
  min-height:100%!important;
}

#velMemoDrawer .vel-memo-editable:empty::before{
  content:attr(data-placeholder)!important;
  color:#7d8793!important;
}

#velMemoDrawer .vel-memo-meta{
  border-right:1px solid rgba(255,255,255,.06)!important;
  min-height:0!important;
}

#velMemoDrawer .vel-memo-related{
  min-height:0!important;
}

#velMemoDrawer .vel-memo-main{
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  flex:1 1 auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

#velMemoDrawer .vel-memo-top-sheet::-webkit-scrollbar{
  background:rgba(255,255,255,.06)!important;
}

#velMemoDrawer .vel-memo-top-sheet::-webkit-scrollbar-track{
  background:rgba(255,255,255,.06)!important;
}

#velMemoDrawer .vel-memo-main::-webkit-scrollbar-track{
  background:transparent!important;
}

#velMemoDrawer .vel-memo-top-sheet::-webkit-scrollbar-thumb{
  background:rgba(128,138,148,.8)!important;
  border-radius:999px!important;
}

#velMemoDrawer .vel-memo-main::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  border:0!important;
}

#recording-hud.recording-hud{
  bottom:42px!important;
}

#velShellSavedViews.is-empty .vel-shell-saved-body{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  min-width:0!important;
  min-height:0!important;
  max-height:0!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:none!important;
  box-shadow:none!important;
}

#velShellSavedViews.is-empty .vel-shell-saved-list{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  min-width:0!important;
  min-height:0!important;
  max-height:0!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:none!important;
  box-shadow:none!important;
}

#velShellSavedViews.is-empty .vel-shell-saved-list::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
}

#velShellSavedViews.is-empty .vel-shell-saved-list::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
}

body[data-vel-display-surface="pdf"] #velShellLeft{
  top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px))!important;
}

body[data-vel-display-surface="whiteboard"] #velShellLeft{
  top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px))!important;
}

body[data-vel-display-surface="pdf"] #velShellRight{
  top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px))!important;
}

body[data-vel-display-surface="whiteboard"] #velShellRight{
  top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px))!important;
}

body[data-vel-display-surface="pdf"] #velShellSideRail{
  top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px))!important;
}

body[data-vel-display-surface="whiteboard"] #velShellSideRail{
  top:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px))!important;
}

body[data-vel-display-surface="pdf"] #velMemoDrawer{
  inset:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px)) var(--vel-shell-rail-width) var(--vel-shell-bottom-height,44px) auto!important;
}

body[data-vel-display-surface="whiteboard"] #velMemoDrawer{
  inset:calc(var(--vel-shell-menu-height,32px) + var(--vel-shell-top-height,34px)) var(--vel-shell-rail-width) var(--vel-shell-bottom-height,44px) auto!important;
}

body[data-vel-display-surface="pdf"] #velShellFixedViews{
  left:calc(var(--vel-left-shell-width) + 12px)!important;
  right:calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width))!important;
}

body[data-vel-display-surface="whiteboard"] #velShellFixedViews{
  left:calc(var(--vel-left-shell-width) + 12px)!important;
  right:calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width))!important;
}

body[data-vel-display-surface="dxf"] #velShellFixedViews{
  left:calc(var(--vel-left-shell-width) + 12px)!important;
  right:calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width))!important;
}

#velShellSideRail .vel-side-tab.vel-side-tab-fixed{
  min-height:40px!important;
  font-size:9.5px!important;
  font-weight:700!important;
}

#velShellFixedViews .vel-fixed-pdf{
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  display:flex!important;
  min-width:0!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
}

#velShellFixedViews .vel-fixed-pdf-main{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:0!important;
  flex:0 1 auto!important;
}

#velShellFixedViews .vel-fixed-pdf-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 1 auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:2px!important;
}

#velShellFixedViews .vel-fixed-pdf-actions::-webkit-scrollbar{
  height:0!important;
}

#velShellFixedViews .vel-fixed-pdf-action{
  min-width:auto!important;
  padding:4px 8px!important;
  font-size:10px!important;
}

body:not([data-vel-side-surface="memo"]) #velMemoDrawer{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#velShellFixedViews .vel-fixed-whiteboard{
  justify-content:center!important;
  align-items:center!important;
  min-height:34px!important;
  display:flex!important;
  gap:6px!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-dxf{
  justify-content:center!important;
  align-items:center!important;
  min-height:34px!important;
  display:flex!important;
  gap:6px!important;
  min-width:0!important;
}

body[data-vel-display-surface="pdf"] #velShellRight .vel-pdf-card:empty{
  display:none!important;
}

#velShellRight .vel-pdf-card .vel-card-body:empty{
  display:none!important;
}

body[data-vel-side-surface="memo"] #velMemoDrawer{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#velShellTop .vel-top-section-all{
  display:flex!important;
}

#velShellTop .vel-top-section-annotate .vel-top-body{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  min-width:0!important;
  max-height:32px!important;
  overflow:visible!important;
}

#velShellTop .vel-top-section-annotate .vel-top-value{
  min-width:72px!important;
  text-align:center!important;
}

#velShellFixedViews .vel-fixed-left{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}

#velShellFixedViews .vel-fixed-center{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}

#velShellFixedViews .vel-fixed-right{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  min-width:0!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}

#velShellFixedViews .vel-fixed-model{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-model-memory{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-capture{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  justify-content:flex-end!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model-memory{
  flex:0 0 auto!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  gap:8px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-capture{
  flex:0 0 auto!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-left{
  flex:0 0 auto!important;
  min-width:232px!important;
  max-width:292px!important;
  overflow:visible!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:6px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-right{
  flex:0 0 202px!important;
  min-width:202px!important;
  max-width:202px!important;
  overflow:visible!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model::-webkit-scrollbar{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn{
  flex:0 0 auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model-memory .vel-fixed-btn{
  flex:0 0 auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-width:auto!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model-memory button{
  flex:0 0 auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-width:auto!important;
}

#velShellFixedViews .vel-fixed-model-memory[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-model[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-pdf[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-whiteboard[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-dxf[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-capture[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-pdf-label[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-board-label[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-dxf-label[hidden]{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-pdf{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-whiteboard{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-dxf{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-pdf-label{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-board-label{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-dxf-label{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-model{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-model-memory{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-center{
  justify-content:flex-end!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-whiteboard{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-dxf{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-board-label{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-dxf-label{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-model{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-model-memory{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-pdf{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-dxf{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-pdf-label{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-dxf-label{
  display:none!important;
}

#velShellFixedViews .vel-fixed-readout{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:50px!important;
  padding:0 2px!important;
  font-size:10.5px!important;
  color:#eef1f4!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  cursor:default!important;
  flex:0 0 auto!important;
  max-width:54px!important;
}

body[data-vel-display-surface="pdf"] #velShellSavedViews{
  display:none!important;
}

body[data-vel-display-surface="whiteboard"] #velShellSavedViews{
  display:none!important;
}

body[data-vel-display-surface="dxf"] #velShellSavedViews{
  display:none!important;
}

body[data-vel-display-surface="images"] #velShellSavedViews{
  display:none!important;
}

#velShellFixedViews .vel-fixed-doc-label{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  color:#eef1f4!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  max-width:280px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellFixedViews .vel-fixed-pdf-label{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-board-label{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-dxf-label{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-capture .vel-fixed-btn{
  min-width:88px!important;
}

#velShellRight .vel-surface-card-board .vel-right-actions .vel-shell-btn{
  width:100%!important;
  justify-content:center!important;
  display:inline-flex!important;
  align-items:center!important;
  text-align:center!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-surface-card-board .vel-right-actions-grid-2 .vel-shell-btn:nth-child(3){
  grid-column:span 2!important;
}

#velShellTop .vel-top-section-annotate{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:visible!important;
}

#velShellTop .vel-top-section-annotate .vel-top-annotate-size{
  min-width:74px!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

#velShellTop .vel-top-section-annotate .vel-top-annotate-size::before{
  content:''!important;
  width:var(--vel-pen-size,8px)!important;
  height:var(--vel-pen-size,8px)!important;
  min-width:var(--vel-pen-size,8px)!important;
  border-radius:999px!important;
  background:var(--vel-pen-color,#111)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 0 2px rgba(0,0,0,.28)!important;
  display:inline-block!important;
}

#velShellRight .vel-right-subtitle{
  font-size:10px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#aab2bb!important;
  margin:0 0 2px 0!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body[data-vel-display-surface="whiteboard"] #velShellRight .vel-surface-card-board .vel-right-status{
  display:none!important;
}

#velShellTop .vel-top-annotate-mode{
  min-width:64px!important;
  justify-content:center!important;
  font-variant-numeric:tabular-nums!important;
  color:#eef1f4!important;
}

#velShellTop .vel-top-annotate-tool{
  min-width:64px!important;
  justify-content:center!important;
  font-variant-numeric:tabular-nums!important;
  color:#c7d0d8!important;
}

#shortcut-bar{
  z-index:164!important;
  position:fixed!important;
  display:flex!important;
  gap:9px!important;
  padding:6px 10px!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
  color:#fff!important;
  background:rgba(0,0,0,.76)!important;
  border-radius:10px!important;
  backdrop-filter:blur(4px)!important;
}

body:not([data-vel-display-surface="model"]) #shortcut-bar{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

#velShellRight .vel-surface-card-board .vel-right-card-title{
  display:none!important;
}

#velShellRight .vel-surface-card-board .vel-right-card-body{
  gap:8px!important;
}

#velShellRight .vel-surface-card-board[data-active="true"] .vel-board-list-item:not(.active){
  background:rgba(255,255,255,.03)!important;
  color:#e5e7eb!important;
}

#velShellRight .vel-surface-card-board .vel-right-subtitle:first-child{
  margin-top:0!important;
}

#velShellTop .vel-top-section-annotate .vel-top-annotate-text{
  min-width:78px!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  color:#c7d0d8!important;
}

#velShellRight .vel-board-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  overflow:auto!important;
  min-height:0!important;
}

#velShellRight #vel-pdf-edit-actions{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;
}

#velShellRight #vel-pdf-edit-actions .vel-shell-btn{
  width:100%!important;
  justify-content:center!important;
  padding-inline:8px!important;
  border-radius:0!important;
}

#velShellRight #vel-pdf-edit-actions .vel-shell-btn[data-pdf-edit-slot="half"]{
  grid-column:span 3!important;
}

#velShellRight #vel-pdf-edit-actions .vel-shell-btn[data-pdf-edit-slot="third"]{
  grid-column:span 2!important;
}

#velShellRight .vel-surface-card-pdf[data-active="true"]{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:0!important;
}

#velShellRight .vel-surface-card-board[data-active="true"]{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-card[hidden]{
  display:none!important;
}

#velShellRight .vel-surface-card-pdf[hidden]{
  display:none!important;
}

#velShellRight .vel-surface-card-board[hidden]{
  display:none!important;
}

#velShellRight .vel-pdf-card-body[hidden]{
  display:none!important;
}

#velShellRight .vel-pdf-card-bottom[hidden]{
  display:none!important;
}

#velShellRight[data-surface="model"] .vel-surface-card-pdf{
  display:none!important;
}

#velShellRight[data-surface="model"] .vel-surface-card-board{
  display:none!important;
}

#velShellRight[data-surface="pdf"] .vel-surface-card-model{
  display:none!important;
}

#velShellRight[data-surface="dxf"] .vel-surface-card-model{
  display:none!important;
}

#velShellRight[data-surface="images"] .vel-surface-card-model{
  display:none!important;
}

#velShellRight[data-surface="pdf"] .vel-surface-card-board{
  display:none!important;
}

#velShellRight[data-surface="whiteboard"] .vel-surface-card-model{
  display:none!important;
}

#velShellRight[data-surface="whiteboard"] .vel-surface-card-pdf{
  display:none!important;
}

#velShellRight .vel-surface-card-pdf[data-active="true"] .vel-right-card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
}

#velShellRight .vel-surface-card-board[data-active="true"] .vel-right-card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
}

#velShellRight .vel-pdf-card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-pdf-card-bottom{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  gap:8px!important;
}

#velShellRight .vel-pdf-page-list{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 2px 22px 0!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-pdf-card-top{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  flex:0 0 auto!important;
}

#velShellRight .vel-pdf-page-btn{
  width:100%!important;
  padding:0!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#23272c!important;
  color:#e5e7eb!important;
  cursor:pointer!important;
  display:flex!important;
  flex-direction:row!important;
  gap:0!important;
  align-items:stretch!important;
  text-align:left!important;
  overflow:hidden!important;
  margin:0!important;
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-pdf-page-btn.active{
  background:#5f1e2b!important;
  color:#fff!important;
  border-color:#8f3a4e!important;
  box-shadow:0 0 0 2px rgba(143,58,78,.35)!important;
}

#velShellRight .vel-pdf-page-btn.drag-over{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)!important,0 0 0 1px rgba(255,255,255,.08)!important;
}

#velShellRight .vel-pdf-page-btn.removed{
  opacity:.48!important;
}

#velShellRight .vel-pdf-page-thumb{
  flex:1 1 auto!important;
  min-width:0!important;
  aspect-ratio:var(--pdf-thumb-ratio, 0.74 / 1)!important;
  border-radius:0!important;
  background-position:center center!important;
  background-size:contain!important;
  background-color:#d4d8dc!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  box-shadow:none!important;
  color:transparent!important;
  contain:layout paint!important;
}

#velShellRight .vel-pdf-page-sideband{
  flex:0 0 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:4px!important;
  min-width:28px!important;
  padding:8px 4px!important;
  background:rgba(0,0,0,.08)!important;
  border-radius:0!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}

#velShellRight .vel-pdf-page-sideband.drag-over-before{
  box-shadow:inset 0 3px 0 rgba(255,255,255,.72)!important;
}

#velShellRight .vel-pdf-page-sideband.drag-over-after{
  box-shadow:inset 0 -3px 0 rgba(255,255,255,.72)!important;
}

#velShellRight .vel-pdf-page-sideband:active{
  cursor:grabbing!important;
}

#velShellRight .vel-pdf-page-handle{
  width:16px!important;
  min-height:34px!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08))!important;
  position:relative!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}

#velShellRight .vel-pdf-page-handle.dragging{
  cursor:grabbing!important;
  opacity:.7!important;
}

#velShellRight .vel-pdf-page-sideband.dragging{
  cursor:grabbing!important;
  opacity:.7!important;
}

#velShellRight .vel-pdf-page-handle::before{
  content:''!important;
  position:absolute!important;
  inset:6px 3px!important;
  border-radius:0!important;
  background:
    radial-gradient(circle, rgba(255,255,255,.45) 1px, transparent 1.5px) center 0/4px 6px repeat-y!important;
}

#velShellRight .vel-pdf-page-index{
  display:none!important;
}

#velShellRight .vel-pdf-page-source{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  color:#d7dee5!important;
}

#velShellRight .vel-pdf-page-list::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellRight .vel-pdf-page-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  border:0!important;
}

#velShellRight .vel-pdf-page-list::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellRight #vel-pdf-status{
  padding:6px 8px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.05)!important;
  color:#d7dee5!important;
}

#velShellRight #vel-pdf-status[data-state="loading"]{
  background:rgba(44,71,110,.32)!important;
  color:#dce7ff!important;
}

#velShellRight #vel-pdf-status[data-state="error"]{
  background:rgba(122,31,45,.35)!important;
  color:#ffe0e5!important;
}

#velShellRight .vel-board-list-item{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  grid-template-rows:auto auto!important;
  gap:6px!important;
  align-items:stretch!important;
  padding:8px!important;
  border-radius:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#23272c!important;
  color:#eef1f4!important;
  overflow:hidden!important;
  min-height:0!important;
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-board-list-item:hover{
  background:rgba(255,255,255,.06)!important;
}

#velShellRight .vel-board-list-item.active{
  background:#5f1e2b!important;
  border-color:#9b3d51!important;
  box-shadow:0 0 0 2px rgba(155,61,81,.28)!important;
}

#velShellRight .vel-board-list-item.drag-over{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)!important,0 0 0 1px rgba(255,255,255,.08)!important;
}

#velShellRight .vel-board-list-preview{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1.414/1!important;
  border-radius:4px!important;
  border:1px solid rgba(0,0,0,.22)!important;
  background:
    linear-gradient(rgba(126,137,150,.24) 1px, transparent 1px) center/10px 10px,
    linear-gradient(90deg, rgba(126,137,150,.24) 1px, transparent 1px) center/10px 10px,
    linear-gradient(180deg,#f5f7fa 0%,#e6ebf0 100%) center/contain no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
  padding:0!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-board-list-preview.has-image{
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-color:#f5f7fa!important;
}

#velShellRight .vel-board-list-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}

#velShellRight .vel-board-list-meta{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:inherit!important;
  cursor:pointer!important;
}

#velShellRight .vel-board-list-name{
  font-size:13px!important;
  font-weight:700!important;
  color:#eef1f4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-board-list-sub{
  font-size:10px!important;
  color:#aab2bb!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.2!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-board-list-sideband{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:4px!important;
  min-width:24px!important;
  padding:6px 3px!important;
  background:rgba(0,0,0,.08)!important;
  border:0!important;
  border-radius:0!important;
  color:#f1f5f9!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}

#velShellRight .vel-board-list-sideband.drag-over-before{
  box-shadow:inset 0 3px 0 rgba(255,255,255,.72)!important;
}

#velShellRight .vel-board-list-sideband.drag-over-after{
  box-shadow:inset 0 -3px 0 rgba(255,255,255,.72)!important;
}

#velShellRight .vel-board-list-sideband:active{
  cursor:grabbing!important;
}

#velShellRight .vel-board-list-sideband.dragging{
  cursor:grabbing!important;
  opacity:.7!important;
}

#velShellRight .vel-board-list-handle{
  width:16px!important;
  min-height:34px!important;
  border-radius:0!important;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08))!important;
  position:relative!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}

#velShellRight .vel-board-list-handle::before{
  content:''!important;
  position:absolute!important;
  inset:6px 3px!important;
  border-radius:0!important;
  background:radial-gradient(circle, rgba(255,255,255,.45) 1px, transparent 1.5px) center 0/4px 6px repeat-y!important;
}

#velShellRight .vel-board-list-source{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:18px!important;
  min-height:18px!important;
  font-size:10px!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  color:#f8fafc!important;
}

#velShellRight [data-surface-card][data-active="false"]{
  display:none!important;
}

#velShellSavedViews .vel-shell-saved-list .saved-strip-delete::before{
  content:'\00d7'!important;
}

#velShellSavedViews .vel-shell-saved-list .delete-btn::before{
  content:'\00d7'!important;
}

#velShellTop .vel-top-popover{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  z-index:350!important;
}

#velShellTop .vel-top-popover-summary{
  list-style:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:24px!important;
  padding:4px 10px!important;
  border:none!important;
  background:#2a2d31!important;
  color:var(--vel-shell-text)!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.1!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellTop .vel-top-popover-summary::-webkit-details-marker{
  display:none!important;
}

#velShellTop .vel-top-popover[open] .vel-top-popover-toggle{
  transform:rotate(45deg)!important;
}

#velShellTop .vel-top-popover-body{
  position:fixed!important;
  top:66px!important;
  right:0!important;
  z-index:350!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:rgba(19,22,26,.98)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.34)!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  min-width:min(280px, calc(100vw - 24px))!important;
  max-width:min(320px, calc(100vw - 24px))!important;
  max-height:calc(100vh - 92px)!important;
  overflow:auto!important;
}

#velShellTop .vel-top-popover-range-block{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

#velShellTop .vel-top-popover-label{
  font-size:10px!important;
  color:#aab2bb!important;
  letter-spacing:.03em!important;
}

#velShellTop .vel-top-popover-range-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

#velShellTop .vel-top-popover-range{
  flex:1 1 auto!important;
  accent-color:#8f2f42!important;
}

#velShellTop .vel-top-popover-value{
  min-width:46px!important;
  text-align:right!important;
  font-size:10px!important;
  color:#eef1f4!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellTop .vel-top-pill-row{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

#velShellTop .vel-top-stroke-mm-row[hidden]{
  display:none!important;
}

#velShellTop .vel-shell-btn.pill{
  border:none!important;
  background:#2a2d31!important;
  color:var(--vel-shell-text)!important;
  min-height:24px!important;
  min-width:52px!important;
  padding:4px 10px!important;
  border-radius:10px!important;
}

#velShellTop .vel-shell-btn.pill.active{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

#velShellTop .vel-top-section-annotate .vel-top-popover-summary{
  min-width:72px!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:24px!important;
  max-height:26px!important;
}

#velShellRight .vel-right-section-state-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:2px!important;
}

#velShellRight .vel-right-section-state-label{
  font-size:10px!important;
  color:#aab2bb!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

#velShellRight .vel-right-section-state-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:48px!important;
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#2a2d31!important;
  color:#eef1f4!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
}

#velShellRight .vel-right-section-state-badge.active{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
}

#velShellRight .vel-right-section-state-badge.disabled{
  background:#343942!important;
  color:#c7d0d8!important;
}

#velShellTop .vel-top-popover-readout{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  font-weight:600!important;
  color:#c7d0d8!important;
  font-variant-numeric:tabular-nums!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-board-list-preview::after{
  content:none!important;
  display:none!important;
}

#velShellRight .vel-board-list-preview.has-image::after{
  display:none!important;
}

#velShellFixedViews .vel-fixed-btn-wide{
  padding:0 6px!important;
  font-size:9.5px!important;
  min-width:0!important;
}

#velShellTop .vel-top-section-annotate .vel-top-popover[open] .vel-top-popover-body{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#velShellTop .vel-top-section-annotate .vel-top-popover[open] .vel-top-popover-body[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#velShellTop .vel-top-popover-toggle-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:24px!important;
  padding:2px 0 6px!important;
}

#velShellTop .vel-top-popover-toggle-row[hidden]{
  display:none!important;
}

#velShellTop .vel-top-popover-toggle-row .vel-shell-btn.pill{
  min-width:46px!important;
  height:22px!important;
  padding:0 9px!important;
}

#velShellSideRail[data-has-pdf-docs="true"]{
  width:var(--vel-shell-rail-width)!important;
  max-width:var(--vel-shell-rail-width)!important;
  min-width:var(--vel-shell-rail-width)!important;
}

#velShellSideRail .vel-side-docs{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:4px!important;
  margin:4px 0!important;
  padding:4px 2px 5px!important;
  box-sizing:border-box!important;
}

#velShellSideRail .vel-side-docs[hidden]{
  display:none!important;
}

#velShellSideRail .vel-side-doc-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding-inline:0!important;
  gap:2px!important;
  width:100%!important;
  padding-bottom:3px!important;
}

#velShellSideRail .vel-side-doc-item .vel-side-tab-doc{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:92px!important;
  padding:5px 1px!important;
  display:flex!important;
  flex-direction:column!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  transform:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:#0c131b!important;
  color:#d9e0e7!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:.01em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

#velShellSideRail .vel-side-doc-item .vel-side-tab-doc:hover{
  background:#14202a!important;
  color:#fff!important;
}

#velShellSideRail .vel-side-doc-item.active .vel-side-tab-doc{
  background:#7a2d3d!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important,0 0 0 1px rgba(122,40,54,.42)!important;
}

#velShellSideRail .vel-side-doc-item .vel-side-tab-doc.active{
  background:#7a2d3d!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important,0 0 0 1px rgba(122,40,54,.42)!important;
}

#velShellSideRail .vel-side-doc-label{
  display:block!important;
  width:auto!important;
  max-width:36px!important;
  max-height:82px!important;
  margin:0 auto!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  transform:none!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.08!important;
  text-align:center!important;
  word-break:break-word!important;
}

#velShellSideRail .vel-side-doc-close{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:20px!important;
  height:20px!important;
  padding:0!important;
  border:none!important;
  border-radius:2px!important;
  background:#2a2d31!important;
  color:#d6dbe0!important;
  font-size:13px!important;
  line-height:1!important;
  cursor:pointer!important;
}

#velShellSideRail .vel-side-doc-item.active .vel-side-doc-close{
  background:#6a1f2d!important;
  color:#fff!important;
}

#velShellTop .vel-top-select{
  height:24px!important;
  background:#15181b!important;
  border:1px solid var(--vel-shell-line)!important;
  color:var(--vel-shell-text)!important;
  font-size:10px!important;
  padding:0 5px!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellTop .vel-top-number-compact{
  width:48px!important;
}

#velShellTop .vel-top-section-measure .vel-top-body{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}

#velShellTop .vel-top-section-measure .vel-top-value{
  min-width:72px!important;
  text-align:left!important;
}

#velShellMenu .vel-menu-section-panel[data-model-menu-section="background"]{
  min-width:220px!important;
  padding:6px 8px!important;
}

#velShellMenu .vel-menu-section-panel[data-model-menu-section="background"] .vel-top-body{
  gap:4px!important;
  flex-wrap:nowrap!important;
}

#velShellMenu .vel-menu-section-panel[data-model-menu-section="background"] .vel-shell-btn{
  min-height:24px!important;
  padding:4px 7px!important;
  font-size:10px!important;
}

#velShellMenu .vel-menu-section-panel[data-model-menu-section="background"] .vel-shell-btn.icon{
  width:24px!important;
  min-width:24px!important;
  padding:4px 0!important;
}

#velShellMenu .vel-menu-section-panel[data-model-menu-section="background"] .vel-top-range{
  width:74px!important;
}

#velShellMenu .vel-menu-section-panel[data-model-menu-section="background"] .vel-top-value{
  min-width:30px!important;
  font-size:9px!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-model{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-model-memory{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-pdf{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-whiteboard{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-pdf-label{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-board-label{
  display:none!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-layer-list{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  max-height:360px!important;
  overflow:auto!important;
  padding-right:2px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.16) transparent!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-layer-list::-webkit-scrollbar{
  width:8px!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-layer-list::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-layer-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14)!important;
  border-radius:999px!important;
}

#velShellRight .vel-dxf-layer-row{
  display:grid!important;
  align-items:center!important;
  gap:7px!important;
  min-height:28px!important;
  padding:5px 7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  color:#d7dde4!important;
  font-size:11px!important;
  cursor:default!important;
  grid-template-columns:44px 12px minmax(0,1fr)!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-dxf-layer-row.active{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}

#velShellRight .vel-dxf-layer-row.gray{
  color:#aeb6c0!important;
  filter:saturate(.25)!important;
}

#velShellRight .vel-dxf-layer-row input{
  margin:0!important;
}

#velShellRight .vel-dxf-layer-color{
  display:block!important;
  width:10px!important;
  height:10px!important;
  border-radius:3px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:transparent!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.25) inset!important;
}

#velShellRight .vel-dxf-layer-name{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-dxf-layer-empty{
  padding:10px 8px!important;
  border:1px dashed rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  color:#9aa3ad!important;
  font-size:11px!important;
}

#velShellLeft .vel-left-tool[data-tool="measure"]{
  position:relative!important;
  overflow:hidden!important;
}

#velShellLeft .vel-left-tool[data-tool="measure"] .vel-left-icon-measure{
  position:absolute!important;
  inset:5px!important;
  width:auto!important;
  height:auto!important;
  transition:opacity .12s ease, transform .12s ease!important;
}

#velShellLeft .vel-left-tool[data-tool="measure"] .vel-left-icon-measure-area{
  opacity:0!important;
  transform:scale(.84)!important;
}

#velShellLeft .vel-left-tool[data-tool="measure"][data-measure-mode="area"] .vel-left-icon-measure-distance{
  opacity:0!important;
  transform:scale(.84)!important;
}

#velShellLeft .vel-left-tool[data-tool="measure"][data-measure-mode="area"] .vel-left-icon-measure-area{
  opacity:1!important;
  transform:scale(1)!important;
}

#velShellLeft .vel-left-tool-badge{
  position:absolute!important;
  right:2px!important;
  bottom:2px!important;
  min-width:11px!important;
  height:11px!important;
  padding:0 2px!important;
  border-radius:4px!important;
  background:rgba(34,0,10,.92)!important;
  border:1px solid rgba(191,54,54,.85)!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:10px!important;
  text-align:center!important;
  pointer-events:none!important;
}

#velShellLeft .vel-left-tool[data-tool="measure"][data-measure-mode="area"] .vel-left-tool-badge{
  background:rgba(80,18,32,.96)!important;
}

#velShellLeft .vel-left-tool-pair{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  border-radius:8px!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  max-width:36px!important;
  min-width:28px!important;
}

#velShellLeft .vel-left-tool-pair .vel-left-pair-main{
  width:22px!important;
  height:22px!important;
  transform:translate(-1px,-1px)!important;
}

#velShellLeft .vel-left-tool-pair .vel-left-pair-sub{
  position:absolute!important;
  right:2px!important;
  bottom:2px!important;
  width:12px!important;
  height:12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:3px!important;
  border:1px solid rgba(147,158,170,.62)!important;
  background:rgba(22,25,29,.94)!important;
  color:rgba(238,241,244,.92)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.35)!important;
  pointer-events:none!important;
}

#velShellLeft .vel-left-tool-pair .vel-left-pair-sub .vel-left-icon{
  width:8px!important;
  height:8px!important;
}

#velShellLeft .vel-left-tool-pair .vel-left-pair-sub svg{
  stroke-width:2.3!important;
}

#velShellLeft .vel-left-tool-pair.active .vel-left-pair-sub{
  border-color:rgba(228,95,105,.88)!important;
  background:rgba(31,12,18,.96)!important;
  color:#fff!important;
}

#velShellLeft .vel-left-tool-pair:hover .vel-left-pair-sub{
  border-color:rgba(216,94,104,.78)!important;
}

#velShellTop .vel-top-stamp-details[hidden]{
  display: none !important;
}

#velShellTop .vel-top-stamp-details .vel-top-popover-body{
  min-width: 168px !important;
}

#velShellTop .vel-top-stamp-row{
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

#velShellTop .vel-top-stamp-row .vel-shell-btn.pill.active{
  background: var(--vel-shell-active, #8f2f42) !important;
  color: #fff !important;
}

#velShellLeft .vel-left-tool[data-tool="stamp"] .vel-left-icon svg{
  width: 18px !important;
  height: 18px !important;
}

#velShellRight .vel-dxf-layer-tools{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  gap:6px!important;
  align-items:center!important;
  margin-bottom:6px!important;
}

#velShellRight .vel-dxf-layer-search{
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(0,0,0,.22)!important;
  color:#e5e7eb!important;
  font-size:11px!important;
  outline:none!important;
}

#velShellRight .vel-dxf-fade-select{
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#181b20!important;
  color:#e5e7eb!important;
  font-size:11px!important;
  outline:none!important;
}

#velShellRight .vel-dxf-layer-meta{
  margin:0 0 6px!important;
  color:#9aa3ad!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-dxf-layer-row.fade-hidden{
  display:none!important;
}

#velShellRight .vel-dxf-layer-name small{
  display:block!important;
  margin-top:1px!important;
  color:#89929d!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-surface-card-images.vel-card-no-title .vel-right-card-title{
  display:none!important;
}

#velShellRight .vel-surface-card-images .vel-right-card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:0!important;
  height:100%!important;
}

#velShellRight .vel-image-review-menu{
  flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:6px!important;
  background:#171d23!important;
  overflow:hidden!important;
}

#velShellRight .vel-image-review-menu>summary{
  min-height:32px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0 9px!important;
  list-style:none!important;
  cursor:pointer!important;
  color:#eef1f4!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  background:#20252c!important;
  display:none!important;
}

#velShellRight .vel-image-review-menu>summary::-webkit-details-marker{
  display:none!important;
}

#velShellRight .vel-image-review-menu[open]>summary{
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:#242a32!important;
}

#velShellRight .vel-image-review-caret{
  flex:0 0 auto!important;
  color:#b7c0cb!important;
  font-size:11px!important;
  display:none!important;
}

#velShellRight .vel-image-review-menu[open] .vel-image-review-caret{
  transform:rotate(90deg)!important;
}

#velShellRight .vel-image-review-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:8px!important;
}

#velShellRight .vel-image-active-info{
  padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:4px!important;
  background:rgba(0,0,0,.16)!important;
}

#velShellRight .vel-image-active-name{
  font-size:11px!important;
  font-weight:800!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-image-active-meta{
  font-size:9.5px!important;
  color:#9fa8b3!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-top:2px!important;
}

#velShellRight .vel-image-active-empty{
  font-size:9.5px!important;
  color:#9fa8b3!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-top:2px!important;
}

#velShellRight .vel-image-review-grid{
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:6px!important;
  align-items:center!important;
  margin:0!important;
  display:none!important;
}

#velShellRight .vel-image-report-grid{
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:6px!important;
  align-items:center!important;
  margin:0!important;
  display:grid!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-image-review-grid label{
  font-size:10px!important;
  color:#aab2bb!important;
  white-space:nowrap!important;
}

#velShellRight .vel-image-report-grid label{
  font-size:10px!important;
  color:#aab2bb!important;
  white-space:nowrap!important;
}

#velShellRight .vel-image-report-grid span{
  font-size:10px!important;
  color:#aab2bb!important;
  white-space:nowrap!important;
}

#velShellRight .vel-image-review-grid input{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:#121820!important;
  color:#e7edf4!important;
  font-size:10.5px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  outline:none!important;
}

#velShellRight .vel-image-review-grid select{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:#121820!important;
  color:#e7edf4!important;
  font-size:10.5px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  outline:none!important;
}

#velShellRight .vel-image-report-grid input{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:#121820!important;
  color:#e7edf4!important;
  font-size:10.5px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  outline:none!important;
}

#velShellRight .vel-image-report-grid select{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:#121820!important;
  color:#e7edf4!important;
  font-size:10.5px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  outline:none!important;
}

#velShellRight .vel-image-report-asset-fields input{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:#121820!important;
  color:#e7edf4!important;
  font-size:10.5px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  outline:none!important;
}

#velShellRight .vel-image-report-asset-fields textarea{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  background:#121820!important;
  color:#e7edf4!important;
  font-size:10.5px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  outline:none!important;
  resize:vertical!important;
  min-height:62px!important;
  max-height:180px!important;
  line-height:1.35!important;
}

#velShellRight .vel-image-review-grid input:focus{
  border-color:rgba(228,95,105,.65)!important;
  box-shadow:0 0 0 1px rgba(143,47,66,.35)!important;
}

#velShellRight .vel-image-review-grid select:focus{
  border-color:rgba(228,95,105,.65)!important;
  box-shadow:0 0 0 1px rgba(143,47,66,.35)!important;
}

#velShellRight .vel-image-report-grid input:focus{
  border-color:rgba(228,95,105,.65)!important;
  box-shadow:0 0 0 1px rgba(143,47,66,.35)!important;
}

#velShellRight .vel-image-report-grid select:focus{
  border-color:rgba(228,95,105,.65)!important;
  box-shadow:0 0 0 1px rgba(143,47,66,.35)!important;
}

#velShellRight .vel-image-report-asset-fields input:focus{
  border-color:rgba(228,95,105,.65)!important;
  box-shadow:0 0 0 1px rgba(143,47,66,.35)!important;
}

#velShellRight .vel-image-report-asset-fields textarea:focus{
  border-color:rgba(228,95,105,.65)!important;
  box-shadow:0 0 0 1px rgba(143,47,66,.35)!important;
}

#velShellRight .vel-image-report-asset-fields{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}

#velShellRight .vel-surface-card-images .vel-image-asset-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:0 2px 0 0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
}

#velShellRight .vel-image-asset-list::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellRight .vel-image-asset-list::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellRight .vel-image-asset-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  border:0!important;
}

#velShellRight .vel-image-asset-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 22px!important;
  gap:7px!important;
  align-items:center!important;
  min-height:48px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.025)!important;
  color:#d7dde4!important;
  font-size:10.5px!important;
  cursor:pointer!important;
  text-align:left!important;
}

#velShellRight .vel-image-asset-row:hover{
  background:rgba(255,255,255,.045)!important;
}

#velShellRight .vel-image-asset-row.active{
  background:rgba(143,47,66,.34)!important;
  border-color:rgba(228,95,105,.62)!important;
  color:#fff!important;
}

#velShellRight .vel-image-asset-thumb{
  width:42px!important;
  height:36px!important;
  border-radius:3px!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.24)!important;
  background-image:var(--image-asset-thumb)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-image-asset-main{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  overflow:hidden!important;
}

#velShellRight .vel-image-asset-name{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:800!important;
  color:#f4f6f8!important;
  line-height:1.15!important;
  min-width:0!important;
}

#velShellRight .vel-image-asset-meta{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#9fa8b3!important;
  font-size:9.5px!important;
  line-height:1.15!important;
}

#velShellRight .vel-image-asset-tags{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#74d4ff!important;
  font-size:9.5px!important;
  line-height:1.15!important;
}

#velShellRight .vel-image-asset-side{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#velShellRight .vel-image-report-include{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:4px!important;
  background:rgba(0,0,0,.22)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

#velShellRight .vel-image-report-include input{
  margin:0!important;
  accent-color:#8f2f42!important;
}

#velShellRight .vel-image-asset-empty{
  padding:9px 8px!important;
  border:1px dashed rgba(255,255,255,.12)!important;
  border-radius:4px!important;
  color:#9aa3ad!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}

#velShellFixedViews .vel-fixed-images-left{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-images{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-image-capture{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

#velShellFixedViews .vel-fixed-images-left[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-images[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-image-capture[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-images .vel-fixed-readout{
  min-width:46px;
  text-align:center;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-images-left{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-images{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-image-capture{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-images-left{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-images{
  display:none!important;
}

#velShellFixedViews[data-surface="pdf"] .vel-fixed-image-capture{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-images-left{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-images{
  display:none!important;
}

#velShellFixedViews[data-surface="whiteboard"] .vel-fixed-image-capture{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-images-left{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-images{
  display:none!important;
}

#velShellFixedViews[data-surface="dxf"] .vel-fixed-image-capture{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-capture{
  display:none!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-fixed-capture{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-model{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-model-memory{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-pdf{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-whiteboard{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-dxf{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-pdf-label{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-board-label{
  display:none!important;
}

#velShellFixedViews[data-surface="images"] .vel-fixed-dxf-label{
  display:none!important;
}

#velShellRight .vel-dxf-entity-info{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(6, minmax(15px, auto))!important;
  gap:3px!important;
  margin:6px 0 8px!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.18)!important;
  color:#9aa3ad!important;
  font-size:10px!important;
  line-height:1.3!important;
  min-height:118px!important;
  max-height:118px!important;
  overflow:hidden!important;
}
#vel-dxf-coord-float{
  position:absolute;
  z-index:50;
  pointer-events:none;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(16,18,22,0.88);
  border:1px solid rgba(255,255,255,.14);
  border-radius:4px;
  padding:4px 9px;
  font-size:11px;
  color:#9aa3ad;
  white-space:nowrap;
  backdrop-filter:blur(3px);
  user-select:none;
  line-height:1.4;
}
#vel-dxf-coord-float[hidden]{display:none!important}
#vel-dxf-coord-float .vel-cf-item{display:flex;align-items:center;gap:4px}
#vel-dxf-coord-float .vel-cf-key{color:#5f6877;font-size:10px}
#vel-dxf-coord-float .vel-cf-val{color:#e5e7eb;font-weight:600;font-variant-numeric:tabular-nums;min-width:48px}
#vel-dxf-coord-float .vel-cf-sep{width:1px;height:12px;background:rgba(255,255,255,.15);flex-shrink:0}

#velShellRight .vel-dxf-snap-control{
  display:flex!important;
  justify-content:flex-end!important;
  margin:0 0 8px!important;
}

#velShellRight .vel-dxf-snap-control .vel-fixed-btn{
  min-width:72px!important;
}

#velShellRight .vel-dxf-entity-info div{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:6px!important;
  align-items:start!important;
  min-width:0!important;
}

#velShellRight .vel-dxf-entity-info span{
  color:#7f8894!important;
  white-space:nowrap!important;
}

#velShellRight .vel-dxf-entity-info strong{
  color:#e5e7eb!important;
  font-weight:600!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  min-width:0!important;
}

#velShellRight .vel-surface-card-dxf .vel-right-actions-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#velShellRight .vel-surface-card-dxf .vel-right-select{
  min-width:0!important;
}

#velShellRight .vel-right-action-footer{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  min-height:0!important;
  max-height:min(360px, 46vh)!important;
  margin-top:auto!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-radius:0!important;
  background:#14171b!important;
  box-shadow:none!important;
  overflow:hidden!important;
  border-left:0!important;
  border-right:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  contain:layout paint!important;
}

#velShellRight .vel-right-action-footer[hidden]{
  display:none!important;
}

#velShellRight .vel-right-action-footer[data-active="false"]{
  display:none!important;
}

#velShellRight .vel-right-action-footer-header{
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  border-radius:0!important;
  background:#191d22!important;
  color:#aab3bd!important;
  padding:0 10px!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  list-style:none!important;
  cursor:pointer!important;
}

#velShellRight .vel-right-action-footer-header::-webkit-details-marker{
  display:none!important;
}

#velShellRight .vel-right-action-footer-header:hover{
  background:#1d2228!important;
  color:#e5ebf2!important;
}

#velShellRight .vel-right-action-footer[data-expanded="true"] .vel-right-action-footer-header{
  background:#191d22!important;
  color:#e5ebf2!important;
}

#velShellRight .vel-right-action-footer[open] .vel-right-action-footer-header{
  background:#191d22!important;
  color:#e5ebf2!important;
}

#velShellRight .vel-right-action-footer-title{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-right-action-footer-caret{
  flex:0 0 auto!important;
  color:#cbd3dc!important;
  font-size:12px!important;
}

#velShellRight .vel-right-action-footer-body{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:7px 8px 8px!important;
  max-height:min(318px, calc(46vh - 34px))!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
  border-radius:0!important;
  background:#14171b!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-right-action-footer-body::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellRight .vel-right-action-footer-body::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellRight .vel-right-action-footer-body::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  border-radius:999px!important;
}

#velShellRight .vel-right-action-footer-body[hidden]{
  display:none!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-grid{
  display:grid!important;
  grid-template-columns:1fr 56px 72px!important;
  gap:5px!important;
  align-items:end!important;
  margin:0!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-field{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  font-size:8px!important;
  color:#9aa3ad!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-field span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-field.wide{
  grid-column:1 / -1!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-grid input{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  border:1px solid var(--vel-shell-line)!important;
  border-radius:0!important;
  background:#101317!important;
  color:#e7edf4!important;
  font-size:10px!important;
  padding:0 5px!important;
  box-sizing:border-box!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-grid select{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  border:1px solid var(--vel-shell-line)!important;
  border-radius:0!important;
  background:#101317!important;
  color:#e7edf4!important;
  font-size:10px!important;
  padding:0 5px!important;
  box-sizing:border-box!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-check{
  grid-column:1 / -1!important;
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#c6cdd4!important;
  font-size:9px!important;
}

#velShellRight .vel-right-action-footer .vel-image-report-check input{
  width:13px!important;
  height:13px!important;
  accent-color:var(--vel-shell-active)!important;
}

#velShellRight .vel-right-action-footer-primary{
  min-height:30px!important;
  height:30px!important;
  width:100%!important;
  border:1px solid rgba(155,61,81,.62)!important;
  border-radius:0!important;
  background:#2b2227!important;
  color:#f4dce2!important;
  font-size:10px!important;
  font-weight:800!important;
}

#velShellRight .vel-right-action-footer-primary:hover{
  background:#382731!important;
  color:#fff!important;
}

#velShellRight .vel-surface-card-compare .vel-card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

#velShellRight .vel-compare-info{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  padding:8px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-compare-info div{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:8px!important;
  font-size:11px!important;
}

#velShellRight .vel-compare-info span{
  color:#9ca3af!important;
}

#velShellRight .vel-compare-info strong{
  color:#f3f4f6!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-compare-mode-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-compare-settings{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-compare-settings select{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-compare-settings input[type="range"]{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-compare-check{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:11px!important;
  color:#d1d5db!important;
}

#velShellRight .vel-compare-diff-list{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-height:80px!important;
}

#velShellRight .vel-compare-empty{
  color:#9ca3af!important;
  font-size:11px!important;
  padding:8px!important;
}

#velShellRight .vel-compare-diff-row{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  gap:4px!important;
  align-items:center!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-compare-diff-row.added{
  border-left:3px solid #38bdf8!important;
}

#velShellRight .vel-compare-diff-row.removed{
  border-left:3px solid #b23a4b!important;
}

#velShellRight .vel-compare-diff-row.changed{
  border-left:3px solid #f59e0b!important;
}

#velShellRight .vel-compare-diff-row.reviewed{
  opacity:.72!important;
}

#velShellRight .vel-compare-diff-row.ignored{
  opacity:.45!important;
}

#velShellRight .vel-compare-diff-type{
  font-size:10px!important;
  font-weight:700!important;
  color:#f3f4f6!important;
  min-width:0!important;
  max-width:100%!important;
}

#velShellRight .vel-compare-diff-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  max-width:100%!important;
}

#velShellRight .vel-compare-diff-action{
  border:1px solid rgba(255,255,255,.1)!important;
  background:rgba(255,255,255,.06)!important;
  color:#e5e7eb!important;
  font-size:10px!important;
  padding:3px 5px!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  justify-self:stretch!important;
  width:100%!important;
}

#velShellRight .vel-compare-diff-group{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.025)!important;
}

#velShellRight .vel-compare-diff-group summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
  padding:6px 7px!important;
  cursor:pointer!important;
  color:#d1d5db!important;
  font-size:11px!important;
}

#velShellRight .vel-compare-diff-group summary span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-compare-diff-group summary strong{
  color:#9ca3af!important;
  font-size:10px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}

#velShellRight .vel-compare-diff-group-body{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:0 5px 5px!important;
}

.pdf-compare-diff-layer{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
}

.pdf-compare-diff-marker{
  position:absolute!important;
  display:block!important;
  min-width:10px!important;
  min-height:10px!important;
  padding:0!important;
  border:2px solid #f59e0b!important;
  background:rgba(245,158,11,var(--compare-opacity,.5))!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}

.pdf-compare-diff-marker.added{
  border-color:#38bdf8!important;
  background:rgba(56,189,248,var(--compare-opacity,.5))!important;
}

.pdf-compare-diff-marker.removed{
  border-color:#b23a4b!important;
  background:rgba(178,58,75,var(--compare-opacity,.5))!important;
}

.pdf-compare-diff-marker.changed{
  border-color:#f59e0b!important;
  background:rgba(245,158,11,var(--compare-opacity,.5))!important;
}

.pdf-compare-diff-marker[data-compare-status="reviewed"]{
  opacity:.72!important;
}

.pdf-page-stack[data-compare-mode="diff-only"] .pdf-page-canvas{
  opacity:.18!important;
}

.pdf-page-stack[data-compare-mode="diff-only"] .pdf-page-vector-layer{
  opacity:.18!important;
}

.pdf-page-stack[data-compare-mode="diff-only"] .pdf-page-text-layer{
  opacity:.18!important;
}

.pdf-page-stack[data-compare-mode="diff-only"] .pdf-compare-diff-layer{
  background:rgba(255,255,255,.82)!important;
}

#velShellMenu .vel-menu-btn.active{
  background:rgba(143,47,66,.30)!important;
  box-shadow:inset 0 -2px 0 #8f2f42!important;
  color:#fff!important;
}

#velShellMenu .vel-menu.open .vel-menu-btn{
  background:rgba(143,47,66,.22)!important;
  color:#fff!important;
}

.pdf-page-frame{
  isolation:isolate!important;
}

.pdf-page-canvas{
  position:relative!important;
  z-index:0!important;
}

.pdf-page-text-layer{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  z-index:1!important;
  mix-blend-mode:normal!important;
  opacity:0!important;
}

.pdf-page-text-layer .pdf-page-text-item{
  font-family:inherit!important;
  user-select:none!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-font-smoothing:antialiased!important;
}

.pdf-page-vector-layer{
  z-index:2!important;
}

.annotate-layer{
  z-index:20!important;
}
#vel-annotate-data-bar{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  z-index:50;
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:6px;
  background:rgba(16,18,22,0.90);
  border:1px solid rgba(255,255,255,.14);
  border-radius:5px;
  padding:4px 8px;
  font-size:11px;
  white-space:nowrap;
  backdrop-filter:blur(4px);
  user-select:none;
}
#vel-annotate-data-bar[hidden]{display:none!important}
#vel-annotate-data-bar .vel-adb-field{display:flex;align-items:center;gap:3px}
#vel-annotate-data-bar .vel-adb-key{color:#7f8894;font-size:10px;min-width:10px}
#vel-annotate-data-bar .vel-adb-val{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:3px;color:#e5e7eb;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;width:64px;padding:2px 5px;outline:none;text-align:right;-moz-appearance:textfield}
#vel-annotate-data-bar .vel-adb-val::-webkit-inner-spin-button,#vel-annotate-data-bar .vel-adb-val::-webkit-outer-spin-button{-webkit-appearance:none}
#vel-annotate-data-bar .vel-adb-val:focus{border-color:rgba(120,160,255,.55);background:rgba(120,160,255,.09)}
#vel-annotate-data-bar .vel-adb-sep{width:1px;height:14px;background:rgba(255,255,255,.12);flex-shrink:0;margin:0 2px}

#velShellRight .vel-dxf-layer-list{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-image-asset-list{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

#velShellRight .vel-dxf-layer-list::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellSideRail::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellRight .vel-dxf-layer-list::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellSideRail::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellRight .vel-dxf-layer-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  border:0!important;
}

#velShellSideRail::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  border:0!important;
}

#velShellRight .vel-image-review-fixed{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:#171d23!important;
  overflow:hidden!important;
}

#velShellRight .vel-image-review-fixed>summary{
  display:none!important;
}

#velShellRight .vel-image-review-fixed .vel-image-review-title{
  cursor:default!important;
}

#velShellRight .vel-image-review-fixed .vel-image-review-body{
  display:flex!important;
}

#velShellRight .vel-image-report-field .vel-input{
  width:100%!important;
  min-height:28px!important;
  font-size:11px!important;
}

#velShellRight .vel-image-report-field .vel-select{
  width:100%!important;
  min-height:28px!important;
  font-size:11px!important;
}

#velShellRight .vel-image-report-asset-fields .vel-input{
  width:100%!important;
  min-height:28px!important;
  font-size:11px!important;
}

#velShellFixedViews .vel-fixed-popover-adjust-slider{
  min-width:210px!important;
  padding:8px!important;
  gap:8px!important;
}

#velShellFixedViews .vel-fixed-slider-row{
  display:grid!important;
  grid-template-columns:72px minmax(92px,1fr) 42px!important;
  align-items:center!important;
  gap:8px!important;
  color:#eef1f4!important;
  font-size:10px!important;
}

#velShellFixedViews .vel-fixed-slider-label{
  color:#cbd3dc!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-slider-value{
  color:#eef1f4!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}

#velShellFixedViews .vel-slider.vel-fixed-slider{
  width:100%!important;
  min-width:0!important;
  accent-color:#8f2f42!important;
}

#velShellFixedViews .vel-toggle{
  border-color:rgba(143,47,66,.44)!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-toggle.active{
  background:rgba(143,47,66,.42)!important;
  border-color:rgba(199,67,92,.66)!important;
  color:#fff!important;
}

#velShellFixedViews .vel-toggle[aria-pressed="true"]{
  background:rgba(143,47,66,.42)!important;
  border-color:rgba(199,67,92,.66)!important;
  color:#fff!important;
}

#velShellFixedViews .vel-fixed-menu-btn:disabled{
  opacity:.45!important;
  cursor:default!important;
  color:#98a1ab!important;
}

.vel-btn{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  border-radius:8px!important;
}

.vel-shell-btn{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
}

.vel-fixed-btn{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
}

.vel-fixed-menu-btn{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  border-radius:8px!important;
}

.vel-right-action-footer-primary{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-btn{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-export-btn{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-route-add{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-route-menu-btn{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-route-menu-item{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-mini{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-delete{
  box-sizing:border-box!important;
  color:#f1d3d8!important;
  -webkit-text-fill-color:#f1d3d8!important;
  border-color:rgba(180,74,97,.48)!important;
  text-decoration:none!important;
  user-select:none!important;
  background:rgba(80,29,36,.92)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-close{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.surface-empty-action{
  box-sizing:border-box!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border-color:var(--vel-ui-line)!important;
  text-decoration:none!important;
  user-select:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border-radius:6px!important;
  min-height:22px!important;
  height:auto!important;
  padding:3px 8px!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.vel-btn-primary{
  background:rgba(143,47,66,.46)!important;
  border-color:rgba(180,74,97,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.vel-shell-btn.active{
  background:rgba(143,47,66,.46)!important;
  border-color:rgba(180,74,97,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.vel-fixed-btn.active{
  background:rgba(143,47,66,.46)!important;
  border-color:rgba(180,74,97,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.vel-fixed-menu-btn.active{
  background:rgba(143,47,66,.46)!important;
  border-color:rgba(180,74,97,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.vel-view-pan-export-btn.primary{
  background:rgba(143,47,66,.46)!important;
  border-color:rgba(180,74,97,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.vel-toggle.active{
  background:rgba(143,47,66,.46)!important;
  border-color:rgba(180,74,97,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.vel-toggle[aria-pressed="true"]{
  background:rgba(143,47,66,.46)!important;
  border-color:rgba(180,74,97,.72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.vel-btn-danger{
  background:rgba(80,29,36,.92)!important;
  border-color:rgba(180,74,97,.48)!important;
  color:#f1d3d8!important;
  -webkit-text-fill-color:#f1d3d8!important;
}

.vel-view-pan-export-btn.danger{
  background:rgba(80,29,36,.92)!important;
  border-color:rgba(180,74,97,.48)!important;
  color:#f1d3d8!important;
  -webkit-text-fill-color:#f1d3d8!important;
}

.vel-btn:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-shell-btn:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-fixed-btn:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-fixed-menu-btn:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-view-pan-btn:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-view-pan-export-btn:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-view-pan-route-add:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-view-pan-route-menu-btn:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-view-pan-route-menu-item:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  color:#8f98a1!important;
  -webkit-text-fill-color:#8f98a1!important;
}

.vel-input{
  box-sizing:border-box!important;
  background:#11161c!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border:1px solid var(--vel-ui-line)!important;
  border-radius:8px!important;
  outline:none!important;
}

.vel-select{
  box-sizing:border-box!important;
  background:#11161c!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border:1px solid var(--vel-ui-line)!important;
  border-radius:8px!important;
  outline:none!important;
}

.vel-view-pan-route-select{
  box-sizing:border-box!important;
  background:#11161c!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border:1px solid var(--vel-ui-line)!important;
  border-radius:8px!important;
  outline:none!important;
}

.vel-view-pan-export-select{
  box-sizing:border-box!important;
  background:#11161c!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border:1px solid var(--vel-ui-line)!important;
  border-radius:8px!important;
  outline:none!important;
}

.vel-view-pan-speed input{
  box-sizing:border-box!important;
  background:#11161c!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border:1px solid var(--vel-ui-line)!important;
  border-radius:8px!important;
  outline:none!important;
}

.vel-compare-settings input[type="number"]{
  box-sizing:border-box!important;
  background:#11161c!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border:1px solid var(--vel-ui-line)!important;
  border-radius:8px!important;
  outline:none!important;
}

.vel-compare-settings select{
  box-sizing:border-box!important;
  background:#11161c!important;
  color:var(--vel-ui-text)!important;
  -webkit-text-fill-color:var(--vel-ui-text)!important;
  border:1px solid var(--vel-ui-line)!important;
  border-radius:8px!important;
  outline:none!important;
}

.vel-input:focus{
  border-color:rgba(180,74,97,.76)!important;
  box-shadow:0 0 0 2px rgba(143,47,66,.20)!important;
}

.vel-select:focus{
  border-color:rgba(180,74,97,.76)!important;
  box-shadow:0 0 0 2px rgba(143,47,66,.20)!important;
}

.vel-view-pan-route-select:focus{
  border-color:rgba(180,74,97,.76)!important;
  box-shadow:0 0 0 2px rgba(143,47,66,.20)!important;
}

.vel-view-pan-export-select:focus{
  border-color:rgba(180,74,97,.76)!important;
  box-shadow:0 0 0 2px rgba(143,47,66,.20)!important;
}

.vel-view-pan-speed input:focus{
  border-color:rgba(180,74,97,.76)!important;
  box-shadow:0 0 0 2px rgba(143,47,66,.20)!important;
}

.vel-checkbox{
  accent-color:var(--vel-ui-accent)!important;
}

.vel-slider{
  accent-color:var(--vel-ui-accent)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  height:18px!important;
  background:transparent!important;
  cursor:pointer!important;
}

.vel-slider::-webkit-slider-runnable-track{
  height:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.16)!important;
}

.vel-slider::-webkit-slider-thumb{
  border:1px solid rgba(255,255,255,.28)!important;
  background:var(--vel-ui-accent-2)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  width:14px!important;
  height:14px!important;
  margin-top:-5px!important;
  border-radius:999px!important;
  cursor:pointer!important;
}

.vel-scrollbar{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

.vel-scrollbar-panel{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

.vel-scrollbar-stage{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

.pdf-canvas-stage{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

.vel-view-pan-list{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

.pdf-placeholder-card{
  background:#1c2026!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:var(--vel-ui-text)!important;
}

.pdf-placeholder-title{
  color:#fff!important;
}

.pdf-placeholder-detail{
  color:#cbd3dc!important;
}

.vel-view-pan-list::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

.vel-view-pan-list::-webkit-scrollbar-track{
  background:transparent!important;
  border-radius:999px!important;
}

.vel-view-pan-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  border:0!important;
}

.vel-view-pan-list::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.24)!important;
}

.vel-view-pan-panel select{
  border-radius:8px!important;
}

.vel-view-pan-panel input[type="number"]{
  border-radius:8px!important;
}

.vel-view-pan-panel input[type="text"]{
  border-radius:8px!important;
}

.vel-view-pan-enable-toggle{
  border-radius:7px!important;
  border-color:var(--vel-ui-line-soft)!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-annotate-toggle{
  border-radius:7px!important;
  border-color:var(--vel-ui-line-soft)!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-view-pan-export-check input{
  accent-color:var(--vel-ui-accent)!important;
}

.vel-view-pan-toggle input{
  accent-color:var(--vel-ui-accent)!important;
}

.vel-view-pan-enable-toggle input{
  accent-color:var(--vel-ui-accent)!important;
}

.vel-view-pan-annotate-toggle input{
  accent-color:var(--vel-ui-accent)!important;
}

.vel-slider::-moz-range-thumb{
  width:14px!important;
  height:14px!important;
  border-radius:999px!important;
  cursor:pointer!important;
}

.vel-slider:disabled{
  cursor:not-allowed!important;
  opacity:.45!important;
}

#velShellTop .vel-top-section-annotate .vel-shell-btn{
  flex:0 0 auto!important;
  min-height:24px!important;
  max-height:26px!important;
}

#velShellTop .vel-top-section-annotate .vel-top-annotate-mode{
  flex:0 1 auto!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellTop .vel-top-section-annotate .vel-top-annotate-tool{
  flex:0 1 auto!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellTop .vel-top-section-annotate .vel-top-stroke-preset-details .vel-top-popover-summary{
  min-width:92px!important;
}

#velShellTop .vel-top-section-annotate .vel-top-line-type-details .vel-top-popover-summary{
  min-width:86px!important;
}

#velShellTop .vel-top-line-sample{
  display:inline-block!important;
  width:28px!important;
  height:0!important;
  border-top:2px solid currentColor!important;
  margin-right:4px!important;
  vertical-align:middle!important;
}

#velShellTop .vel-top-line-sample[data-line-type="dotted"]{
  border-top-style:dotted!important;
}

#velShellTop .vel-top-line-sample[data-line-type="dashed"]{
  border-top-style:dashed!important;
}

#velShellTop .vel-top-line-sample[data-line-type="dash-dot"]{
  border-top-style:solid!important;
  border-image:repeating-linear-gradient(90deg,currentColor 0 10px,transparent 10px 14px,currentColor 14px 16px,transparent 16px 20px) 2!important;
}

#velShellFixedViews .vel-fixed-pdf .vel-fixed-btn{
  flex:0 0 auto!important;
}

#velShellFixedViews .vel-fixed-images .vel-fixed-btn{
  flex:0 0 auto!important;
}

#velShellFixedViews .vel-fixed-images-left .vel-fixed-btn{
  flex:0 0 auto!important;
}

#velShellFixedViews .vel-fixed-image-capture .vel-fixed-btn{
  flex:0 0 auto!important;
}

#velShellRight .vel-image-review-card{
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:#171d23!important;
  overflow:hidden!important;
}

#velShellRight .vel-image-review-card .vel-image-review-title{
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0 9px!important;
  color:#eef1f4!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  background:#20252c!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}

#velShellRight .vel-image-review-card summary{
  display:none!important;
}

#velShellRight .vel-image-review-card .vel-image-review-caret{
  display:none!important;
}

#velShellRight .vel-image-review-menu .vel-image-review-caret{
  display:none!important;
}

#velShellRight .vel-image-review-card .vel-image-review-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:8px!important;
}

.vel-scrollbar-panel::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

.vel-scrollbar-stage::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

.vel-scrollbar-panel::-webkit-scrollbar-track{
  background:transparent!important;
}

.vel-scrollbar-stage::-webkit-scrollbar-track{
  background:transparent!important;
}

.vel-scrollbar-panel::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  border-radius:999px!important;
}

.vel-scrollbar-stage::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  border-radius:999px!important;
}

.vel-scrollbar-panel::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.26)!important;
}

.vel-scrollbar-stage::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.26)!important;
}

#velShellFixedViews .vel-image-crop-action{
  display:none!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="false"] .vel-image-crop-action{
  display:none!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="false"] .vel-image-normal-action{
  display:inline-flex!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="false"] .vel-fixed-images-left{
  display:flex!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="false"] .vel-fixed-image-capture{
  display:flex!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="false"] .vel-fixed-capture{
  display:flex!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-image-crop-action{
  display:inline-flex!important;
}

#velShellFixedViews[data-surface="images"][data-image-crop-active="true"] .vel-image-normal-action{
  display:none!important;
}

.vel-minimap-card{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.vel-minimap-header{
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}

.vel-minimap-source-row{
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}

.vel-minimap-topview-row{
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}

.vel-minimap-actions{
  display: grid;
  align-items: center;
  gap: 6px;
  grid-template-columns: 28px minmax(42px, 1fr) 28px 38px 68px;
}

.vel-minimap-option-row{
  display: grid;
  align-items: center;
  gap: 6px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.vel-minimap-source-row span{
  color: rgba(255,255,255,0.58);
  font-size: 11px;
}

.vel-minimap-topview-row span{
  color: rgba(255,255,255,0.58);
  font-size: 11px;
}

.vel-minimap-source-select{
  width: 118px;
  min-width: 0;
}

.vel-minimap-topview-row .pill{
  min-width: 96px;
  justify-content: center;
}

.vel-minimap-canvas-wrap{
  width: 100%;
  height: 138px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  overflow: hidden;
  background: #151515;
  position:relative;
}

.vel-minimap-canvas{
  display: block;
  width: 100%;
  height: 100%;
  cursor: grab;
  touch-action: none;
}

.vel-minimap-zoom-value{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border-radius: 7px;
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.76);
  font-size: 11px;
}

.vel-minimap-option-row .pill{
  min-width: 0;
  flex: 1 1 0;
  padding-left: 5px;
  padding-right: 5px;
}

.vel-minimap-status{
  min-height: 18px;
}

.vel-minimap-canvas:active{
  cursor: grabbing;
}

.vel-minimap-option-row .pill:disabled{
  opacity: 0.38;
  cursor: default;
}

.vel-minimap-pdf-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px;
  gap: 6px;
  align-items: center;
}

.vel-minimap-pdf-doc-select{
  min-width: 0;
  width: 100%;
}

.vel-minimap-pdf-page-select{
  min-width: 0;
  width: 100%;
}

.vel-minimap-plan-row{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 42px 42px 48px;
  gap: 6px;
  align-items: center;
}

.vel-minimap-plan-row span:first-child{
  color: rgba(255,255,255,0.58);
  font-size: 11px;
}

.vel-minimap-plan-status{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,0.72);
  font-size: 11px;
}

.vel-minimap-plan-row .small:disabled{
  opacity: 0.38;
  cursor: default;
}

.vel-minimap-card[data-plan-picking="true"] .vel-minimap-canvas{
  cursor: crosshair;
}

.vel-minimap-pair-list{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-height:92px;
  overflow:auto;
  padding:4px;
  border:1px solid rgba(255,255,255,0.07);
  border-radius:8px;
  background:rgba(255,255,255,0.025);
}

.vel-minimap-pair-empty{
  color:rgba(255,255,255,0.42);
  font-size:10px;
  text-align:center;
  padding:4px 0;
}

.vel-minimap-pair-row{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 24px;
  gap:5px;
  align-items:center;
  min-height:24px;
}

.vel-minimap-pair-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#6d2533;
  color:#fff;
  font-size:9px;
  font-weight:700;
}

.vel-minimap-pair-value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,0.66);
  font-size:10px;
}

.vel-minimap-manual-row{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:4px;
  align-items:center;
}

.vel-minimap-manual-row > span:first-child{
  grid-column:1 / -1;
}

.vel-minimap-manual-row span{
  color:rgba(255,255,255,0.58);
  font-size:11px;
}

.vel-minimap-review-row span{
  color:rgba(255,255,255,0.58);
  font-size:11px;
}

.vel-minimap-manual-row .small{
  min-width:0;
  padding-left:3px;
  padding-right:3px;
  font-size:9px;
}

.vel-minimap-manual-row .small:disabled{
  opacity:.35;
  cursor:default;
}

.vel-minimap-review-row{
  display:grid;
  grid-template-columns:44px repeat(3,minmax(0,1fr));
  gap:5px;
  align-items:center;
}

.vel-minimap-review-row .pill{
  min-width:0;
  padding-left:5px;
  padding-right:5px;
  justify-content:center;
}

#velShellRight .vel-surface-card-view-match .vel-right-card-body{
  gap:6px!important;
}

#velShellRight .vel-view-match-source-info{
  padding:6px!important;
  font-size:10px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-view-match-source-info div{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  gap:4px!important;
  align-items:start!important;
}

#velShellRight .vel-view-match-source-info span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-view-match-source-info strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-view-match-range-row{
  grid-template-columns:54px minmax(0,1fr) 42px!important;
  gap:4px!important;
  font-size:10px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-view-match-range-row input[type="range"]{
  width:100%!important;
}

#velShellRight .vel-view-match-range-row em{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-view-match-priority{
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-view-match-save-summary{
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-view-match-subtitle{
  margin-top:4px!important;
  font-size:10px!important;
  color:#aab2bb!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

#velShellRight .vel-view-match-mask-row{
  margin-top:0!important;
}

#velShellRight [data-surface-card="model"].vel-model-right-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding-bottom:12px!important;
  flex:0 0 auto!important;
  min-height:max-content!important;
  max-height:none!important;
  overflow:visible!important;
  contain:none!important;
  align-items:stretch!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}

#velShellRight .vel-minimap-plan-details{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}

#velShellRight .vel-minimap-plan-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
  padding:6px 7px!important;
  cursor:pointer!important;
  color:#cdd4dc!important;
  font-size:9px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

#velShellRight .vel-minimap-plan-summary span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-minimap-plan-summary-status{
  color:#9aa5b1!important;
  font-weight:700!important;
  text-align:right!important;
}

#velShellRight .vel-minimap-plan-details:not([open]) .vel-minimap-plan-row{
  display:none!important;
}

#velShellRight .vel-minimap-plan-details:not([open]) .vel-minimap-pair-list{
  display:none!important;
}

#velShellRight .vel-minimap-plan-details:not([open]) .vel-minimap-manual-row{
  display:none!important;
}

#velShellRight .vel-minimap-plan-details:not([open]) .vel-minimap-review-row{
  display:none!important;
}

#velShellRight .vel-minimap-card.disabled .vel-minimap-status{
  display:none!important;
}

.vel-minimap-card[data-source="model"] .vel-minimap-pdf-row{
  display:none!important;
}

.vel-minimap-card[data-source="pdf"] .vel-minimap-topview-row{
  display:none!important;
}

.vel-minimap-plan-details[hidden]{
  display:none!important;
}

.vel-minimap-plan-details summary{
  min-width:0;
}

.vel-minimap-plan-summary-status{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.vel-minimap-card[data-model-ready="false"] .vel-minimap-plan-summary-status{
  color:rgba(255,255,255,.48);
}

.vel-minimap-card[data-pdf-ready="false"] .vel-minimap-plan-summary-status{
  color:rgba(255,255,255,.48);
}

.vel-minimap-walk-hint{
  font-size:10px;
  color:rgba(235,238,245,.58);
  padding:0 2px 2px 2px;
}

.vel-minimap-card[data-source="pdf"] .vel-minimap-walk-hint{
  display:none!important;
}

#velShellRight .vel-minimap-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

#velShellRight .vel-minimap-header .vel-right-subtitle{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  flex:1 1 auto!important;
}

#velShellRight .vel-minimap-header .vel-shell-btn.small{
  min-width:0!important;
  padding-left:7px!important;
  padding-right:7px!important;
}

#velShellRight .vel-minimap-source-row{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  grid-template-columns:minmax(34px,44px) minmax(0,1fr)!important;
}

#velShellRight .vel-minimap-source-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-minimap-source-select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-walk-hint{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-minimap-walk-hint[hidden]{
  display:none!important;
}

#velShellRight .vel-minimap-card[data-source="pdf"] .vel-minimap-walk-hint{
  display:none!important;
}

#velShellRight .vel-minimap-floor-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  font-size:10px!important;
  color:#aab2bb!important;
  overflow:hidden!important;
  grid-template-columns:minmax(34px,44px) minmax(0,1fr)!important;
}

#velShellRight .vel-minimap-settings-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:5px 6px!important;
  align-items:center!important;
  font-size:10px!important;
  color:#aab2bb!important;
}

#velShellRight .vel-minimap-settings-actions{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
}

#velShellRight .vel-minimap-floor-row[hidden]{
  display:none!important;
}

#velShellRight .vel-minimap-settings-panel[hidden]{
  display:none!important;
}

#velShellRight .vel-minimap-settings-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  position:relative!important;
  margin-top:8px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-minimap-settings-title{
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:#e6ebf1!important;
}

#velShellRight .vel-minimap-settings-hint{
  font-size:9.5px!important;
  line-height:1.25!important;
  color:#8f98a3!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-minimap-settings-grid input{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-settings-grid select{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-settings-actions button{
  min-width:0!important;
}

#velShellRight .vel-minimap-card[data-source="pdf"] .vel-minimap-floor-row{
  display:none!important;
}

#velShellRight .vel-minimap-card[data-source="pdf"] .vel-minimap-settings-panel{
  display:none!important;
}

#velShellRight .vel-surface-card-display-setup .vel-right-card-body{
  gap:7px!important;
}

#velShellRight .vel-surface-card-recorder .vel-right-card-body{
  gap:7px!important;
}

#velShellRight .vel-display-setup-info{
  padding:6px!important;
  font-size:10px!important;
}

#velShellRight .vel-recorder-panel-info{
  padding:6px!important;
  font-size:10px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-display-setup-info div{
  display:grid!important;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  gap:4px!important;
  align-items:start!important;
}

#velShellRight .vel-recorder-panel-info div{
  display:grid!important;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  gap:4px!important;
  align-items:start!important;
}

#velShellRight .vel-display-setup-info span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-display-setup-info strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-recorder-panel-info span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-recorder-panel-info strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-display-setup-grid .vel-shell-btn{
  min-width:0!important;
}

#velShellRight .vel-display-setup-range-row{
  grid-template-columns:68px minmax(0,1fr) 42px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-display-setup-range-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card{
  margin:0!important;
  padding:8px 5px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  border-radius:10px!important;
  background:rgb(32,35,38)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset!important;
  gap:6px!important;
  flex:0 0 auto!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  max-width:100%!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(180deg, rgb(34,37,40), rgb(28,31,34))!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-canvas-wrap{
  border-radius:8px!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  height:clamp(166px,20vh,210px)!important;
  min-height:166px!important;
  max-height:210px!important;
  background:#101214!important;
  border-color:rgba(255,255,255,.10)!important;
}

@media (max-height:860px){
  #velShellRight .vel-model-right-panel{
    gap:6px!important;
  }

  #velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card{
    gap:5px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  #velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-canvas-wrap{
    height:clamp(146px,18vh,172px)!important;
    min-height:146px!important;
    max-height:172px!important;
  }
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-header{
  margin-bottom:1px!important;
  padding-left:1px!important;
  padding-right:1px!important;
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-status{
  margin-top:0!important;
  display:none!important;
  padding-left:1px!important;
  padding-right:1px!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-settings-panel{
  margin-top:0!important;
  margin-left:1px!important;
  margin-right:1px!important;
  padding-left:6px!important;
  padding-right:6px!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-walk-hint{
  display:none!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-source-row{
  padding-left:1px!important;
  padding-right:1px!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-floor-row{
  padding-left:1px!important;
  padding-right:1px!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-actions{
  padding-left:1px!important;
  padding-right:1px!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-option-row{
  padding-left:1px!important;
  padding-right:1px!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-plan-details{
  padding-left:1px!important;
  padding-right:1px!important;
}

.dialog-actions button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.confirm-actions button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.recording-open-btn{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.recording-stop-btn{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-dxf-scale-close{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-dxf-scale-actions button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-menu-btn{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  appearance:none;
  -webkit-appearance:none;
  background:#23272c!important;
  color:#dfe5ea!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

#velShellRight .vel-right-actions-grid .vel-shell-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-right-actions-grid button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellTop .vel-top-line-type-summary span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellTop .vel-top-stroke-summary span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-shell-btn span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-btn span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.vel-right-action-footer-primary span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellTop .vel-top-line-type-summary{
  gap:6px!important;
}

#velShellTop .vel-line-type-option{
  gap:6px!important;
  justify-content:center!important;
}

#velShellTop input[type="range"]{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  align-self:center!important;
}

#velShellFixedViews input[type="range"]{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  align-self:center!important;
}

#velShellMenu input[type="range"]{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  align-self:center!important;
}

#velShellRight .vel-toggle{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellTop .vel-toggle{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-shell-btn:focus-visible{
  outline:2px solid rgba(180,74,97,.72)!important;
  outline-offset:1px!important;
}

#velShellTop .vel-shell-btn:focus-visible{
  outline:2px solid rgba(180,74,97,.72)!important;
  outline-offset:1px!important;
}

#velShellMenu .vel-menu-btn:focus-visible{
  outline:2px solid rgba(180,74,97,.72)!important;
  outline-offset:1px!important;
}

#velShellFixedViews .vel-fixed-btn:focus-visible{
  outline:2px solid rgba(180,74,97,.72)!important;
  outline-offset:1px!important;
}

#velShellFixedViews .vel-fixed-menu-btn:focus-visible{
  outline:2px solid rgba(180,74,97,.72)!important;
  outline-offset:1px!important;
}

#velShellRight .vel-recorder-native-info{
  border-color:rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
}

#velShellRight .vel-recorder-log-title{
  margin-top:2px!important;
}

#velShellRight .vel-recorder-log-list{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  max-height:170px!important;
  overflow:auto!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.18)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
}

#velShellRight .vel-recorder-log-entry{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"time level" "msg msg"!important;
  gap:2px 6px!important;
  padding:5px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.045)!important;
}

#velShellRight .vel-recorder-log-entry span{
  grid-area:time!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  color:rgba(235,238,245,.46)!important;
}

#velShellRight .vel-recorder-log-entry strong{
  grid-area:level!important;
  font-size:9px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  color:#cbd5df!important;
}

#velShellRight .vel-recorder-log-entry[data-level="error"] strong{
  color:#ff7777!important;
}

#velShellRight .vel-recorder-log-entry[data-level="warn"] strong{
  color:#f6c466!important;
}

#velShellRight .vel-recorder-log-entry[data-level="warning"] strong{
  color:#f6c466!important;
}

#velShellRight .vel-recorder-log-entry p{
  grid-area:msg!important;
  margin:0!important;
  min-width:0!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.72)!important;
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-recorder-log-empty{
  font-size:10px!important;
  color:rgba(255,255,255,.42)!important;
  text-align:center!important;
  padding:8px 4px!important;
}

#velShellRight .vel-minimap-card[data-model-ready="false"] canvas{
  background:linear-gradient(180deg,rgba(20,22,24,.96),rgba(15,17,19,.96))!important;
}

#velShellRight.vel-right-panel-unified{
  padding:8px!important;
  gap:8px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  contain:layout!important;
}

#velShellRight.vel-right-panel-unified *{
  box-sizing:border-box!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-unified{
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(35,38,42,.98),rgba(22,25,29,.98))!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  padding:0!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-header{
  min-height:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  padding:0 10px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(180deg,rgba(28,32,37,.96),rgba(21,24,29,.96))!important;
  color:#dce3ea!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-title-text{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-close{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.035)!important;
  color:#dce3ea!important;
  cursor:pointer!important;
  font-size:15px!important;
  line-height:1!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-close:hover{
  background:rgba(143,47,66,.68)!important;
  border-color:rgba(143,47,66,.88)!important;
  color:#fff!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-body-unified{
  padding:8px!important;
  gap:8px!important;
  overflow-x:hidden!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-active .vel-right-card-body-unified{
  overflow-y:auto!important;
}

#velShellRight.vel-right-panel-unified .vel-right-section-heading{
  min-height:22px!important;
  display:flex!important;
  align-items:center!important;
  margin:4px 0 0!important;
  padding:0 2px!important;
  color:#b8c1cb!important;
  font-size:9.5px!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}

#velShellRight.vel-right-panel-unified .vel-right-subtitle{
  min-height:22px!important;
  display:flex!important;
  align-items:center!important;
  margin:4px 0 0!important;
  padding:0 2px!important;
  color:#b8c1cb!important;
  font-size:9.5px!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}

#velShellRight.vel-right-panel-unified .vel-right-status-unified{
  width:100%!important;
  min-height:26px!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;
  background:rgba(14,17,21,.62)!important;
  color:#d8dde3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight.vel-right-panel-unified .vel-right-status{
  width:100%!important;
  min-height:26px!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;
  background:rgba(14,17,21,.62)!important;
  color:#d8dde3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-source-info{
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:8px!important;
  background:rgba(14,17,21,.55)!important;
  padding:6px!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-panel-info{
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:8px!important;
  background:rgba(14,17,21,.55)!important;
  padding:6px!important;
}

#velShellRight.vel-right-panel-unified .vel-right-actions-unified{
  width:100%!important;
  gap:6px!important;
}

#velShellRight.vel-right-panel-unified .vel-right-actions{
  width:100%!important;
  gap:6px!important;
}

#velShellRight.vel-right-panel-unified .vel-shell-btn{
  min-width:0!important;
  border-radius:7px!important;
  padding:3px 7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:#272b31!important;
  border:1px solid rgba(255,255,255,.08)!important;
  min-height:26px!important;
  font-size:10px!important;
}

#velShellRight.vel-right-panel-unified .vel-shell-btn:hover{
  background:#343941!important;
  border-color:rgba(255,255,255,.12)!important;
}

#velShellRight.vel-right-panel-unified .vel-shell-btn.active{
  background:var(--vel-shell-active)!important;
  border-color:rgba(143,47,66,.92)!important;
  color:#fff!important;
}

#velShellRight.vel-right-panel-unified .vel-right-select{
  border-radius:9px!important;
  min-height:28px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#101419!important;
}

#velShellRight.vel-right-panel-unified .vel-right-action-footer-unified{
  border-radius:14px 14px 0 0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-bottom:0!important;
  background:#15191e!important;
  box-shadow:0 -8px 20px rgba(0,0,0,.20)!important;
}

#velShellRight.vel-right-panel-unified .vel-right-action-footer{
  border-radius:14px 14px 0 0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-bottom:0!important;
  background:#15191e!important;
  box-shadow:0 -8px 20px rgba(0,0,0,.20)!important;
}

#velShellRight.vel-right-panel-unified .vel-right-action-footer-header{
  border-radius:14px 14px 0 0!important;
  min-height:36px!important;
  height:36px!important;
}

#velShellRight.vel-right-panel-unified.vel-right-panel-dedicated .vel-right-card-active{
  border-color:rgba(143,47,66,.33)!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-list{
  max-height:150px!important;
  min-height:60px!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;
  background:#11151a!important;
  padding:6px!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-range-row{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 42px!important;
  gap:6px!important;
  align-items:center!important;
  min-width:0!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-range-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-range-row em{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-body-unified::-webkit-scrollbar{
  width:8px!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-list::-webkit-scrollbar{
  width:8px!important;
}

#velShellRight.vel-right-panel-unified .vel-right-card-body-unified::-webkit-scrollbar-thumb{
  background:#59616a!important;
  border:2px solid #1a1d21!important;
  border-radius:999px!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-list::-webkit-scrollbar-thumb{
  background:#59616a!important;
  border:2px solid #1a1d21!important;
  border-radius:999px!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-display-setup{
  min-width:0!important;
  max-width:100%!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-recorder{
  min-width:0!important;
  max-width:100%!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-view-match{
  min-width:0!important;
  max-width:100%!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-display-setup .vel-right-card-body-unified{
  display:flex!important;
  flex-direction:column!important;
  max-width:100%!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-recorder .vel-right-card-body-unified{
  display:flex!important;
  flex-direction:column!important;
  max-width:100%!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-view-match .vel-right-card-body-unified{
  display:flex!important;
  flex-direction:column!important;
  max-width:100%!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-display-setup .vel-right-subtitle{
  margin-top:8px!important;
  padding-top:4px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-recorder .vel-right-subtitle{
  margin-top:8px!important;
  padding-top:4px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-view-match .vel-right-subtitle{
  margin-top:8px!important;
  padding-top:4px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-source-info > div{
  display:grid!important;
  grid-template-columns:minmax(58px,.75fr) minmax(0,1.35fr)!important;
  gap:6px!important;
  align-items:center!important;
  min-width:0!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-panel-info > div{
  display:grid!important;
  grid-template-columns:minmax(58px,.75fr) minmax(0,1.35fr)!important;
  gap:6px!important;
  align-items:center!important;
  min-width:0!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-source-info span{
  color:#9fa9b5!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-panel-info span{
  color:#9fa9b5!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-source-info strong{
  color:#eef3f7!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-panel-info strong{
  color:#eef3f7!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}

#velShellRight.vel-right-panel-unified .vel-view-match-select-row{
  grid-template-columns:58px minmax(0,1fr) 34px!important;
}

#velShellRight.vel-right-panel-unified .vel-display-setup-range-row{
  grid-template-columns:58px minmax(0,1fr) 40px!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-entry{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:4px 6px!important;
  padding:5px 4px!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-entry:last-child{
  border-bottom:0!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-entry span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-entry strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
}

#velShellRight.vel-right-panel-unified .vel-recorder-log-entry p{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
  grid-column:1 / -1!important;
  color:#d5dbe2!important;
}

#velShellTop .vel-top-popover-soft-disabled .vel-top-popover-summary{
  opacity:.62!important;
}

#velShellTop .vel-top-popover-soft-disabled .vel-top-popover-summary::after{
  content:'NEXT'!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:14px!important;
  min-width:28px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  color:rgba(255,255,255,.58)!important;
  font-size:8px!important;
  letter-spacing:.06em!important;
  font-weight:800!important;
}

#velShellTop .vel-top-annotate-details[data-snap-enabled="true"] .vel-top-popover-summary{
  box-shadow:inset 0 -1px 0 rgba(143,47,66,.34)!important;
}

#velShellTop .vel-top-annotate-details[data-snap-enabled="false"] .vel-top-popover-summary{
  opacity:.72!important;
}

#velShellTop .vel-top-stamp-details .vel-top-popover-readout{
  min-width:72px!important;
}

.annotate-brush-cursor[data-tool="eraser"]{
  border-style:dashed!important;
  border-width:1.6px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.32),0 0 0 3px rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.07)!important;
  mix-blend-mode:normal!important;
}

.annotate-brush-cursor.eraser{
  border-style:dashed!important;
  border-width:1.6px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.32),0 0 0 3px rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.07)!important;
  mix-blend-mode:normal!important;
}

.annotate-brush-cursor[data-tool="eraser"]::after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border-radius:999px!important;
  transform:translate(-50%,-50%)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.45)!important;
}

.annotate-brush-cursor.eraser::after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border-radius:999px!important;
  transform:translate(-50%,-50%)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.45)!important;
}

#velShellRight.vel-right-panel-unified.vel-right-panel-dedicated .vel-right-card-header{
  height:25px!important;
  min-height:25px!important;
  padding:0 2px 3px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:transparent!important;
  box-shadow:none!important;
}

#velShellRight.vel-right-panel-unified.vel-right-panel-dedicated .vel-right-card-title-text{
  font-size:10px!important;
  color:#d5dce3!important;
  letter-spacing:.08em!important;
}

#velShellRight.vel-right-panel-unified.vel-right-panel-dedicated .vel-right-card-close{
  width:22px!important;
  height:22px!important;
  flex-basis:22px!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
}

#velShellRight.vel-right-panel-unified .vel-right-redundant-info{
  display:none!important;
}

#velShellRight.vel-right-panel-unified .vel-surface-card-display-setup .vel-right-status[hidden]{
  display:none!important;
}

#velShellRight .vel-display-bg-dropzone{
  position:relative!important;
  width:100%!important;
  min-height:128px!important;
  border:1px dashed rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(12,15,18,.88),rgba(23,27,32,.88))!important;
  overflow:hidden!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  isolation:isolate!important;
}

#velShellRight .vel-display-bg-dropzone.drag-over{
  border-color:rgba(143,47,66,.88)!important;
  box-shadow:inset 0 0 0 1px rgba(143,47,66,.35),0 0 0 1px rgba(143,47,66,.25)!important;
}

#velShellRight .vel-display-bg-preview{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:0!important;
  transform:scale(1.01)!important;
  transition:opacity .12s ease!important;
  z-index:0!important;
}

#velShellRight .vel-display-bg-dropzone[data-has-preview="true"] .vel-display-bg-preview[src]{
  opacity:.72!important;
}

#velShellRight .vel-display-bg-dropzone[data-has-preview="true"]::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.42))!important;
  z-index:1!important;
}

#velShellRight .vel-display-bg-droptext{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:10px!important;
  text-align:center!important;
  color:#eef3f7!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
}

#velShellRight .vel-display-bg-droptext strong{
  font-size:10.5px!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

#velShellRight .vel-display-bg-droptext span{
  font-size:9.5px!important;
  color:rgba(235,240,245,.64)!important;
}

#velShellRight .vel-right-card-body-unified{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.18) transparent!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-right-card-body-unified::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellRight .vel-recorder-log-list::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velMemoDrawer .vel-memo-main::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}

#velShellRight .vel-right-card-body-unified::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellRight .vel-recorder-log-list::-webkit-scrollbar-track{
  background:transparent!important;
}

#velShellRight .vel-right-card-body-unified::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  border-radius:999px!important;
}

#velShellRight .vel-recorder-log-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  border-radius:999px!important;
}

#velShellRight .vel-model-right-panel > .vel-size-reference-card{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  background:rgba(10,13,18,.72)!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow:hidden!important;
  max-width:100%!important;
}

#velShellRight .vel-size-reference-headrow{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  grid-template-columns:1fr auto!important;
}

#velShellRight .vel-size-reference-row{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  font-size:10px!important;
  color:rgba(235,240,245,.72)!important;
}

#velShellRight .vel-size-reference-compact{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#velShellRight .vel-size-reference-facing-row{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#velShellRight .vel-size-reference-custom-grid{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  grid-template-columns:1fr 1fr auto!important;
}

#velShellRight .vel-size-reference-move-grid{
  display:grid!important;
  gap:6px!important;
  align-items:center!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#velShellRight .vel-size-reference-opacity-row{
  grid-template-columns:auto minmax(0,1fr) 36px!important;
}

#velShellRight .vel-size-reference-card button{
  min-height:24px!important;
  font-size:10px!important;
}

#velShellRight .vel-size-reference-card select{
  min-height:24px!important;
  font-size:10px!important;
}

#velShellRight .vel-size-reference-card input{
  min-height:24px!important;
  font-size:10px!important;
}

#velShellRight .vel-size-reference-toggle.active{
  background:rgba(143,47,66,.82)!important;
  border-color:rgba(232,204,211,.38)!important;
  color:#fff!important;
}

#velShellRight .vel-size-reference-compact .active{
  background:rgba(143,47,66,.82)!important;
  border-color:rgba(232,204,211,.38)!important;
  color:#fff!important;
}

#velShellRight .vel-size-reference-facing-row .active{
  background:rgba(143,47,66,.82)!important;
  border-color:rgba(232,204,211,.38)!important;
  color:#fff!important;
}

#velShellRight .vel-size-reference-details{
  border:0!important;
  margin:0!important;
  padding:0!important;
}

#velShellRight .vel-size-reference-details > summary{
  cursor:pointer!important;
  color:rgba(235,240,245,.72)!important;
  font-size:10px!important;
  list-style:none!important;
}

#velShellRight .vel-size-reference-details > summary::-webkit-details-marker{
  display:none!important;
}

#velShellRight .vel-size-reference-status{
  font-size:9.5px!important;
  line-height:1.35!important;
  color:rgba(235,240,245,.56)!important;
}

model-viewer .vel-size-reference-hotspot:not(.vel-human-silhouette-hotspot){
  pointer-events:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  opacity:var(--vel-size-ref-opacity,.55)!important;
  transform:translate(-50%,-100%)!important;
  transform-origin:center bottom!important;
}

.vel-size-reference-hotspot:not(.vel-human-silhouette-hotspot){
  pointer-events:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  opacity:var(--vel-size-ref-opacity,.55)!important;
  transform:translate(-50%,-100%)!important;
  transform-origin:center bottom!important;
}

.vel-size-reference-hotspot[hidden]{
  display:none!important;
}

.vel-size-reference-figure{
  position:relative!important;
  width:calc(var(--vel-size-ref-height-px,100px) * .30)!important;
  min-width:18px!important;
  max-width:70px!important;
  height:var(--vel-size-ref-height-px,100px)!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.36))!important;
}

.vel-size-reference-head{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:30%!important;
  aspect-ratio:1!important;
  height:auto!important;
  border-radius:999px!important;
  transform:translateX(-50%)!important;
  background:rgba(245,248,252,.78)!important;
  border:1px solid rgba(143,47,66,.9)!important;
}

.vel-size-reference-body{
  position:absolute!important;
  left:50%!important;
  top:20%!important;
  bottom:8%!important;
  width:46%!important;
  transform:translateX(-50%)!important;
  border-radius:999px 999px 12px 12px!important;
  background:linear-gradient(180deg, rgba(245,248,252,.78), rgba(220,224,230,.56))!important;
  border:1px solid rgba(143,47,66,.82)!important;
}

.vel-size-reference-base{
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:86%!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  background:rgba(143,47,66,.95)!important;
}

.vel-size-reference-eye{
  position:absolute!important;
  left:50%!important;
  top:calc((1 - var(--vel-size-ref-eye-ratio,.91)) * var(--vel-size-ref-height-px,100px))!important;
  width:calc(var(--vel-size-ref-height-px,100px) * .86)!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:rgba(143,47,66,.95)!important;
  box-shadow:0 0 8px rgba(143,47,66,.42)!important;
  display:none!important;
}

.vel-size-reference-hotspot.show-eye .vel-size-reference-eye{
  display:block!important;
}

.vel-size-reference-hotspot.wheelchair .vel-size-reference-figure{
  width:46px!important;
}

.vel-size-reference-hotspot.wheelchair .vel-size-reference-body{
  bottom:22px!important;
  width:20px!important;
}

.vel-size-reference-hotspot.wheelchair .vel-size-reference-base{
  width:46px!important;
  height:18px!important;
  border:1px solid rgba(143,47,66,.9)!important;
  border-radius:999px!important;
  background:rgba(245,248,252,.16)!important;
}

.vel-size-reference-label{
  margin-top:5px!important;
  padding:2px 5px!important;
  border-radius:999px!important;
  background:rgba(8,10,14,.72)!important;
  color:rgba(245,248,252,.88)!important;
  font-size:10px!important;
  white-space:nowrap!important;
  display:none!important;
}

.vel-size-reference-hotspot.show-label .vel-size-reference-label{
  display:inline-block!important;
}

#velShellRight .vel-pseudo-stereo-card{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  margin-top:7px!important;
  padding-top:7px!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
}

#velShellRight .vel-pseudo-stereo-row{
  font-size:10px!important;
  gap:5px!important;
}

#velShellRight .vel-pseudo-stereo-range{
  font-size:10px!important;
  gap:5px!important;
}

#velShellRight .vel-pseudo-stereo-card button{
  min-height:24px!important;
  font-size:10px!important;
}

#velShellRight .vel-pseudo-stereo-card select{
  min-height:24px!important;
  font-size:10px!important;
}

#velShellRight .vel-pseudo-stereo-card input{
  min-height:24px!important;
  font-size:10px!important;
}

#velShellRight .vel-pseudo-stereo-card button.active{
  background:rgba(143,47,66,.82)!important;
  color:#fff!important;
}

#velShellRight .vel-minimap-card .vel-minimap-canvas{
  image-rendering:auto!important;
}

#velShellRight .vel-model-right-panel .vel-shell-btn{
  max-width:100%!important;
}

#velShellRight .vel-model-right-panel .vel-minimap-button{
  max-width:100%!important;
}

#velShellRight .vel-model-right-panel .vel-model-navigation-turn{
  max-width:100%!important;
}

#velShellRight .vel-model-right-panel select{
  max-width:100%!important;
}

#velShellRight .vel-model-right-panel input{
  max-width:100%!important;
}

.vel-model-xray-edge-card .vel-right-card-body{
  gap:8px;
}

.vel-model-xray-edge-actions{
  margin-top:2px;
}

.vel-model-xray-edge-status{
  font-size:11px;
  line-height:1.35;
}

.vel-model-xray-opacity-row{
  margin-top:2px;
}

.vel-model-edge-strength-row{
  margin-top:2px;
}

model-viewer.vel-model-xray-enabled{
  filter:contrast(1.04) saturate(.78);
}

model-viewer.vel-model-edge-lite-enabled{
  filter:contrast(1.06) saturate(.88);
}

model-viewer.vel-model-xray-enabled.vel-model-edge-lite-enabled{
  filter:contrast(1.06) saturate(.78);
}

model-viewer.vel-model-edge-outer-crease-enabled{
  filter:
    contrast(1.08)
    saturate(.86)
    brightness(.99);
}

model-viewer.vel-model-xray-enabled.vel-model-edge-outer-crease-enabled{
  filter:
    contrast(1.10)
    saturate(.80)
    brightness(.97);
}

#velShellRight .vel-model-section-card > .vel-right-card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:none!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:max-content!important;
}

#velShellRight .vel-model-section-card > .vel-right-card-body-unified{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:none!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:max-content!important;
}

#velShellRight .vel-model-section-card .vel-right-card-body-unified{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:none!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:max-content!important;
}

#velShellRight .vel-model-section-card .vel-right-range-label{
  visibility:visible!important;
  opacity:1!important;
  display:flex!important;
  align-items:center!important;
}

#velShellRight .vel-model-section-card .vel-right-pill-row-combined{
  visibility:visible!important;
  opacity:1!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

#velShellRight .vel-model-section-card .vel-right-section-position-row{
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:5px!important;
  display:grid!important;
  grid-template-columns:28px 62px 28px minmax(0,1fr) 34px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:28px!important;
  overflow:hidden!important;
}

#velShellRight .vel-model-section-card .vel-right-section-value{
  visibility:visible!important;
  opacity:1!important;
  min-width:0!important;
  text-align:right!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-model-section-card .vel-right-status{
  visibility:visible!important;
  opacity:1!important;
  display:block!important;
}

#velShellRight .vel-model-section-card .vel-right-section-range{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
}

#velShellRight .vel-model-right-panel[hidden]{
  display:none!important;
}

#velShellRight .vel-minimap-settings-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:6px!important;
}

#velShellRight .vel-minimap-settings-close{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
}

#velShellRight .vel-minimap-source-row[hidden]{
  display:none!important;
}

#velShellRight .vel-minimap-pdf-row[hidden]{
  display:none!important;
}

#velShellRight .vel-minimap-actions{
  margin-top:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-option-row{
  margin-top:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(auto-fit,minmax(42px,1fr))!important;
}

#velShellRight .vel-minimap-canvas-wrap{
  position:relative!important;
  margin-top:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  min-width:0!important;
  contain:layout paint!important;
  width:100%!important;
  aspect-ratio:1.55 / 1!important;
  min-height:96px!important;
  height:auto!important;
  max-height:220px!important;
}

#velShellRight .vel-minimap-canvas-wrap[hidden]{
  display:none!important;
}

#velShellRight .vel-minimap-status{
  margin-top:6px!important;
  white-space:normal!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-viewer-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  margin-bottom:5px!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-viewer-head .vel-right-subtitle{
  margin:0!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-snap-control{
  margin:0!important;
  display:flex!important;
  justify-content:flex-end!important;
}

#velShellRight .vel-surface-card-dxf .vel-dxf-snap-control .vel-shell-btn{
  min-height:24px!important;
  padding:3px 8px!important;
  font-size:10px!important;
}

#velShellRight .vel-dxf-layer-row.hidden-layer{
  opacity:.50!important;
}

#velShellRight .vel-dxf-layer-state{
  height:22px!important;
  min-height:22px!important;
  padding:0 5px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:6px!important;
  background:#252a30!important;
  color:#eef1f4!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  cursor:pointer!important;
}

#velShellRight .vel-dxf-layer-row.gray .vel-dxf-layer-state{
  background:#3a3b3e!important;
  color:#cfd5db!important;
}

#velShellRight .vel-dxf-layer-row.hidden-layer .vel-dxf-layer-state{
  background:#16191d!important;
  color:#8d969f!important;
}

.vel-model-compare-layer{
  top:calc(var(--vel-shell-menu-height) + var(--vel-shell-top-height))!important;
  bottom:var(--vel-shell-bottom-height)!important;
  left:var(--vel-left-shell-width)!important;
  right:calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width))!important;
  inset:auto calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width)) var(--vel-shell-bottom-height) var(--vel-left-shell-width)!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  position:fixed!important;
  z-index:150!important;
  grid-template-rows:minmax(0,1fr)!important;
  background:#111418!important;
  pointer-events:auto!important;
}

.vel-model-compare-pane{
  border-radius:0!important;
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#15181d!important;
}

.vel-model-compare-pane + .vel-model-compare-pane{
  border-left:1px solid rgba(255,255,255,.20)!important;
}

#velShellRight .vel-model-right-panel > .vel-model-section-card{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:max-content!important;
  overflow:hidden!important;
  contain:layout paint!important;
  background:rgb(32,35,38)!important;
  max-width:100%!important;
}

#velShellRight .vel-model-section-card .vel-right-section-position-row > *{
  min-width:0!important;
  max-width:100%!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-settings-open{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-toggle{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}

#velShellRight .vel-model-right-panel > .vel-minimap-card.vel-minimap-right-card .vel-minimap-canvas{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}

#velShellRight[data-surface="model"]{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}

#velShellRight[data-surface="model"]::-webkit-scrollbar{
  width:8px!important;
}

#velShellRight[data-surface="model"]::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22)!important;
  border-radius:8px!important;
}

#velShellRight[data-surface="model"]::-webkit-scrollbar-track{
  background:rgba(0,0,0,.18)!important;
}

#velShellRight[data-surface="model"] .vel-model-right-panel > *{
  flex-shrink:0!important;
}

body.vel-model-compare-active #walker{
  visibility:hidden!important;
  pointer-events:none!important;
}

#app-container > .vel-model-compare-layer{
  position:fixed!important;
  top:calc(var(--vel-shell-menu-height) + var(--vel-shell-top-height))!important;
  right:calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width))!important;
  bottom:var(--vel-shell-bottom-height)!important;
  left:var(--vel-left-shell-width)!important;
  z-index:150!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  background:#111418!important;
  pointer-events:auto!important;
}

#app-container > .vel-model-compare-layer.active{
  display:grid!important;
}

.vel-model-compare-layer.active{
  display:grid!important;
}

.vel-model-compare-viewer{
  position:absolute!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  display:block!important;
  background:#15181d!important;
}

.vel-model-compare-empty{
  z-index:1!important;
}

.vel-model-compare-pane-label{
  z-index:3!important;
}

.vel-model-compare-status{
  z-index:4!important;
}

.vel-model-compare-layer-exit{
  position:absolute!important;
  z-index:5!important;
  top:10px!important;
  right:10px!important;
  min-height:30px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(245,104,126,.42)!important;
  background:linear-gradient(180deg,rgba(154,52,72,.96),rgba(92,26,40,.98))!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:0 8px 22px rgba(0,0,0,.34)!important;
}

.vel-model-compare-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}

.vel-model-compare-panel-exit{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  border-color:rgba(245,104,126,.36)!important;
  background:rgba(143,47,66,.82)!important;
  color:#fff!important;
}

#velShellFixedViews .vel-model-size-reference-section{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  max-height:36px!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}

#velShellFixedViews .vel-size-reference-card{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  max-height:36px!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}

#velShellFixedViews .vel-size-reference-headrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  min-width:0!important;
}

#velShellFixedViews .vel-size-reference-headrow .vel-right-subtitle{
  display:none!important;
}

#velShellFixedViews .vel-size-reference-toggle{
  min-width:42px!important;
  height:30px!important;
  padding:0 9px!important;
  border-radius:9px!important;
}

#velShellFixedViews .vel-size-reference-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
}

#velShellFixedViews .vel-size-reference-row > span{
  display:none!important;
}

#velShellFixedViews .vel-size-reference-preset{
  height:30px!important;
  min-width:118px!important;
  max-width:150px!important;
  font-size:11px!important;
  border-radius:9px!important;
  background:rgba(15,18,22,.96)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

#velShellFixedViews .vel-size-reference-details{
  position:relative!important;
  display:inline-block!important;
  margin:0!important;
}

#velShellFixedViews .vel-fixed-model-display-details{
  position:relative!important;
  display:inline-block!important;
  margin:0!important;
}

#velShellFixedViews .vel-size-reference-details > summary{
  list-style:none!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(24,28,34,.94)!important;
  color:#e8edf2!important;
  font-size:11px!important;
  font-weight:800!important;
  height:30px!important;
  min-width:34px!important;
}

#velShellFixedViews .vel-fixed-model-display-details > summary{
  list-style:none!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(24,28,34,.94)!important;
  color:#e8edf2!important;
  font-size:9px!important;
  font-weight:800!important;
  width:50px!important;
  min-width:50px!important;
  height:28px!important;
  min-height:28px!important;
}

#velShellFixedViews .vel-size-reference-details > summary::-webkit-details-marker{
  display:none!important;
}

#velShellFixedViews .vel-fixed-model-display-details > summary::-webkit-details-marker{
  display:none!important;
}

#velShellFixedViews .vel-size-reference-details[open]{
  z-index:500!important;
}

#velShellFixedViews .vel-fixed-model-display-details[open]{
  z-index:500!important;
}

#velShellFixedViews .vel-fixed-model-display-details .vel-fixed-model-display-details-body{
  display:none!important;
}

#velShellFixedViews .vel-size-reference-details[open] > :not(summary){
  position:absolute!important;
  left:0!important;
  bottom:38px!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:238px!important;
  padding:10px!important;
  border-radius:12px!important;
  background:rgba(18,22,27,.98)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.44)!important;
}

#velShellFixedViews .vel-fixed-model-display-details[open] .vel-fixed-model-display-details-body{
  position:absolute!important;
  left:0!important;
  bottom:36px!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:238px!important;
  padding:10px!important;
  border-radius:10px!important;
  background:rgba(17,20,24,.98)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.44)!important;
  right:0!important;
  width:220px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  z-index:800!important;
}

#velShellFixedViews .vel-size-reference-compact{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

#velShellFixedViews .vel-size-reference-opacity-row{
  display:grid!important;
  grid-template-columns:auto minmax(90px,1fr) auto!important;
  gap:8px!important;
}

#velShellFixedViews .vel-size-reference-status{
  display:none!important;
}

#velShellFixedViews .vel-size-reference-details[open] .vel-size-reference-status{
  display:block!important;
}

#velShellFixedViews .vel-size-reference-move-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

#velShellFixedViews .vel-size-reference-facing-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

#velShellFixedViews .vel-size-reference-custom-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}

#velShellFixedViews .vel-size-reference-custom-grid button{
  grid-column:1/-1!important;
}

#velShellFixedViews .vel-fixed-model-display-control{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  padding:0!important;
  margin-left:8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}

#velShellFixedViews .vel-fixed-model-display-body{
  align-items:center!important;
  gap:5px!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:row!important;
  margin:0!important;
  padding:0!important;
}

#velShellFixedViews .vel-model-xray-edge-actions{
  align-items:center!important;
  gap:5px!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:row!important;
  margin:0!important;
  padding:0!important;
}

#velShellFixedViews .vel-model-xray-edge-main.active{
  background:linear-gradient(180deg,rgba(154,52,72,.96),rgba(96,27,42,.98))!important;
  border-color:rgba(245,104,126,.34)!important;
  color:#fff!important;
}

#velShellFixedViews .vel-fixed-model-display-details-body .vel-view-match-range-row{
  display:grid!important;
  grid-template-columns:auto minmax(110px,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  margin:0!important;
}

#velShellFixedViews .vel-fixed-model-display-details-body .vel-right-status{
  font-size:10px!important;
  line-height:1.35!important;
}

#velShellRight .vel-model-size-reference-section{
  display:none!important;
}

#velShellRight .vel-model-xray-edge-card{
  display:none!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-model-display-control{
  display:none!important;
}

#velShellFixedViews .vel-size-reference-details[open] > .vel-size-reference-details-body{
  position:absolute!important;
  left:0!important;
  bottom:38px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:238px!important;
  padding:10px!important;
  border-radius:12px!important;
  background:rgba(18,22,27,.98)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.44)!important;
}

#velShellFixedViews .vel-size-reference-details > .vel-size-reference-details-body{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-center{
  min-width:0!important;
  overflow:hidden!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0 4px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-model > .vel-model-size-reference-section{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0 4px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-headrow{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  gap:5px!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  gap:5px!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-details{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  gap:5px!important;
  min-width:0!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-right-subtitle{
  display:none!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-row > span{
  display:none!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-status{
  display:none!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-toggle{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:28px!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-preset{
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 20px 0 8px!important;
  border-radius:8px!important;
  font-size:10px!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-details > summary{
  width:54px!important;
  min-width:54px!important;
  height:28px!important;
  min-height:28px!important;
  border-radius:8px!important;
  font-size:10px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#velShellFixedViews .vel-fixed-model > .vel-size-reference-card .vel-size-reference-details[open] .vel-size-reference-details-body{
  position:absolute!important;
  left:0!important;
  bottom:36px!important;
  width:230px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(17,20,24,.98)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.44)!important;
  z-index:800!important;
}

#velShellFixedViews .vel-fixed-model > .vel-model-xray-edge-card{
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:5px!important;
  padding:0!important;
  margin:0 0 0 4px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

#velShellFixedViews .vel-fixed-model > .vel-fixed-model-display-control{
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:5px!important;
  padding:0!important;
  margin:0 0 0 4px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

#velShellFixedViews .vel-model-xray-edge-main{
  width:44px!important;
  min-width:44px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border-radius:8px!important;
  font-size:9px!important;
}

#velShellFixedViews .vel-fixed-model .vel-fixed-btn{
  height:28px!important;
  min-height:28px!important;
  padding:0 6px!important;
  font-size:9px!important;
}

.vel-minimap-canvas-wrap .vel-minimap-canvas-actions{
  position:absolute;
  right:6px;
  top:6px;
  display:grid;
  grid-template-columns:22px minmax(38px,auto) 22px 34px;
  gap:4px;
  align-items:center;
  width:auto;
  pointer-events:auto;
  padding:4px;
  border-radius:8px;
  background:rgba(22,24,28,.86);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}

.vel-minimap-canvas-wrap .vel-minimap-canvas-actions .small{
  min-width:22px;
  height:22px;
  padding:0 6px;
  font-size:10px;
  line-height:1;
}

.vel-minimap-canvas-wrap .vel-minimap-canvas-actions .icon{
  min-width:22px;
  height:22px;
  padding:0 6px;
  font-size:10px;
  line-height:1;
}

.vel-minimap-canvas-wrap .vel-minimap-canvas-actions .vel-minimap-zoom-value{
  min-height:22px;
  min-width:38px;
  padding:0 5px;
  font-size:10px;
  background:rgba(255,255,255,.07);
}

.vel-minimap-card .vel-minimap-button{
  appearance:none;
  -webkit-appearance:none;
  min-height:26px;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(42,45,52,.96),rgba(22,24,29,.96));
  color:#f2f4f7;
  font-size:10px;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.vel-minimap-card .vel-minimap-button:hover{
  border-color:rgba(143,47,66,.72);
  background:linear-gradient(180deg,rgba(60,42,49,.98),rgba(28,24,29,.98));
}

.vel-minimap-card .vel-minimap-button.active{
  border-color:rgba(143,47,66,.95);
  background:linear-gradient(180deg,rgba(95,35,48,.98),rgba(50,24,31,.98));
  color:#fff;
}

.vel-minimap-card .vel-minimap-button[aria-pressed="true"]{
  border-color:rgba(143,47,66,.95);
  background:linear-gradient(180deg,rgba(95,35,48,.98),rgba(50,24,31,.98));
  color:#fff;
}

.vel-minimap-card .vel-minimap-button.danger{
  border-color:rgba(190,42,48,.55);
  color:#ffd9df;
}

.vel-minimap-card .vel-minimap-button:disabled{
  opacity:.48;
  cursor:default;
}

.vel-minimap-card .vel-minimap-button.icon{
  min-width:22px;
  width:22px;
  height:22px;
  min-height:22px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.vel-minimap-card .vel-minimap-button.fit{
  min-width:34px;
  height:22px;
  min-height:22px;
  padding:0 6px;
}

.vel-minimap-card select{
  border:1px solid rgba(255,255,255,.14);
  background:#15171b;
  color:#eef2f5;
  border-radius:8px;
}

.vel-minimap-card input{
  border:1px solid rgba(255,255,255,.14);
  background:#15171b;
  color:#eef2f5;
  border-radius:8px;
}

.vel-minimap-card select:disabled{
  opacity:.48;
}

.vel-minimap-card input:disabled{
  opacity:.48;
}

.vel-minimap-card .vel-minimap-floor-row:not([hidden]){
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:8px;
  align-items:center;
  margin:6px 0 8px;
}

.vel-minimap-card .vel-minimap-source-row{
  display:none;
}

.vel-minimap-card .vel-minimap-pdf-row{
  display:none;
}

.vel-minimap-card .vel-minimap-option-row[hidden]{
  display:none;
}

.vel-minimap-card .vel-minimap-canvas-wrap{
  background:#111418;
  border-color:rgba(255,255,255,.10);
}

.vel-minimap-card[data-source="model"] .vel-minimap-canvas{
  background:#111418;
}

#velShellFixedViews button{
  appearance:none;
  -webkit-appearance:none;
  background:#252b33!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

#velShellFixedViews summary{
  appearance:none;
  -webkit-appearance:none;
  background:#252b33!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

#velShellFixedViews select{
  appearance:none;
  -webkit-appearance:none;
  background:#252b33!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

#velShellFixedViews button:hover{
  background:#2f353d!important;
  color:#fff!important;
  border-color:rgba(143,47,66,.62)!important;
}

#velShellFixedViews summary:hover{
  background:#2f353d!important;
  color:#fff!important;
  border-color:rgba(143,47,66,.62)!important;
}

#velShellFixedViews select:hover{
  background:#2f353d!important;
  color:#fff!important;
  border-color:rgba(143,47,66,.62)!important;
}

#velShellFixedViews .vel-fixed-menu-btn:hover{
  background:#30343a!important;
  color:#ffffff!important;
  border-color:rgba(143,47,66,.62)!important;
}

#velShellFixedViews button:disabled{
  opacity:.45!important;
  color:#98a1ab!important;
  cursor:default!important;
}

#velShellFixedViews select:disabled{
  opacity:.45!important;
  color:#98a1ab!important;
  cursor:default!important;
}

#velShellFixedViews .vel-fixed-btn:disabled{
  opacity:.45!important;
  color:#98a1ab!important;
  cursor:default!important;
}

#velShellFixedViews button.active{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
  border-color:rgba(199,67,92,.62)!important;
}

#velShellFixedViews button[aria-pressed="true"]{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
  border-color:rgba(199,67,92,.62)!important;
}

#velShellFixedViews .vel-fixed-btn[aria-pressed="true"]{
  background:var(--vel-shell-active,#8f2f42)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.18)!important;
}

#velShellFixedViews .vel-fixed-menu-btn.active{
  background:var(--vel-shell-active,#8f2f42)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.18)!important;
}

#velShellFixedViews .vel-fixed-menu-btn[aria-pressed="true"]{
  background:var(--vel-shell-active,#8f2f42)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.18)!important;
}

#velShellTop button{
  background:#252b33!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

#velShellTop summary{
  background:#252b33!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

#velShellTop select{
  background:#252b33!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

#velShellRight summary{
  /* #velShellRight button: owned per-surface (see route-index.css etc.) */
  background:#252b33!important;
  color:#eef2f6!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

#velShellTop button:hover{
  background:#2f353d!important;
  color:#fff!important;
}

#velShellTop summary:hover{
  background:#2f353d!important;
  color:#fff!important;
}

#velShellTop select:hover{
  background:#2f353d!important;
  color:#fff!important;
}

#velShellTop button.active{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
  border-color:rgba(199,67,92,.62)!important;
}

#velShellTop button[aria-pressed="true"]{
  background:var(--vel-shell-active)!important;
  color:#fff!important;
  border-color:rgba(199,67,92,.62)!important;
}

#velShellRight > [data-surface-card][hidden]{
  display:none!important;
}

#velShellRight > [data-surface-card][data-active="false"]{
  display:none!important;
}

#velShellRight[data-panel-mode="compositeSurface"] > [data-surface-card]:not([data-surface-card="compositeSurface"]){
  display:none!important;
}

#velShellRight[data-panel-mode="compareSurface"] > [data-surface-card]:not([data-surface-card="compareSurface"]){
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > [data-surface-card]:not([data-surface-card="humanSilhouette"]){
  display:none!important;
}

#velShellRight[data-panel-mode="modelCompare"] > [data-surface-card]:not([data-surface-card="modelCompare"]){
  display:none!important;
}

#velShellRight[data-panel-mode="displaySetup"] > [data-surface-card]:not([data-surface-card="displaySetup"]){
  display:none!important;
}

#velShellRight[data-panel-mode="recorder"] > [data-surface-card]:not([data-surface-card="recorder"]){
  display:none!important;
}

#velShellRight[data-panel-mode="compare"] > [data-surface-card]:not([data-surface-card="compare"]){
  display:none!important;
}

#velShellRight[data-panel-mode="viewPath"] > [data-surface-card]:not([data-surface-card="viewPath"]){
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-model{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-pdf{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-dxf{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-images{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-board{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-view-match{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-display-setup{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-recorder{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-model-compare{
  display:none!important;
}

#velShellRight:not([data-panel-mode="humanSilhouette"]) > .vel-surface-card-human-silhouette{
  display:none!important;
}

#velShellRight[data-panel-mode="humanSilhouette"] > .vel-surface-card-human-silhouette{display:grid!important;}

#velShellRight .vel-human-silhouette-panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:#0b0d10;overflow-y:auto;overflow-x:hidden;max-height:100%;scrollbar-width:thin;}

#velShellRight .vel-human-silhouette-panel-header{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #242932;
  padding-bottom:8px;
}

#velShellRight .vel-human-silhouette-title strong{
  display:block;
  font-size:15px;
  letter-spacing:.02em;
  font-weight:800;
  color:#f3f4f6;
  text-transform:none;
}

#velShellRight .vel-human-silhouette-title span{
  display:block;
  margin-top:2px;
  font-size:10px;
  color:#a7adb8;
}

#velShellRight .vel-human-silhouette-close{
  width:24px;
  height:24px;
  border:1px solid #343a45;
  background:#151922;
  color:#f3f4f6;
  font-weight:800;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
}

#velShellRight .vel-human-silhouette-top-controls{
  flex:0 0 auto;
  display:grid;
  gap:4px;
  padding:5px;
  border:1px solid #242932;
  background:#111419;
  overflow-y:visible;
}

#velShellRight .vel-human-silhouette-preview{
  min-height:104px;
  height:118px;
  padding:3px;
  background:#0d1016;
  border:1px solid #2e3545;
  border-radius:8px;
  display:grid;
  place-items:center;
  overflow:hidden;
  max-width:100%;
  contain:layout paint;
}

#velShellRight .vel-human-silhouette-switch-row{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:8px;
  align-items:center;
}

#velShellRight .vel-human-silhouette-enable{
  height:auto!important;
  border:1px solid #343a45;
  background:#171b22;
  color:#a7adb8;
  font-size:10px!important;
  font-weight:750!important;
  border-radius:6px!important;
  min-height:22px!important;
  padding:3px 8px!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellRight .vel-human-silhouette-enable.active{
  background:linear-gradient(180deg,#9f2438,#7f1d2d);
  border-color:#b72a40;
  color:#fff;
}

#velShellRight .vel-human-silhouette-color-switch{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);
  border:1px solid #343a45;
  background:#0f1319;
}

#velShellRight .vel-human-silhouette-color-switch .vel-hs-sub-label{
  display:flex;
  align-items:center;
  padding:0 5px;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}

#velShellRight .vel-human-silhouette-color{
  height:22px!important;
  border:0;
  background:transparent;
  color:#a7adb8;
  font-size:10px!important;
  font-weight:800;
  min-width:0!important;
  padding:2px 5px!important;
}

#velShellRight .vel-human-silhouette-color-option{
  height:26px;
  border:0;
  background:transparent;
  color:#a7adb8;
  font-size:11px;
  font-weight:800;
}

#velShellRight .vel-human-silhouette-color-option.active{
  background:#7f1d2d;
  color:#fff;
}

#velShellRight .vel-human-silhouette-color.active{
  background:#7f1d2d;
  color:#fff;
}

#velShellRight .vel-human-silhouette-control-row{
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 44px;
  gap:7px;
  align-items:center;
  color:#a7adb8;
  font-size:10px;
  font-weight:700;
}

#velShellRight .vel-human-silhouette-control-row input[type="range"]{
  width:100%;
  accent-color:#9f2438;
}

#velShellRight .vel-human-silhouette-control-row em{
  height:20px;
  display:grid;
  place-items:center;
  border:1px solid #242932;
  background:#0f1319;
  color:#f3f4f6;
  font-size:10px;
  font-style:normal;
}

#velShellRight .vel-human-silhouette-library{
  min-height:0;
  display:block!important;
  overflow:visible;
}

#velShellRight .vel-human-silhouette-category-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  min-width:0;
}

#velShellRight .vel-human-silhouette-category{
  min-height:22px!important;
  height:auto!important;
  padding:3px 6px!important;
  border:1px solid #242932;
  background:#111419;
  color:#a7adb8;
  font-size:10px!important;
  font-weight:750!important;
  border-radius:6px!important;
  line-height:1.1!important;
  min-width:0!important;
}

#velShellRight .vel-human-silhouette-category.active{
  background:#7f1d2d;
  border-color:#9f2438;
  color:#fff;
}

#velShellRight .vel-human-silhouette-tabs{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  overflow-x:hidden;
  padding-bottom:2px;
  scrollbar-width:none;
}

#velShellRight .vel-human-silhouette-tab{
  height:auto!important;
  padding:3px 8px!important;
  white-space:nowrap;
  border:1px solid #242932;
  background:#111419;
  color:#a7adb8;
  font-size:10px!important;
  font-weight:750!important;
  border-radius:6px!important;
  min-height:22px!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellRight .vel-human-silhouette-tab.active{
  background:#7f1d2d;
  border-color:#9f2438;
  color:#fff;
}

#velShellRight .vel-human-silhouette-variants{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  overflow-x:hidden;
}

#velShellRight .vel-human-silhouette-variant{
  height:auto!important;
  padding:3px 6px!important;
  white-space:nowrap;
  border:1px solid #242932;
  background:#151922;
  color:#a7adb8;
  font-size:10px!important;
  font-weight:750!important;
  border-radius:6px!important;
  min-height:22px!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellRight .vel-human-silhouette-variant.active{
  background:#242932;
  color:#fff;
  border-color:#7f1d2d;
}

#velShellRight .vel-human-silhouette-grid{
  min-height:0;
  overflow:visible;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  padding-right:0;
  padding-bottom:8px;
}

#velShellRight .vel-human-silhouette-card{
  min-height:98px!important;
  border:1px solid #242932;
  background:linear-gradient(180deg,#141820,#090b0f);
  color:#f3f4f6;
  padding:4px!important;
  display:grid!important;
  grid-template-rows:minmax(62px,1fr) auto!important;
  gap:3px;
  cursor:pointer;
  border-radius:8px!important;
  overflow:hidden!important;
}

#velShellRight .vel-human-silhouette-card.active{
  border-color:#9f2438;
  box-shadow:inset 0 0 0 1px rgba(159,36,56,.58),0 0 14px rgba(127,29,45,.18);
}

#velShellRight .vel-human-silhouette-card-visual{
  min-height:62px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 62%);
}

#velShellRight .vel-human-silhouette-card-meta{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:2px 4px!important;
  align-items:center!important;
  text-align:left!important;
  min-width:0!important;
}

#velShellRight .vel-human-silhouette-card-meta span{
  grid-row:1 / span 2;
  color:#a7adb8;
  font-size:10px;
}

#velShellRight .vel-human-silhouette-card-meta strong{
  color:#f3f4f6;
  font-size:9px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
}

#velShellRight .vel-human-silhouette-card-meta em{
  color:#a7adb8;
  font-style:normal;
  font-size:8px;
}

#velShellRight .vel-human-silhouette-bottom-actions{
  position:static!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:5px;
  border-top:1px solid #242932;
  background:#0b0d10;
  padding-top:6px;
  margin-top:2px;
  z-index:auto!important;
}

#velShellRight .vel-human-silhouette-action{
  height:auto!important;
  border:1px solid #343a45;
  background:#171b22;
  color:#f3f4f6;
  font-size:10px!important;
  font-weight:750!important;
  border-radius:6px!important;
  min-height:24px!important;
  padding:4px 6px!important;
  letter-spacing:0!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellRight .vel-human-silhouette-action.active{
  border-color:#7f1d2d;
  color:#fff;
  box-shadow:inset 0 -2px 0 #7f1d2d;
}

#velShellRight .vel-human-silhouette-place{
  grid-column:1 / -1;
  height:30px!important;
  border:1px solid #9f2438;
  background:linear-gradient(180deg,#8d2436,#641827);
  color:#fff;
  font-size:11px!important;
  font-weight:900;
  letter-spacing:.02em;
  min-height:30px!important;
  border-radius:6px!important;
}

#velShellRight .vel-human-silhouette-asset-error{
  width:100%;
  min-height:72px;
  display:grid;
  place-items:center;
  border:1px dashed #8f2f42;
  border-radius:8px;
  color:#f0a0b0;
  font-size:10px;
  text-align:center;
  padding:8px;
}

#velShellRight .vel-human-silhouette-launcher{
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid #242932;
  background:#111419;
  color:#f3f4f6;
}

#velShellRight .vel-human-silhouette-launcher-title{
  display:grid;
  gap:2px;
}

#velShellRight .vel-human-silhouette-launcher-title strong{
  font-size:12px;
  font-weight:800;
}

#velShellRight .vel-human-silhouette-launcher-title span{
  font-size:10px;
  color:#a7adb8;
}

#velShellRight .vel-human-silhouette-launcher-actions{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:7px;
}

#velShellRight .vel-human-silhouette-mini-toggle{
  height:28px;
  border:1px solid #343a45;
  background:#171b22;
  color:#f3f4f6;
  font-weight:800;
  font-size:11px;
}

#velShellRight .vel-human-silhouette-settings-button{
  height:28px;
  border:1px solid #343a45;
  background:#20242b;
  color:#f3f4f6;
  font-weight:800;
  font-size:11px;
}

#velShellRight .vel-human-silhouette-mini-toggle.active{
  background:#7f1d2d;
  border-color:#9f2438;
  color:#fff;
}

#velShellRight .vel-radial-navigation-card{
  display:grid;
  gap:6px;
  padding:8px;
  border:1px solid #303640;
  background:linear-gradient(180deg,#101319,#080a0d);
  color:#f3f4f6;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 14px 28px rgba(0,0,0,.34);
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}

#velShellRight .vel-radial-navigation-head{
  display:none!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:24px;
  padding:0 2px;
}

#velShellRight .vel-radial-navigation-head span{
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-radial-navigation-mode{
  display:none!important;
}

#velShellRight .vel-radial-navigation-status{
  font-size:10px;
  color:#a7adb8;
  min-height:0;
  height:0;
  overflow:hidden;
  padding:0;
  margin:0;
}

#velShellRight .vel-radial-navigation-status-hidden{
  display:none;
}

#velShellRight .vel-radial-navigation-body{
  display:grid;
  gap:6px;
  justify-items:center;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-radial-navigation-dial{
  position:relative;
  width:min(200px, 100%)!important;
  height:auto!important;
  --vrn-knob-x:0px;
  --vrn-knob-y:0px;
  overflow:hidden!important;
  max-width:100%!important;
  aspect-ratio:1/1!important;
}

#velShellRight .vel-radial-navigation-svg{
  position:absolute;
  left:0;
  top:0;
  width:100%!important;
  height:100%!important;
  display:block;
  overflow:visible;
}

#velShellRight .vel-radial-navigation-knob-svg{
  transform:translate(var(--vrn-knob-x),var(--vrn-knob-y));
  transition:filter .15s;
  cursor:grab;
}

#velShellRight .vel-radial-navigation-knob-accent{
  transform:translate(var(--vrn-knob-x),var(--vrn-knob-y));
  transition:transform 110ms ease-out;
}

#velShellRight .vel-radial-navigation-knob-highlight{
  transform:translate(var(--vrn-knob-x),var(--vrn-knob-y));
  transition:transform 110ms ease-out;
}

#velShellRight .vel-radial-navigation-input{
  position:absolute;
  width:30px!important;
  height:30px!important;
  border:1px solid #2f3640;
  background:linear-gradient(180deg,#222832,#141820);
  color:#f3f4f6;
  font-size:16px!important;
  font-weight:900;
  display:grid;
  place-items:center;
  padding:0;
  box-shadow:0 5px 12px rgba(0,0,0,.38);
  border-radius:6px!important;
}

#velShellRight .vel-radial-navigation-input:hover{
  background:linear-gradient(180deg,#8d2436,#641827);
  border-color:#b72a40;
  color:#fff;
}

#velShellRight .vel-radial-navigation-input.is-active{
  background:linear-gradient(180deg,#8d2436,#641827);
  border-color:#b72a40;
  color:#fff;
}

#velShellRight .vel-radial-navigation-input-up{
  left:calc(50% - 15px);
  top:11%;
}

#velShellRight .vel-radial-navigation-input-right{
  right:11%;
  top:calc(50% - 15px);
}

#velShellRight .vel-radial-navigation-input-down{
  left:calc(50% - 15px);
  bottom:11%;
}

#velShellRight .vel-radial-navigation-input-left{
  left:11%;
  top:calc(50% - 15px);
}

#velShellRight .vel-radial-navigation-actions{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:5px;
}

#velShellRight .vel-radial-navigation-action{
  height:28px;
  border:1px solid #343a45;
  background:#171b22;
  color:#f3f4f6;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#velShellRight .vel-radial-navigation-action:disabled{
  opacity:.38;
  cursor:not-allowed;
}


#velShellRight .vel-radial-navigation-input:disabled{
  opacity:.38;
  cursor:not-allowed;
}

#velShellRight .vel-radial-navigation-turn-button:disabled{
  opacity:.38;
  cursor:not-allowed;
}

#velShellRight .vel-radial-navigation-dial.disabled{
  filter:saturate(.6);
  opacity:.72;
}

#velShellSavedViews[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#velShellSavedViews[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#velShellTop .vel-top-section-camera-history .vel-top-body{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

#velShellTop .vel-top-section-camera-history .vel-top-camera-history-btn{
  min-width:28px!important;
  padding:0 8px!important;
  font-size:12px!important;
  font-weight:800!important;
}

#velShellFixedViews .vel-human-silhouette-launcher{
  display:flex;
  align-items:center;
  gap:4px;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  width:auto!important;
  min-width:0!important;
  padding:0 6px;
  margin:0!important;
  border:none;
  background:none;
  box-shadow:none!important;
  color:var(--vel-shell-text);
  overflow:visible!important;
  white-space:nowrap!important;
  cursor:pointer;
}

#velShellFixedViews .vel-human-silhouette-launcher-title{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

#velShellFixedViews .vel-human-silhouette-launcher-title strong{
  display:inline-flex!important;
  align-items:center!important;
  height:28px!important;
  padding:0 7px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  color:#eef1f4!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
}

#velShellFixedViews .vel-human-silhouette-launcher-title span{
  display:none!important;
}

#velShellFixedViews .vel-human-silhouette-launcher-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}

#velShellFixedViews .vel-human-silhouette-mini-toggle{
  height:28px!important;
  min-height:28px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(24,28,34,.94)!important;
  color:#e8edf2!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  min-width:42px!important;
  padding:0 8px!important;
}

#velShellFixedViews .vel-human-silhouette-settings-button{
  height:28px!important;
  min-height:28px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(24,28,34,.94)!important;
  color:#e8edf2!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  min-width:66px!important;
  padding:0 8px!important;
}

#velShellFixedViews .vel-human-silhouette-mini-toggle.active{
  background:linear-gradient(180deg,rgba(154,52,72,.96),rgba(96,27,42,.98))!important;
  border-color:rgba(245,104,126,.34)!important;
  color:#fff!important;
}

#velShellLeft .vel-left-laser-tool{
  position:relative!important;
}

#velShellLeft .vel-left-laser-tool.active{
  background:linear-gradient(180deg,rgba(154,52,72,.96),rgba(96,27,42,.98))!important;
  color:#fff!important;
}

#velShellLeft .vel-left-laser-tool.active::after{
  content:''!important;
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#ff3030!important;
  box-shadow:0 0 8px rgba(255,48,48,.9)!important;
}

body:not([data-vel-display-surface="model"]) #velShellLeft .vel-left-laser-tool{
  display:none!important;
}

#velShellLeft .vel-left-laser-tool[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-btn-laser{
  display:none!important;
}

#velShellFixedViews .vel-fixed-btn-cam-hist{
  display:none!important;
}

#velShellRight .vel-model-right-panel > .vel-human-silhouette-launcher{
  display:none!important;
}

#velShellRight .vel-model-right-panel > .vel-model-human-silhouette-launcher{
  display:none!important;
}

#velShellRight .vel-model-right-panel > .vel-model-size-reference-section{
  display:none!important;
}

#velShellRight .vel-human-silhouette-state-chip{
  cursor:default!important;
  pointer-events:none!important;
  user-select:none!important;
}

#velShellFixedViews .vel-fixed-btn[data-footer-icon]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}

#velShellFixedViews .vel-fixed-btn[data-footer-icon] > svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.94!important;
}

#velShellFixedViews .vel-fixed-menu-btn[data-footer-icon] > svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.94!important;
}

#velShellFixedViews .vel-fixed-menu-btn[data-footer-icon]{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}

#velShellFixedViews .vel-fixed-label{
  display:inline-block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellFixedViews .vel-fixed-pdf .vel-fixed-label{
  display:none!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-footer-icon] > svg{
  width:14px!important;
  height:14px!important;
  flex-basis:14px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="perspective"]{
  min-width:90px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="front"]{
  min-width:56px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="back"]{
  min-width:56px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="left"]{
  min-width:56px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="right"]{
  min-width:56px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="top"]{
  min-width:56px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="iso"]{
  min-width:56px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-role="ortho"]{
  min-width:58px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="bottom"]{
  min-width:72px!important;
}

#velShellFixedViews .vel-human-silhouette-launcher-title strong::before{
  content:''!important;
  width:12px!important;
  height:12px!important;
  margin-right:5px!important;
  display:inline-block!important;
  background:currentColor!important;
  opacity:.9!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5.5' r='2'/%3E%3Cpath d='M12 8v7M8.5 11h7M10 21l2-6 2 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5.5' r='2'/%3E%3Cpath d='M12 8v7M8.5 11h7M10 21l2-6 2 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

#velShellRight .vel-model-compare-head .vel-model-compare-panel-exit{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
}

#velShellFixedViews .vel-human-silhouette-icon{
  display:flex;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  margin-right:4px!important;
  font-size:11px!important;
  line-height:1!important;
  color:#f1f4f7!important;
  align-items:center;
  opacity:.8;
}

#velShellTop .vel-top-section-camera-history .vel-top-camera-history-btn:disabled{
  opacity:.34!important;
  cursor:not-allowed!important;
  color:#8f98a3!important;
  border-color:rgba(255,255,255,.07)!important;
}

.vel-saved-batch-capture-btn{
  font-size:10px!important;
  padding:2px 6px;
  margin-left:6px;
  opacity:.72;
  background:#1e2530;
  border:1px solid #2e3545;
  color:#adb5bd;
  border-radius:3px;
  cursor:pointer;
  vertical-align:middle;
}

.vel-saved-batch-capture-btn:hover{
  opacity:1;
  background:#252d3a;
}

.vel-top-camera-history-indicator{
  font-size:10px!important;
  opacity:.55;
  padding:0 3px;
  min-width:28px;
  text-align:center;
  pointer-events:none;
  color:#adb5bd;
  line-height:1;
}

.vel-measure-copy-btn{
  font-size:10px!important;
  padding:1px 4px;
  margin-left:4px;
  background:rgba(30,37,48,.85);
  border:1px solid #2e3545;
  color:#adb5bd;
  border-radius:2px;
  cursor:pointer;
  vertical-align:middle;
  line-height:1.2;
}

.vel-measure-copy-btn:hover{
  background:#252d3a;
  color:#dde;
}

#velShellRight .vel-radial-navigation-knob-svg:hover{
  filter:brightness(1.25);
}

#velShellRight [data-knob-drag="true"] .vel-radial-navigation-knob-svg{
  cursor:grabbing;
}

#velShellRight [data-walk-stick-enabled="false"] .vel-radial-navigation-knob-svg{
  cursor:default;
}

#velShellRight .vel-radial-navigation-floor{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 52px;
  align-items:center;
  gap:5px;
  padding:4px 8px 0;
  font-size:10px!important;
  color:#adb5bd;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-radial-navigation-floor-label{
  min-width:54px;
  white-space:nowrap;
  font-size:10px!important;
}

#velShellRight .vel-radial-navigation-floor-range{
  width:100%!important;
  min-width:0!important;
  accent-color:#c0392b;
}

#velShellRight .vel-radial-navigation-floor-number{
  width:min(52px,100%)!important;
  text-align:right;
  background:#1e2530;
  border:1px solid #2e3545;
  color:#dde;
  border-radius:3px;
  padding:2px 4px;
  font-size:10px!important;
  flex:0 1 52px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-variant-numeric:tabular-nums!important;
  max-width:52px!important;
  white-space:nowrap!important;
}

#velShellRight .vel-pdf-search-row{
  display:flex;
  gap:4px;
  margin-bottom:4px;
  padding:0 4px;
}

#velShellRight .vel-pdf-text-search-input{
  flex:1;
  font-size:10px!important;
  padding:3px 6px;
  background:#1e2530;
  border:1px solid #2e3545;
  color:#dde;
  border-radius:3px;
  outline:none;
}

#velShellRight .vel-pdf-text-search-input:focus{
  border-color:#4a90d9;
}

#velShellRight .vel-pdf-text-search-btn{
  padding:3px 7px;
  font-size:10px!important;
  background:#1e2530;
  border:1px solid #2e3545;
  color:#adb5bd;
  border-radius:3px;
  cursor:pointer;
}

#velShellRight .vel-pdf-text-search-btn:hover{
  background:#252d3a;
  color:#dde;
}

#velShellRight .vel-pdf-text-search-results{
  max-height:120px;
  overflow-y:auto;
  font-size:10px!important;
  padding:0 4px 4px;
  background:#191e28;
  border:1px solid #2e3545;
  border-radius:3px;
  margin-bottom:4px;
}

#velShellRight .vel-pdf-text-search-results [data-pdf-search-item-id]{
  padding:3px 4px;
  border-bottom:1px solid #252d3a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
  color:#ccd;
  font-size:10px!important;
}

#velShellRight .vel-pdf-text-search-results [data-pdf-search-item-id]:hover{
  background:#252d3a;
}

#velShellRight .vel-pdf-search-page-label{
  color:#7b8fa6;
  margin-right:4px;
  font-size:10px!important;
}

#velShellRight .vel-recorder-speed-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px 0;
  font-size:10px!important;
  color:#adb5bd;
}

#velShellRight .vel-recorder-speed-select{
  font-size:10px!important;
  padding:2px 4px;
  background:#1e2530;
  border:1px solid #2e3545;
  color:#dde;
  border-radius:3px;
  cursor:pointer;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #velShellFixed{
  pointer-events: none !important;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #walker{
  pointer-events: none !important;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #velShellRight{
  pointer-events: none !important;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #velShellMenu{
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #velShellFixed{
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #walker{
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #velShellRight{
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #velShellMenu{
  pointer-events: none !important;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #velShellLeft button:not(.vel-left-laser-tool){
  pointer-events: none !important;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #velShellLeft input{
  pointer-events: none !important;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #velShellLeft .vel-left-palette{
  pointer-events: none !important;
}

body[data-vel-display-surface="model"][data-laser-pointer-active] #velShellLeft .vel-left-recent-colors{
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #velShellLeft button:not(.vel-left-laser-tool){
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #velShellLeft input{
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #velShellLeft .vel-left-palette{
  pointer-events: none !important;
}

body[data-model-input-locked-by-laser="true"] #velShellLeft .vel-left-recent-colors{
  pointer-events: none !important;
}

#velShellRight .vel-csp-diff-btn{
  background:#1e2530;
  border:1px solid #7f1d2d;
  color:#f3a0a0;
  font-size:10px!important;
  padding:4px 10px;
  border-radius:3px;
  cursor:pointer;
  font-weight:700;
}

#velShellRight .vel-csp-diff-btn:hover{
  background:#7f1d2d;
  color:#fff;
}

.vel-left-recent-colors{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:2px 0;
}

.vel-left-color-recent{
  width:18px;
  height:18px;
  border-radius:2px;
  border:1px solid rgba(255,255,255,.15);
  background:var(--palette-color,#888);
  cursor:pointer;
  opacity:.8;
}

.vel-left-color-recent:hover{
  opacity:1;
  border-color:rgba(255,255,255,.5);
}

#velShellRight .vel-radial-navigation-turn-button{
  position:absolute!important;
  top:166px!important;
  bottom:auto!important;
  width:38px!important;
  height:38px!important;
  min-width:42px!important;
  min-height:38px!important;
  padding:0!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #343a45!important;
  background:linear-gradient(180deg,#20252e,#0b0e13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -8px 14px rgba(0,0,0,.36),0 7px 14px rgba(0,0,0,.46)!important;
  color:#d8dde5!important;
  overflow:hidden!important;
  z-index:5!important;
}

.vel-radial-navigation-turn-left{left:14px!important;}

.vel-radial-navigation-turn-right{right:14px!important;}

#velShellRight .vel-radial-navigation-turn-button::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:999px;
  border:1.6px solid #8c1f31;
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 10px rgba(140,31,49,.16);
  pointer-events:none;
}

#velShellRight .vel-radial-navigation-turn-icon{
  width:34px!important;
  height:34px!important;
  display:block!important;
  transform:translateY(1.5px)!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.75));
  pointer-events:none;
}

#velShellRight .vel-radial-navigation-turn-face{
  opacity:.16;
}

#velShellRight .vel-radial-navigation-turn-ring{
  opacity:.88;
}

#velShellRight .vel-radial-navigation-turn-button:hover{
  border-color:#8f2437!important;
  background:linear-gradient(180deg,#2a1118,#121015)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(143,36,55,.34),0 8px 16px rgba(0,0,0,.52)!important;
}

#velShellRight .vel-radial-navigation-turn-button.is-active{
  border-color:#8f2437!important;
  background:linear-gradient(180deg,#2a1118,#121015)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(143,36,55,.34),0 8px 16px rgba(0,0,0,.52)!important;
}

#velShellRight .vel-radial-navigation-turn-button:hover .vel-radial-navigation-turn-arrow{
  filter:brightness(1.2);
}

#velShellRight .vel-radial-navigation-turn-button:hover .vel-radial-navigation-turn-arrow-head{
  filter:brightness(1.2);
}

#velShellRight .vel-radial-navigation-turn-button.is-active .vel-radial-navigation-turn-arrow{
  filter:brightness(1.2);
}

#velShellRight .vel-radial-navigation-turn-button.is-active .vel-radial-navigation-turn-arrow-head{
  filter:brightness(1.2);
}

#velShellRight [data-walk-stick-enabled="false"] .vel-radial-navigation-turn-button{
  opacity:.38;
  cursor:not-allowed;
}

#velShellRight .vel-hs-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:4px 8px 2px;
}

#velShellRight .vel-hs-title{
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#aab2bb;
}

#velShellRight .vel-hs-close{
  background:none;
  border:none;
  color:#aab2bb;
  font-size:14px;
  cursor:pointer;
  padding:0 4px;
  line-height:1;
}

#velShellRight .vel-hs-close:hover{
  color:#f3f4f6;
}

#velShellRight .vel-hs-sec{
  padding:4px 6px 5px;
  border-bottom:1px solid #1e2530;
}

#velShellRight .vel-hs-sec-title{
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#445;
  margin-bottom:3px;
}

#velShellRight .vel-hs-sec-preview{
  padding:5px 8px 6px;
}

#velShellRight .vel-hs-dd-row{
  display:grid;
  grid-template-columns:1fr 90px 52px;
  gap:4px;
  margin-bottom:6px;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-hs-sel{
  font-size:10px;
  background:#1a1f28;
  border:1px solid #2e3545;
  color:#aab2bb;
  border-radius:3px;
  padding:3px 4px;
  cursor:pointer;
  width:100%;
}

#velShellRight .vel-hs-sel:focus{
  outline:none;
  border-color:#7f1d2d;
}

#velShellRight .vel-hs-preview-wrap{
  width:100%;
  aspect-ratio:1/1.2;
  background:#0d1016;
  border:1px solid #2e3545;
  border-radius:4px;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:6px;
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-hs-preview-canvas{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}

#velShellRight .vel-hs-sub-ctrl{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-bottom:6px;
}

#velShellRight .vel-hs-sub-row{
  display:flex;
  align-items:center;
  gap:4px;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-hs-sub-label{
  font-size:9px;
  color:#556;
  min-width:42px;
}

#velShellRight .vel-hs-color-btn{
  font-size:9px;
  padding:2px 8px;
  border-radius:3px;
  border:1px solid #2e3545;
  background:#1a1f28;
  color:#aab2bb;
  cursor:pointer;
}

#velShellRight .vel-hs-color-btn.active{
  border-color:#7f1d2d;
  color:#f0a0b0;
  background:#2e1018;
}

#velShellRight .vel-hs-color-white.active{
  border-color:#555;
  color:#f3f4f6;
  background:#2a2a2a;
}

#velShellRight .vel-hs-mirror-btn{
  font-size:9px;
  padding:2px 8px;
  border-radius:3px;
  border:1px solid #2e3545;
  background:#1a1f28;
  color:#aab2bb;
  cursor:pointer;
}

#velShellRight .vel-hs-mirror-btn.active{
  border-color:#7f1d2d;
  color:#f0a0b0;
}

#velShellRight .vel-hs-var-btn{
  font-size:11px;
  padding:2px 7px;
  border-radius:3px;
  border:1px solid #2e3545;
  background:#1a1f28;
  color:#aab2bb;
  cursor:pointer;
}

#velShellRight .vel-hs-var-cur{
  font-size:10px;
  font-weight:700;
  color:#f3f4f6;
  min-width:18px;
  text-align:center;
  background:#7f1d2d;
  border-radius:3px;
  padding:2px 6px;
}

#velShellRight .vel-hs-place-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,76px)!important;
  gap:4px;
  margin-bottom:4px;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-hs-place-btn{
  font-size:11px;
  font-weight:700;
  padding:7px;
  border-radius:4px;
  border:none;
  background:#7f1d2d;
  color:#fff;
  cursor:pointer;
}

#velShellRight .vel-hs-place-btn:hover{
  background:#9f2438;
}

#velShellRight .vel-hs-remove-btn{
  font-size:10px;
  padding:7px;
  border-radius:4px;
  border:1px solid #2e3545;
  background:#171b22;
  color:#aab2bb;
  cursor:pointer;
}

#velShellRight .vel-hs-remove-btn:hover{
  border-color:#7f1d2d;
  color:#f0a0b0;
}

#velShellRight .vel-hs-badge{
  font-size:7.5px;
  color:#3a6a3a;
  background:#0a1a0a;
  border:1px solid #1a3a1a;
  border-radius:2px;
  padding:2px 6px;
  text-align:center;
}

#velShellRight .vel-hs-preset-select{
  width:100%;
  background:#1a1f28;
  border:1px solid #2e3545;
  color:#e2e5ea;
  font-size:11px;
  font-weight:600;
  padding:5px 8px;
  border-radius:4px;
  cursor:pointer;
  box-sizing:border-box;
  appearance:auto;
}
#velShellRight .vel-hs-preset-select:focus{
  outline:none;
  border-color:#7f1d2d;
}
#velShellRight .vel-hs-slider-toggle{
  display:flex;
  align-items:center;
  width:100%;
  background:none;
  border:none;
  border-top:1px solid #1e2530;
  padding:4px 2px;
  font-size:9px;
  color:#556;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  text-align:left;
}
#velShellRight .vel-hs-slider-toggle:hover{
  color:#a7adb8;
}
#velShellRight .vel-hs-slider-body{
  padding-top:2px;
}
#velShellRight .vel-hs-slider-body[hidden]{
  display:none!important;
}
#velShellRight .vel-hs-variant-nav{
  background:none;
  border:none;
  color:#a7adb8;
  font-size:10px;
  padding:1px 4px;
  cursor:pointer;
  line-height:1;
}
#velShellRight .vel-hs-variant-nav:hover{
  color:#f3f4f6;
}
#velShellRight .vel-human-silhouette-variant-row{
  display:flex;
  align-items:center;
  gap:4px;
}
#velShellRight .vel-hs-slider-row{
  display:grid;
  grid-template-columns:minmax(40px,52px) minmax(0,1fr) minmax(30px,42px)!important;
  align-items:center;
  gap:4px;
  margin-bottom:2px;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-hs-slider-label{
  font-size:9px;
  color:#aab2bb;
}

#velShellRight .vel-hs-slider{
  width:100%;
  accent-color:#c0392b;
  cursor:pointer;
}

#velShellRight .vel-hs-slider-val{
  font-size:9px;
  color:#aab2bb;
  text-align:right;
  min-width:0!important;
  max-width:54px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-hs-filter-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,84px)!important;
  gap:4px;
  margin-bottom:4px;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-hs-search{
  font-size:10px;
  background:#12161e;
  border:1px solid #2e3545;
  color:#aab2bb;
  border-radius:3px;
  padding:3px 6px;
  width:100%;
}

#velShellRight .vel-hs-search:focus{
  outline:none;
  border-color:#7f1d2d;
}

#velShellRight .vel-hs-filter-cat{
  font-size:10px;
}

#velShellRight .vel-hs-sec-lib{
  flex:0 0 auto;
  display:block!important;
  overflow:visible;
  min-height:0;
}

#velShellRight .vel-hs-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  padding-top:3px;
}

#velShellRight .vel-hs-grid-cell{
  display:flex;
  flex-direction:column;
  align-items:center;
  background:#12161e;
  border:1px solid #2e3545;
  border-radius:3px;
  padding:4px 2px;
  cursor:pointer;
  transition:border-color .12s;
}

#velShellRight .vel-hs-grid-cell:hover{
  border-color:#7f1d2d;
}

#velShellRight .vel-hs-grid-cell.is-selected{
  border-color:#c0392b;
  background:#1a0d12;
}

#velShellRight .vel-hs-grid-thumb{
  width:100%;
  aspect-ratio:1;
  object-fit:contain;
  overflow:hidden;
  display:block;
  filter:opacity(.7);
}

#velShellRight .vel-hs-grid-cell.is-selected .vel-hs-grid-thumb{
  filter:opacity(1);
}

#velShellRight .vel-hs-grid-label{
  font-size:6.5px;
  color:#aab2bb;
  text-align:center;
  margin-top:2px;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap;
  width:100%;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-hs-grid-height{
  font-size:6px;
  color:#556;
  text-align:center;
}

#velShellFixedViews .vel-human-silhouette-launcher[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-human-silhouette-state-chip{
  font-size:9px;
  padding:1px 5px;
  border-radius:999px;
  background:#2a2d31;
  color:#aab2bb;
}

#velShellFixedViews .vel-human-silhouette-state-chip[data-active="true"]{
  background:var(--vel-shell-active);
  color:#fff;
}

#velShellFixedViews .vel-fixed-model-memory .vel-human-silhouette-launcher-label{
  display:none!important;
}

.vel-minimap-card .vel-minimap-button.primary{
  border-color:rgba(143,47,66,.95);
  background:linear-gradient(180deg,rgba(112,39,55,.98),rgba(56,24,33,.98));
  color:#fff;
  font-weight:800;
}

.vel-minimap-card .vel-minimap-button.primary:hover{
  border-color:rgba(184,72,92,.98);
  background:linear-gradient(180deg,rgba(133,48,67,.98),rgba(68,28,39,.98));
}

/*
  r310 UI card containment and alignment guard
  r311 systemic shell UI containment
  Guarded selectors:
  #velShellRight .vel-right-card,
  #velShellRight [data-surface-card],
  #velShellRight .vel-minimap-card,
  #velShellRight .vel-human-silhouette-panel,
  #velShellRight .vel-csp-panel,
  #velShellRight .vel-cs-panel,
*/

#velShellRight .vel-minimap-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  contain:layout paint!important;
  border-radius:6px!important;
  padding:7px!important;
}

#velShellRight .vel-csp-panel{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-cs-panel{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-model-compare-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
}

#velShellRight .vel-surface-card-display-setup{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
}

#velShellRight .vel-surface-card-recorder{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
}

#velShellRight .vel-card-body{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-csp-body{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-cs-body{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-model-compare-body{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-right-card-body > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-card-body > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-model-right-panel > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
  width:100%!important;
}

#velShellRight .vel-minimap-card > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-human-silhouette-panel > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-csp-body > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-cs-body > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-model-compare-body > *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-right-section-position-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:wrap!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:22px minmax(42px,54px) 22px minmax(34px,1fr)!important;
  gap:5px!important;
  align-items:center!important;
}

#velShellRight .vel-minimap-topview-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-pdf-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(34px,44px) minmax(0,1fr)!important;
  gap:6px!important;
  align-items:center!important;
}

#velShellRight .vel-minimap-plan-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) repeat(3,minmax(34px,42px)) minmax(42px,48px)!important;
}

#velShellRight .vel-minimap-manual-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-review-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-button{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  flex-shrink:1!important;
  border-radius:6px!important;
  min-height:22px!important;
  height:auto!important;
  padding:3px 8px!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#velShellRight img{
  box-sizing:border-box!important;
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
}

#velShellRight svg{
  box-sizing:border-box!important;
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
}

#velShellRight canvas{
  box-sizing:border-box!important;
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
}

#velShellRight video{
  box-sizing:border-box!important;
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
}

#velShellRight .vel-pdf-thumb-frame{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-pdf-page-preview{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-image-asset-preview{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-csp-preview{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-cs-preview{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-model-compare-preview{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-canvas-wrap canvas{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-hs-preview-wrap canvas{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-pdf-thumb-frame canvas{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-pdf-page-thumb canvas{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-pdf-page-preview canvas{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-image-asset-thumb img{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-image-asset-preview img{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-csp-preview img{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-cs-preview img{
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

#velShellRight .vel-minimap-canvas-wrap .vel-minimap-canvas-actions{
  max-width:calc(100% - 12px)!important;
  max-height:calc(100vh - 92px)!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-minimap-canvas-wrap .vel-minimap-canvas-actions .vel-minimap-button{
  min-width:0!important;
}

#velShellRight .vel-minimap-canvas-wrap .vel-minimap-canvas-actions .vel-minimap-zoom-value{
  min-width:0!important;
}

#velShellRight .vel-right-card-title-text{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.dialog-backdrop{
  align-items:center!important;
  justify-content:center!important;
}

.confirm-backdrop{
  align-items:center!important;
  justify-content:center!important;
}

#loading-overlay{
  align-items:center!important;
  justify-content:center!important;
}

.surface-empty{
  align-items:center!important;
  justify-content:center!important;
}

.dialog-card{
  box-sizing:border-box!important;
  margin:auto!important;
  min-width:0!important;
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
}

.confirm-card{
  box-sizing:border-box!important;
  margin:auto!important;
  min-width:0!important;
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
}

.loading-card{
  box-sizing:border-box!important;
  margin:auto!important;
  min-width:0!important;
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
}

.surface-empty-card{
  box-sizing:border-box!important;
  margin:auto!important;
  max-width:min(520px, calc(100vw - 48px))!important;
  overflow:hidden!important;
  min-width:0!important;
}

#velShellTop .vel-top-section-model{
  min-width:0!important;
}

#velShellLeft::-webkit-scrollbar{
  display:none!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-btn{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}

#velShellFixedViews:not([data-surface="model"]) button{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}

#velShellFixedViews:not([data-surface="model"]) select{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}

#velShellFixedViews:not([data-surface="model"]) input{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}

#velShellRight .vel-minimap-plan-row span:first-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-human-silhouette-grid button{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-model-compare-pane-title{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-csp-title{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-csp-match-type-badge{
  font-size:9px!important;
  opacity:.7!important;
  margin-left:4px!important;
}

#velShellRight .vel-cs-title{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-model-section-card .vel-right-card-title{
  gap:5px!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-zoom-value{
  min-width:0!important;
  max-width:54px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-pdf-page-thumb:hover{
  background-color:#d4d8dc!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-shadow:none!important;
  color:transparent!important;
}

#velShellRight .vel-pdf-page-thumb.active{
  background-color:#d4d8dc!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-shadow:none!important;
  color:transparent!important;
}

#velShellRight .vel-pdf-page-thumb[aria-pressed="true"]{
  background-color:#d4d8dc!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:none!important;
  box-shadow:none!important;
  color:transparent!important;
}

#velShellRight .vel-pdf-page-thumb.has-thumbnail{
  background-color:#d4d8dc!important;
}

#velShellLeft *{
  box-sizing:border-box!important;
}

#velShellFixedViews *{
  box-sizing:border-box!important;
}

#velShellSaved{
  box-sizing:border-box!important;
}

#velShellSaved *{
  box-sizing:border-box!important;
}

#velShellRight .vel-right-card-unified{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-right-card-active:not(.vel-model-right-panel){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight [data-surface-card]:not(.vel-model-right-panel):not(.vel-surface-card-human-silhouette){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-surface-card-human-silhouette.vel-human-silhouette-panel{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  contain:layout!important;
  scrollbar-width:thin!important;
}

#velShellRight .vel-right-action-footer-unified{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-size-reference-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-human-silhouette{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-human-silhouette__card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-image-review-list{
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-board-panel-body{
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#velShellRight .vel-right-row{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-field{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-pdf-page-row{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
}

#velShellRight .vel-cs-bottom{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-csp-bottom{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-actions-unified{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-right-label{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-right-value{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-right-status-unified{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#velShellRight .vel-right-section-heading{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-minimap-title{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-pdf-page-title{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-board-card-name{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-model-navigation-turn{
  min-width:0!important;
  max-width:100%!important;
  flex-shrink:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-fixed-btn{
  min-width:0!important;
  max-width:100%!important;
  flex-shrink:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#velShellRight .vel-cs-thumb{
  max-width:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-csp-thumb{
  max-width:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-image-review-thumb{
  max-width:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-board-thumb{
  max-width:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-size-reference-visual{
  max-width:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
}

#velShellRight .vel-cs-thumb-area{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-csp-thumb-area{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#velShellRight .vel-cs-thumb-img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  overflow:hidden!important;
  display:block!important;
}

#velShellRight .vel-csp-thumb-img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  overflow:hidden!important;
  display:block!important;
}

#velShellRight .vel-image-review-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  overflow:hidden!important;
  display:block!important;
}

#velShellRight .vel-board-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  overflow:hidden!important;
  display:block!important;
}

#velShellRight .vel-cs-thumb-img[hidden]{
  display:none!important;
}

#velShellRight .vel-csp-thumb-img[hidden]{
  display:none!important;
}

#velShellLeft .vel-left-recent-colors{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

#velShellFixedViews::-webkit-scrollbar{
  display:none!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-left{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-center{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-right{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-model{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-pdf{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-whiteboard{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-dxf{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-images{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellFixedViews:not([data-surface="model"]) .vel-fixed-images-left{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#velShellSaved button{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  flex:0 1 auto!important;
}

#velShellFixedViews .vel-fixed-ortho-scale-label{
  flex:0 0 auto!important;
  max-width:54px!important;
}

.vel-footer-menu{
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}

.vel-popover{
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}

.vel-dropdown{
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}

.vel-context-menu{
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}

.vel-modal-card{
  max-width:min(360px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}

#velShellTop .vel-top-popover-body[hidden]{
  display:none!important;
}

#velShellTop .vel-shell-btn[hidden]{
  display:none!important;
}

#velShellRight .vel-shell-btn[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-fixed-btn[hidden]{
  display:none!important;
}

#velShellRight .vel-right-actions .vel-shell-btn[hidden]{
  display:none!important;
}

#velShellFixedViews .vel-image-crop-action[hidden]{
  display:none!important;
}

#velShellRight .vel-shell-btn.icon{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
}

#velShellRight .vel-minimap-button.icon{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
}

#velShellFixedViews .vel-fixed-btn.icon{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-right > .vel-fixed-model-display-control{
  flex:0 0 auto!important;
  margin:0!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model-memory .vel-fixed-btn:first-child{
  min-width:92px!important;
  padding-left:8px!important;
  padding-right:8px!important;
}

#velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn .vel-fixed-label{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

@media (max-width:1520px){
  #velShellFixedViews[data-surface="model"] .vel-fixed-model{
    gap:4px!important;
  }

  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn{
    width:auto!important;
    min-width:48px!important;
    max-width:76px!important;
    padding:0 6px!important;
    justify-content:center!important;
  }

  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-role="layers"]{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
  }

  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="perspective"]{
    width:auto!important;
    min-width:82px!important;
    max-width:100px!important;
    padding:0 5px!important;
  }

  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="front"],
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="back"],
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="left"],
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="right"],
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="top"],
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="bottom"],
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="iso"],
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-role="ortho"]{
    width:auto!important;
    min-width:48px!important;
    max-width:76px!important;
    padding:0 6px!important;
  }

  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn .vel-fixed-label{
    display:inline-block!important;
    max-width:48px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="perspective"] .vel-fixed-label{
    display:inline!important;
    max-width:none!important;
  }
}

#velShellRight .vel-model-section-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border-radius:6px!important;
  padding:7px!important;
}

#velShellRight .vel-model-radial-navigation-section{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border-radius:6px!important;
  padding:7px!important;
  overflow:hidden!important;
}

#velShellRight .vel-radial-navigation{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-model-section-card .vel-right-card-title-text{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#velShellRight .vel-model-section-card .vel-right-section-state-toggle{
  flex:0 0 38px!important;
  min-width:38px!important;
  max-width:38px!important;
  padding:2px 4px!important;
}

#velShellRight .vel-right-section-position-row .vel-right-section-value{
  display:none!important;
}

#velShellRight .vel-right-section-position-row .vel-right-section-range{
  min-width:34px!important;
}

#velShellRight .vel-minimap-floor-row span{
  min-width:0!important;
}

#velShellRight .vel-select{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-floor-select{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-pdf-doc-select{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-pdf-page-select{
  width:100%!important;
  min-width:0!important;
}

#velShellRight .vel-minimap-canvas{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

#velShellRight .vel-radial-navigation__dial-wrap{
  width:min(188px, calc(100% - 4px))!important;
  height:calc(min(188px, calc(100% - 4px)) * 1.22)!important;
  max-height:228px!important;
  margin:0 auto!important;
}

#velShellRight .vel-radial-navigation__dial{
  left:50%!important;
  top:0!important;
  width:min(168px, calc(100% - 20px))!important;
  height:min(168px, calc(100% - 60px))!important;
  transform:translateX(-50%)!important;
}

#velShellRight .vel-radial-navigation__trapezoid{
  top:calc(min(168px, calc(100% - 60px)) - 14px)!important;
  width:min(76px, calc(50% - 4px))!important;
  height:46px!important;
}

@media (max-width:1180px){
  #velShellFixedViews .vel-fixed-btn[data-footer-icon]{
    gap:3px!important;
  }
  
  #velShellFixedViews .vel-fixed-btn[data-footer-icon] > svg{
    width:12px!important;
    height:12px!important;
    flex-basis:12px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="front"]{
    min-width:30px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="back"]{
    min-width:30px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="left"]{
    min-width:30px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="right"]{
    min-width:30px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="top"]{
    min-width:30px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="bottom"]{
    min-width:30px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-id="iso"]{
    min-width:30px!important;
  }
  
  #velShellFixedViews[data-surface="model"] .vel-fixed-model > .vel-fixed-btn[data-fixed-view-role="ortho"]{
    min-width:30px!important;
  }
}

/* ui/ui.css */
/* Authoritative UI entrypoint. index.html loads ui-shell.css directly; keep this file for feature-specific overrides only. */

/* R: Global safety net for the native `hidden` attribute. Several panels toggle
   visibility via `el.hidden = true/false`, but author rules elsewhere set
   `display` for the same selector without `!important`, which (per CSS cascade
   origin rules) wins over the UA default `[hidden]{display:none}` even at equal
   specificity. This rule restores the expected "hidden means not rendered"
   behavior everywhere, without affecting elements whose `hidden` attribute is
   not set. Higher-specificity per-element overrides (e.g. #velMemoDrawer
   .vel-memo-surface[hidden]) remain unaffected since they have greater specificity. */
[hidden] { display: none !important; }

/* Model Measure hotspots */
.vel-model-measure-hotspot {
  border: 1px solid rgba(255,255,255,.82);
  background: #9a1f3d;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.38);
  pointer-events: none;
  transform: translate(-50%, -50%);
  font: 700 10px/1.1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  z-index: 10;
}
.vel-model-measure-hotspot-point,
.vel-model-measure-hotspot-draft,
.vel-model-measure-hotspot-hover,
.vel-model-measure-hotspot-segment {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 0;
}
.vel-model-measure-hotspot-draft,
.vel-model-measure-hotspot-hover,
.vel-model-measure-hotspot-segment {
  background: #ff6f8f;
}
.vel-model-measure-hotspot-segment {
  width: 6px;
  height: 6px;
  border-width: 0;
  background: #ffd1dc;
  box-shadow: 0 0 0 1px rgba(154,31,61,.82), 0 1px 6px rgba(0,0,0,.32);
}
.vel-model-measure-hotspot-preview-label {
  min-width: 46px;
  max-width: 150px;
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(22,24,28,.90);
  border-color: rgba(255,111,143,.95);
  white-space: nowrap;
}
.vel-model-measure-hotspot-label {
  min-width: 46px;
  max-width: 150px;
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(22,24,28,.90);
  border-color: rgba(154,31,61,.95);
  white-space: nowrap;
}


/* Annotation Arrange context menu is limited to Velqar Annotation Layer objects. */
.annotate-arrange-context-menu {
  position: fixed;
  z-index: 12000;
  min-width: 196px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(20, 20, 22, 0.98);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42);
  color: #f4f4f5;
  font-size: 12px;
  pointer-events: auto;
}
.annotate-arrange-context-menu.hidden {
  display: none;
}
.annotate-arrange-context-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 0;
  border-radius: 7px;
  padding: 7px 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.annotate-arrange-context-menu-item:hover,
.annotate-arrange-context-menu-item:focus-visible {
  outline: none;
  background: rgba(122, 31, 42, 0.72);
}
.annotate-arrange-context-shortcut {
  color: rgba(255, 255, 255, 0.52);
  font-size: 11px;
  white-space: nowrap;
}

/* r181 Size Reference / Eye-Level Reference */
.vel-size-reference-hotspot {
  --vel-size-ref-opacity: .55;
  --vel-size-ref-height-px: 148px;
  --vel-size-ref-eye-ratio: .91;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  pointer-events: none;
  opacity: var(--vel-size-ref-opacity);
  transform: translate(-50%, -100%);
  transform-origin: center bottom;
  color: rgba(255,255,255,.94);
  text-shadow: 0 1px 3px rgba(0,0,0,.65);
  user-select: none;
}
.vel-size-reference-hotspot[hidden] { display: none !important; }
.vel-size-reference-figure {
  position: relative;
  width: calc(var(--vel-size-ref-height-px) * .30);
  height: var(--vel-size-ref-height-px);
  min-width: 24px;
  max-width: 72px;
}
.vel-size-reference-head {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30%;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translateX(-50%);
  background: rgba(245,245,245,.92);
  border: 1px solid rgba(0,0,0,.35);
}
.vel-size-reference-body {
  position: absolute;
  top: 20%;
  left: 50%;
  width: 48%;
  height: 67%;
  transform: translateX(-50%);
  border-radius: 999px 999px 14px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(214,214,214,.72));
  border: 1px solid rgba(0,0,0,.30);
}
.vel-size-reference-base {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 86%;
  height: 2px;
  transform: translateX(-50%);
  background: rgba(255,255,255,.70);
  box-shadow: 0 0 0 1px rgba(0,0,0,.25);
}
.vel-size-reference-eye {
  display: none;
  position: absolute;
  left: 50%;
  top: calc(var(--vel-size-ref-height-px) * (1 - var(--vel-size-ref-eye-ratio)));
  width: calc(var(--vel-size-ref-height-px) * .86);
  height: 1px;
  transform: translateX(-50%);
  background: rgba(154,31,61,.96);
  box-shadow: 0 0 8px rgba(154,31,61,.65);
}
.vel-size-reference-hotspot.show-eye .vel-size-reference-eye { display: block; }
.vel-size-reference-hotspot.facing-side .vel-size-reference-figure { transform: scaleX(.45); transform-origin: center bottom; }
.vel-size-reference-hotspot.wheelchair .vel-size-reference-body { height: 46%; top: 31%; border-radius: 999px; }
.vel-size-reference-hotspot.wheelchair .vel-size-reference-figure::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 8%;
  width: 64%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.72);
  transform: translateX(-50%);
}
.vel-size-reference-label {
  display: none;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(17,18,22,.78);
  font-size: 10px;
  line-height: 1.1;
  white-space: nowrap;
}
.vel-size-reference-hotspot.show-label .vel-size-reference-label { display: block; }
.vel-size-reference-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 0 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.vel-size-reference-card.active .vel-size-reference-toggle {
  background: rgba(154,31,61,.92);
  border-color: rgba(255,255,255,.20);
}
.vel-size-reference-headrow,
.vel-size-reference-row,
.vel-size-reference-compact,
.vel-size-reference-facing-row,
.vel-size-reference-custom-grid {
  display: flex;
  align-items: center;
  gap: 7px;
}
.vel-size-reference-headrow { justify-content: space-between; }
.vel-size-reference-row { justify-content: space-between; font-size: 11px; color: rgba(255,255,255,.68); }
.vel-size-reference-row .vel-select,
.vel-size-reference-custom-grid input {
  min-width: 0;
  flex: 1;
  height: 24px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(13,14,18,.78);
  color: rgba(255,255,255,.90);
  font-size: 11px;
}
.vel-size-reference-opacity-row input[type="range"] { flex: 1; min-width: 74px; }
.vel-size-reference-opacity-row em {
  width: 36px;
  text-align: right;
  color: rgba(255,255,255,.72);
  font-style: normal;
  font-size: 11px;
}
.vel-size-reference-compact .pill,
.vel-size-reference-facing-row .pill {
  min-height: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10px;
}
.vel-size-reference-details {
  border: 0;
  padding: 0;
}
.vel-size-reference-details > summary {
  cursor: pointer;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  list-style: none;
}
.vel-size-reference-details > summary::-webkit-details-marker { display: none; }
.vel-size-reference-details[open] > summary { color: rgba(255,255,255,.86); }
.vel-size-reference-move-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin-top: 7px;
}
.vel-size-reference-custom-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin: 7px 0;
}
.vel-size-reference-custom-grid button { grid-column: 1 / -1; }
.vel-size-reference-status {
  font-size: 10px;
  opacity: .72;
}

/* r181 Size Reference v1 marker/styles: vel-size-reference-hotspot + vel-size-reference-card */
.vel-size-reference-card{box-sizing:border-box;}
.vel-size-reference-hotspot{pointer-events:none;}

/* r182 Model Compare Split View v1 */
.vel-model-compare-layer {
  position: absolute;
  inset: 0;
  z-index: 26;
  display: none;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
  background: rgba(18, 20, 24, 0.96);
  pointer-events: auto;
}
.vel-model-compare-layer.active {
  display: grid;
}
.vel-model-compare-pane {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #111317;
  border: 1px solid rgba(255,255,255,0.12);
}
.vel-model-compare-pane.active {
  border-color: var(--vel-accent, #7f1d2d);
  box-shadow: inset 0 0 0 1px rgba(127,29,45,0.55);
}
.vel-model-compare-viewer {
  width: 100%;
  height: 100%;
  display: block;
  background: #15181d;
}
.vel-model-compare-pane-label,
.vel-model-compare-status {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 10px;
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.2;
  color: rgba(255,255,255,0.88);
  background: rgba(0,0,0,0.45);
  pointer-events: none;
}
.vel-model-compare-status {
  left: 50%;
  top: auto;
  bottom: 12px;
  transform: translateX(-50%);
}
.vel-model-compare-empty {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  color: rgba(255,255,255,0.58);
  text-align: center;
  font-size: 12px;
  background: #15181d;
}
.vel-model-compare-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vel-model-compare-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.vel-model-compare-body,
.vel-model-compare-sources,
.vel-model-compare-source {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vel-model-compare-row,
.vel-model-compare-source {
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
}
.vel-model-compare-row {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.vel-model-compare-button-row,
.vel-model-compare-sync-grid,
.vel-model-compare-fixed-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.vel-model-compare-fixed-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.vel-model-compare-statusline {
  font-size: 11px;
}

/* Pseudo Stereo panel styles. */
.vel-pseudo-stereo-card{
  box-sizing:border-box;
  border:0;
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:8px;
  padding-top:8px;
}
.vel-pseudo-stereo-title{margin:0 0 6px 0!important;}
.vel-pseudo-stereo-row,
.vel-pseudo-stereo-range{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:6px;
  align-items:center;
  margin:4px 0;
  font-size:10px;
  color:rgba(235,240,245,.72);
}
.vel-pseudo-stereo-row{grid-template-columns:auto minmax(0,1fr);}
.vel-pseudo-stereo-select{min-width:0;width:100%;}
.vel-pseudo-stereo-card button.active{background:rgba(143,47,66,.82)!important;border-color:rgba(232,204,211,.38)!important;color:#fff!important;}
.vel-pseudo-stereo-status{font-size:9.5px!important;line-height:1.35!important;}

/* r184 Pseudo Stereo hardening marker/styles: cancel + include capture flags */
.vel-pseudo-stereo-hint{font-size:9.5px!important;line-height:1.35!important;color:rgba(245,248,252,.62)!important;margin:2px 0 0 0!important;}

/* r219 Compare layer actual-view split override loaded after base compare CSS. */
.vel-model-compare-layer{top:calc(var(--vel-shell-menu-height) + var(--vel-shell-top-height))!important;bottom:var(--vel-shell-bottom-height)!important;left:var(--vel-left-shell-width)!important;right:calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width))!important;inset:auto calc(var(--vel-shell-right-width) + var(--vel-shell-rail-width)) var(--vel-shell-bottom-height) var(--vel-left-shell-width)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;padding:0!important;}
.vel-model-compare-pane{border-radius:0!important;}
.vel-model-compare-pane + .vel-model-compare-pane{border-left:1px solid rgba(255,255,255,.18)!important;}

/* Model Measure アクティブ時のカーソル */
[data-model-measure-active] model-viewer,
[data-model-measure-active] #walker {
  cursor: crosshair !important;
}

/* Model Compare パネル サムネイル */
.vel-model-compare-sources {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 8px 0;
}
.vel-model-compare-source {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.vel-model-compare-thumb {
  width: 100%;
  aspect-ratio: 16/9;
  background: #181c22;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.vel-model-compare-thumb:hover {
  border-color: rgba(255,255,255,.25);
}
.vel-model-compare-thumb-empty {
  background: repeating-linear-gradient(135deg,#181c22,#181c22 6px,#1e2229 6px,#1e2229 12px);
}
.vel-model-compare-thumb-label {
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 9px;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  letter-spacing: .06em;
}
.vel-model-compare-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  display: block;
}

/* Model Measure ライン オーバーレイ */
.vel-model-measure-line-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 2;
}
.vel-measure-line {
  fill: none;
  stroke: #9a1f3d;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.88;
}
.vel-measure-line-draft {
  stroke: #ff6f8f;
  stroke-dasharray: 5 4;
  opacity: 0.82;
}
.vel-measure-line-preview {
  stroke: #ff6f8f;
  stroke-width: 1.5;
  stroke-dasharray: 4 3;
  opacity: 0.70;
}

/* ===== View Match Surface Panel ===== */
.vel-vms-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  overflow: hidden;
}
.vel-vms-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-bottom: 1px solid var(--vel-shell-line);
  flex: 0 0 auto;
}
.vel-vms-close {
  width: 22px; height: 22px;
  border: 1px solid var(--vel-shell-line);
  background: #24282d; color: #d6dde4;
  cursor: pointer; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
.vel-vms-top {
  padding: 8px 10px;
  border-bottom: 1px solid var(--vel-shell-line);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.vel-vms-mode-row {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.vel-vms-mode-row > span {
  font-size: 9px;
  color: var(--vel-shell-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
}
.vel-vms-select {
  height: 22px;
  border: 1px solid var(--vel-shell-line);
  background: #111317;
  color: var(--vel-shell-text);
  font-size: 10px;
  padding: 0 4px;
}
.vel-vms-solve-btn {
  height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(154,31,61,.6);
  background: #2b2027;
  color: #f0d7dd;
  font-size: 10px;
  cursor: pointer;
}
.vel-vms-solve-btn:hover { background: #3a2731; }
.vel-vms-solve-btn:disabled { opacity: .38; cursor: not-allowed; }
.vel-vms-small-btn {
  height: 20px;
  padding: 0 6px;
  border: 1px solid var(--vel-shell-line);
  background: #2a2f35;
  color: var(--vel-shell-text);
  font-size: 9px;
  cursor: pointer;
}
.vel-vms-adjust {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.vel-vms-slider-row {
  display: grid;
  grid-template-columns: 52px 1fr 36px;
  align-items: center;
  gap: 4px;
}
.vel-vms-slider-label {
  font-size: 9px;
  color: var(--vel-shell-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.vel-vms-slider { width: 100%; accent-color: #9a1f3d; }
.vel-vms-slider-value { font-size: 9px; color: var(--vel-shell-text); text-align: right; }

/* サムネイルエリア */
.vel-vms-thumb-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 8px 10px;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--vel-shell-line);
}
.vel-vms-thumb {
  aspect-ratio: 4/3;
  background: #0f1319;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vel-vms-thumb:hover { border-color: rgba(255,255,255,.26); }
.vel-vms-thumb-empty {
  background: repeating-linear-gradient(135deg,#0f1319,#0f1319 5px,#161b22 5px,#161b22 10px);
}
.vel-vms-thumb-label {
  position: absolute;
  top: 3px; left: 5px;
  font-size: 9px; font-weight: 700;
  color: rgba(255,255,255,.45);
}
.vel-vms-thumb-img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; display: block; }
.vel-vms-thumb-empty-inner {
  font-size: 9px;
  color: rgba(255,255,255,.3);
  text-align: center;
}

/* 詳細設定 */
.vel-vms-extra-details {
  padding: 4px 10px;
  border-bottom: 1px solid var(--vel-shell-line);
  flex: 0 0 auto;
}
.vel-vms-extra-details summary {
  font-size: 9px;
  color: var(--vel-shell-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer;
}

/* ステータス */
.vel-vms-status {
  padding: 6px 10px;
  font-size: 10px;
  color: var(--vel-shell-muted);
  flex: 1 1 auto;
}

/* 下部アクション */
.vel-vms-bottom {
  padding: 8px 10px;
  border-top: 1px solid var(--vel-shell-line);
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 0 0 auto;
}
.vel-vms-apply-btn {
  width: 100%; height: 28px;
  border: 1px solid rgba(154,31,61,.55);
  background: #2b2027; color: #f0d7dd;
  font-size: 11px; font-weight: 600;
  cursor: pointer;
}
.vel-vms-apply-btn:hover { background: #3a2731; }
.vel-vms-apply-btn:disabled { opacity: .36; cursor: not-allowed; }
.vel-vms-mask-btn {
  width: 100%; height: 24px;
  border: 1px solid rgba(255,255,255,.12);
  background: #1e2328; color: #c8d4de;
  font-size: 10px; cursor: pointer;
}
.vel-vms-mask-btn:hover { background: #282e35; }

/* ===== Composite Surface Panel ===== */
.vel-cs-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  overflow: hidden;
}
.vel-cs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-bottom: 1px solid var(--vel-shell-line);
  flex: 0 0 auto;
}
.vel-cs-close {
  width: 22px; height: 22px;
  border: 1px solid var(--vel-shell-line);
  background: #24282d; color: #d6dde4;
  cursor: pointer; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
.vel-cs-top {
  padding: 8px 10px;
  border-bottom: 1px solid var(--vel-shell-line);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.vel-cs-tool-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
.vel-cs-tool-btn {
  height: 24px;
  border: 1px solid var(--vel-shell-line);
  background: #2a2f35;
  color: var(--vel-shell-text);
  font-size: 9.5px;
  cursor: pointer;
}
.vel-cs-tool-btn.active {
  background: #3a2027;
  border-color: rgba(154,31,61,.6);
  color: #f0d7dd;
}
.vel-cs-small-btn {
  height: 20px; padding: 0 6px;
  border: 1px solid var(--vel-shell-line);
  background: #2a2f35; color: var(--vel-shell-text);
  font-size: 9px; cursor: pointer;
}
.vel-cs-small-btn.danger { border-color: rgba(214,42,58,.4); color: #f0b8c0; }
.vel-cs-slider-row {
  display: grid;
  grid-template-columns: 48px 1fr 32px;
  align-items: center;
  gap: 4px;
}
.vel-cs-slider-label { font-size: 9px; color: var(--vel-shell-muted); text-transform: uppercase; }
.vel-cs-slider { width: 100%; accent-color: #9a1f3d; }
.vel-cs-slider-value { font-size: 9px; color: var(--vel-shell-text); text-align: right; }
.vel-cs-thumb-area {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--vel-shell-line);
  flex: 0 0 auto;
}
.vel-cs-thumb-area-label {
  font-size: 8px;
  color: var(--vel-shell-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
}
.vel-cs-thumb {
  width: 100%;
  height: 60px;
  background: #0f1319;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.vel-cs-thumb-empty {
  background: repeating-linear-gradient(135deg,#0f1319,#0f1319 5px,#161b22 5px,#161b22 10px);
}
.vel-cs-thumb-label {
  position: absolute; top: 3px; left: 5px;
  font-size: 8px; font-weight: 700;
  color: rgba(255,255,255,.45);
}
.vel-cs-thumb-img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
.vel-cs-thumb-empty-inner { font-size: 9px; color: rgba(255,255,255,.3); padding-left: 10px; }
.vel-cs-status {
  padding: 6px 10px;
  font-size: 10px;
  color: var(--vel-shell-muted);
  flex: 1 1 auto;
}
.vel-cs-bottom {
  padding: 8px 10px;
  border-top: 1px solid var(--vel-shell-line);
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 0 0 auto;
}
.vel-cs-export-btn {
  width: 100%; height: 28px;
  border: 1px solid rgba(154,31,61,.55);
  background: #2b2027; color: #f0d7dd;
  font-size: 11px; font-weight: 600;
  cursor: pointer;
}
.vel-cs-export-btn:hover { background: #3a2731; }
.vel-cs-export-btn:disabled { opacity: .36; cursor: not-allowed; }

/* View Match Surface カメラ固定ボタン */
.vel-vms-lock-btn {
  width: 100%; height: 24px;
  border: 1px solid rgba(255,255,255,.15);
  background: #1e2328; color: #c8d4de;
  font-size: 10px; cursor: pointer;
}
.vel-vms-lock-btn:hover { background: #282e35; }
.vel-vms-lock-btn:disabled { opacity: .36; cursor: not-allowed; }
.vel-vms-lock-btn-active {
  background: #1a2b1f;
  border-color: rgba(60,180,100,.5);
  color: #a8e6be;
}

/* ===== Compare Surface Panel ===== */
.vel-csp-panel { display:flex; flex-direction:column; gap:0; height:100%; overflow:hidden; }
.vel-csp-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 10px; border-bottom:1px solid var(--vel-shell-line); flex:0 0 auto;
}
.vel-csp-close {
  width:22px; height:22px; border:1px solid var(--vel-shell-line);
  background:#24282d; color:#d6dde4; cursor:pointer; font-size:14px;
  display:flex; align-items:center; justify-content:center; padding:0;
}
.vel-csp-top {
  padding:8px 10px; border-bottom:1px solid var(--vel-shell-line);
  flex:0 0 auto; display:flex; flex-direction:column; gap:4px;
}
.vel-csp-mode-row { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; }
.vel-csp-mode-btn {
  height:22px; border:1px solid var(--vel-shell-line);
  background:#2a2f35; color:var(--vel-shell-text); font-size:9px; cursor:pointer;
}
.vel-csp-mode-btn.active { background:#2b2027; border-color:rgba(154,31,61,.6); color:#f0d7dd; }
.vel-csp-small-btn {
  height:20px; padding:0 6px; border:1px solid var(--vel-shell-line);
  background:#2a2f35; color:var(--vel-shell-text); font-size:9px; cursor:pointer;
}
.vel-csp-slider-row {
  display:grid; grid-template-columns:52px 1fr 36px; align-items:center; gap:4px;
}
.vel-csp-slider-label { font-size:9px; color:var(--vel-shell-muted); text-transform:uppercase; }
.vel-csp-slider { width:100%; accent-color:#9a1f3d; }
.vel-csp-slider-value { font-size:9px; color:var(--vel-shell-text); text-align:right; }
.vel-csp-thumb-area {
  display:grid; grid-template-columns:1fr 1fr; gap:6px;
  padding:8px 10px; border-bottom:1px solid var(--vel-shell-line); flex:0 0 auto;
}
.vel-csp-thumb {
  aspect-ratio:4/3; background:#0f1319; border:1px solid rgba(255,255,255,.10);
  border-radius:4px; cursor:pointer; overflow:hidden; position:relative;
  display:flex; align-items:center; justify-content:center;
}
.vel-csp-thumb:hover { border-color:rgba(255,255,255,.26); }
.vel-csp-thumb-empty {
  background:repeating-linear-gradient(135deg,#0f1319,#0f1319 5px,#161b22 5px,#161b22 10px);
}
.vel-csp-thumb-label {
  position:absolute; top:3px; left:5px; font-size:9px; font-weight:700; color:rgba(255,255,255,.45);
}
.vel-csp-thumb-img { width:100%; height:100%; object-fit:cover; overflow:hidden; display:block; }
.vel-csp-thumb-empty-inner { font-size:9px; color:rgba(255,255,255,.3); text-align:center; }
.vel-csp-extra-details {
  padding:4px 10px; border-bottom:1px solid var(--vel-shell-line); flex:0 0 auto;
}
.vel-csp-extra-details summary {
  font-size:9px; color:var(--vel-shell-muted); text-transform:uppercase; cursor:pointer;
}
.vel-csp-status { padding:6px 10px; font-size:10px; color:var(--vel-shell-muted); flex:1 1 auto; }
.vel-csp-bottom {
  padding:8px 10px; border-top:1px solid var(--vel-shell-line);
  display:flex; flex-direction:column; gap:5px; flex:0 0 auto;
}
.vel-csp-mask-btn {
  width:100%; height:24px; border:1px solid rgba(255,255,255,.12);
  background:#1e2328; color:#c8d4de; font-size:10px; cursor:pointer;
}
.vel-csp-mask-btn:hover { background:#282e35; }
.vel-csp-exit-btn {
  width:100%; height:24px; border:1px solid rgba(214,42,58,.35);
  background:#1e1a1b; color:#f0b8c0; font-size:10px; cursor:pointer;
}
.vel-csp-exit-btn:hover { background:#271a1c; }

/* Composite Preview Panel（ビューエリア） */
.composite-preview-panel {
  position: absolute;
  inset: 0;
  background: #0a0c10;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.composite-preview-panel.hidden { display: none; }
.vel-cs-interaction-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none;
  cursor: crosshair;
}

/* ===== Memo Drawer: Pin List Tab ===== */
.vel-memo-tabs {
  display: flex;
  gap: 2px;
  flex: 1 1 auto;
}
.vel-memo-tab {
  height: 22px;
  padding: 0 8px;
  border: 1px solid var(--vel-shell-line);
  background: #2a2f35;
  color: var(--vel-shell-muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer;
}
.vel-memo-tab.active {
  background: #1e2328;
  color: var(--vel-shell-text);
  border-bottom-color: transparent;
}
.vel-memo-pin-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.vel-memo-pin-toolbar {
  display: flex;
  gap: 4px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--vel-shell-line);
  flex: 0 0 auto;
}
.vel-memo-pin-filter {
  flex: 1 1 0;
  height: 22px;
  border: 1px solid var(--vel-shell-line);
  background: #111317;
  color: var(--vel-shell-text);
  font-size: 9px;
  padding: 0 3px;
}
.vel-memo-pin-export {
  height: 22px;
  padding: 0 6px;
  border: 1px solid var(--vel-shell-line);
  background: #2a2f35;
  color: var(--vel-shell-text);
  font-size: 9px;
  cursor: pointer;
  white-space: nowrap;
}
.vel-memo-pin-items {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 4px 0;
}
.vel-memo-pin-empty {
  padding: 16px;
  text-align: center;
  font-size: 10px;
  color: var(--vel-shell-muted);
}
.vel-memo-pin-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.vel-memo-pin-item:hover { background: rgba(255,255,255,.04); }
.vel-memo-pin-badge {
  width: 20px; height: 20px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 700; color: #fff;
  flex: 0 0 auto;
}
.vel-memo-pin-info { flex: 1 1 auto; min-width: 0; }
.vel-memo-pin-label {
  font-size: 10px;
  color: var(--vel-shell-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vel-memo-pin-location {
  font-size: 9px;
  line-height: 1.25;
  color: #9fb4cc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vel-memo-pin-meta {
  font-size: 9px;
  color: var(--vel-shell-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vel-memo-pin-status-btn {
  width: 18px; height: 18px;
  border: 1px solid var(--vel-shell-line);
  background: transparent;
  color: var(--vel-shell-muted);
  font-size: 10px;
  cursor: pointer;
  flex: 0 0 auto;
  padding: 0;
}
.vel-memo-pin-status-btn:hover { color: var(--vel-shell-text); }

/* 下部バー追加ボタン */
.vel-fixed-btn-cam-hist {
  width: 22px !important;
  min-width: 22px;
  padding: 0 !important;
}
.vel-fixed-btn-muted { opacity: .45; }
.vel-fixed-btn-batch-capture { min-width: 70px; }

/* スロットビュー並べ替えボタン */
.saved-strip-reorder {
  display: flex;
  gap: 1px;
}
.saved-strip-move {
  width: 14px; height: 14px;
  border: none;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.5);
  font-size: 7px;
  cursor: pointer;
  padding: 0;
  display: flex; align-items: center; justify-content: center;
}
.saved-strip-move:hover { background: rgba(255,255,255,.18); color: #fff; }

/* ViewPATH スロットビュー名オーバーレイ */
.view-name-overlay {
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 18px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 20;
  white-space: nowrap;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.view-name-overlay.visible {
  opacity: 1;
}
.view-name-overlay.hidden {
  display: none;
}

/* スロットビュー リネームボタン */
.saved-strip-rename {
  width: 16px; height: 16px;
  border: none;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.5);
  font-size: 10px;
  cursor: pointer;
  padding: 0;
  display: flex; align-items: center; justify-content: center;
}
.saved-strip-rename:hover { background: rgba(255,255,255,.18); color: #fff; }
/* Unified Compare / Match panel additions */
.vel-csp-match-tools { display:flex; flex-direction:column; gap:6px; padding:7px; border:1px solid rgba(255,255,255,.07); border-radius:8px; background:rgba(255,255,255,.025); }
.vel-csp-point-row, .vel-csp-match-action-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:6px; align-items:center; }
.vel-csp-point-row span { font-size:9px; color:var(--vel-shell-muted); text-transform:uppercase; }
.vel-csp-select { min-width:0; background:#15181d; border:1px solid rgba(255,255,255,.12); color:var(--vel-shell-text); border-radius:5px; padding:4px 6px; font-size:10px; }
.vel-csp-lock-btn-active { border-color:rgba(154,31,61,.65)!important; color:#f0d7dd!important; background:#2b2027!important; }

/* ui/layers-palette.css */
/* Layers Palette: authoritative styles for #vel-layers-palette. */

#vel-layers-palette {
  position: fixed !important;
  top: 76px !important;
  left: 58px !important;
  z-index: 600 !important;
  width: 216px !important;
  max-height: calc(100vh - 116px) !important;
  background: #171a20 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.48) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#vel-layers-palette[hidden],
body:not([data-vel-display-surface="model"]) #vel-layers-palette {
  display: none !important;
}

.vel-layers-palette-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  flex-shrink: 0 !important;
}

.vel-layers-palette-title {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  color: #a2abb6 !important;
}

.vel-layers-palette-header-actions {
  display: flex !important;
  gap: 3px !important;
  align-items: center !important;
}

.vel-layers-palette-reset-btn {
  font-size: 9px !important;
  line-height: 1 !important;
  padding: 3px 6px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 4px !important;
  color: #c8d0d9 !important;
  cursor: pointer !important;
}

.vel-layers-palette-reset-btn:hover {
  background: rgba(255,255,255,.14) !important;
}

.vel-layers-palette-close-btn,
.vel-layers-palette-vis-btn,
.vel-layers-palette-iso-btn,
.vel-layers-palette-fit-btn {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  color: #8a939d !important;
  cursor: pointer !important;
  border-radius: 3px !important;
  padding: 0 !important;
}

.vel-layers-palette-close-btn {
  color: #9aa3ad !important;
  font-size: 12px !important;
}

.vel-layers-palette-close-btn:hover,
.vel-layers-palette-vis-btn:hover,
.vel-layers-palette-iso-btn:hover,
.vel-layers-palette-fit-btn:hover {
  background: rgba(255,255,255,.1) !important;
  color: #fff !important;
}

.vel-layers-palette-search-bar {
  padding: 5px 7px !important;
  flex-shrink: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.vel-layers-palette-search {
  width: 100% !important;
  box-sizing: border-box !important;
  height: 22px !important;
  padding: 2px 6px !important;
  background: rgba(0,0,0,.25) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 4px !important;
  color: #e5e7eb !important;
  font-size: 10px !important;
  outline: none !important;
}

.vel-layers-palette-search::placeholder {
  color: #606870 !important;
}

.vel-layers-palette-tree {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 4px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.12) transparent !important;
}

.vel-layers-palette-tree::-webkit-scrollbar {
  width: 4px !important;
}

.vel-layers-palette-tree::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
}

.vel-layers-palette-empty {
  padding: 12px 6px !important;
  color: #687078 !important;
  font-size: 10px !important;
  text-align: center !important;
}

.vel-layers-palette-node {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 2px 3px !important;
  padding-left: calc(3px + var(--lp-depth,0) * 12px) !important;
  border-radius: 4px !important;
  min-height: 22px !important;
}

.vel-layers-palette-node:hover {
  background: rgba(255,255,255,.05) !important;
}

.vel-layers-palette-node--hidden .vel-layers-palette-node-name {
  opacity: .35 !important;
  text-decoration: line-through !important;
}

.vel-layers-palette-node--isolated {
  background: rgba(200,160,50,.07) !important;
}

.vel-layers-palette-iso-btn--active {
  color: #e0b840 !important;
}

.vel-layers-palette-node-name {
  flex: 1 !important;
  font-size: 10px !important;
  color: #c8d0d9 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vel-layers-palette-fit-btn {
  opacity: 0 !important;
  transition: opacity .15s !important;
}

.vel-layers-palette-node:hover .vel-layers-palette-fit-btn {
  opacity: 1 !important;
}

.vel-layers-palette-opacity-wrap {
  flex-shrink: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  transition: width .15s !important;
}

.vel-layers-palette-node:hover .vel-layers-palette-opacity-wrap {
  width: 46px !important;
}

.vel-layers-palette-opacity {
  width: 42px !important;
  height: 12px !important;
  cursor: pointer !important;
  accent-color: #7ea8e5 !important;
  vertical-align: middle !important;
}

.vel-layers-palette-node--dimmed .vel-layers-palette-node-name {
  color: #8a939d !important;
  font-style: italic !important;
}

/* ui/model-navigation/radial-navigation.css */
/*
  Velqlar Radial Navigation Dial
  No broad button override. This CSS only styles the dedicated component.
*/

.vel-radial-navigation {
  --vrn-bg: #111419;
  --vrn-panel: #171b22;
  --vrn-panel-2: #20242b;
  --vrn-border: #343a45;
  --vrn-border-soft: #242932;
  --vrn-text: #f3f4f6;
  --vrn-muted: #a7adb8;
  --vrn-accent: #7f1d2d;
  --vrn-accent-hover: #9f2438;
  --vrn-accent-active: #b72a40;

  box-sizing: border-box;
  width: 100%;
  color: var(--vrn-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.vel-model-radial-navigation-section {
  margin-top: 8px;
  padding: 8px;
  background: var(--vrn-panel);
  border: 1px solid var(--vrn-border);
  border-radius: 8px;
}

.vel-radial-navigation *,
.vel-radial-navigation *::before,
.vel-radial-navigation *::after {
  box-sizing: border-box;
}

.vel-radial-navigation__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
  min-height: 22px;
}

.vel-radial-navigation__title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.vel-radial-navigation__mode {
  min-width: 48px;
  height: 20px;
  padding: 0 8px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(180deg, #7f1d2d, #5b1723);
  border: 1px solid #b33a4c;
  color: #f3f4f6;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.vel-radial-navigation__body {
  display: grid;
  place-items: center;
}

.vel-radial-navigation__dial-wrap {
  position: relative;
  width: 188px;
  height: 228px;
}

.vel-radial-navigation__dial {
  position: absolute;
  left: 10px;
  top: 0;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 48% 45%, #1b2028 0%, #10141a 45%, #06080c 100%);
  border: 1px solid var(--vrn-border);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,0.025),
    inset 0 0 0 7px #0b0d10,
    0 14px 24px rgba(0,0,0,0.5);
  overflow: hidden;
}

.vel-radial-navigation__dial::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  border: 1px solid rgba(127, 29, 45, 0.92);
  box-shadow: 0 0 14px rgba(127, 29, 45, 0.18);
}

.vel-radial-navigation__dial::after {
  content: "";
  position: absolute;
  inset: 28px;
  border-radius: 50%;
  border: 10px solid #11151c;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.04),
    0 0 0 1px rgba(255,255,255,0.03);
}

.vel-radial-navigation__ticks {
  position: absolute;
  inset: 14px;
  border-radius: 50%;
  background:
    repeating-conic-gradient(
      from 0deg,
      rgba(243,244,246,0.18) 0deg,
      rgba(243,244,246,0.18) 0.7deg,
      transparent 0.7deg,
      transparent 7.5deg
    );
  mask: radial-gradient(circle, transparent 62%, #000 63%, #000 68%, transparent 69%);
  opacity: 0.55;
  pointer-events: none;
}

.vel-radial-navigation__arrow {
  position: absolute;
  z-index: 3;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  padding: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--vrn-text);
  font-size: 22px;
  font-weight: 800;
  cursor: pointer;
  transition: color 120ms ease, transform 120ms ease, text-shadow 120ms ease, background 120ms ease;
}

.vel-radial-navigation__arrow:hover,
.vel-radial-navigation__arrow:focus-visible {
  color: #fff;
  background: rgba(159, 36, 56, 0.18);
  text-shadow: 0 0 10px rgba(183, 42, 64, 0.65);
  outline: none;
}

.vel-radial-navigation__arrow:active,
.vel-radial-navigation__arrow.is-active {
  color: #fff;
  background: rgba(127, 29, 45, 0.48);
  transform: scale(0.96);
}

.vel-radial-navigation__arrow--up {
  left: 50%;
  top: 12px;
  transform: translateX(-50%);
}

.vel-radial-navigation__arrow--right {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.vel-radial-navigation__arrow--down {
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
}

.vel-radial-navigation__arrow--left {
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.vel-radial-navigation__knob {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  transform: translate(-50%, -50%) translate(var(--vrn-knob-x, 0px), var(--vrn-knob-y, 0px));
  background:
    radial-gradient(circle at 38% 32%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.08) 18%, transparent 24%),
    conic-gradient(from 18deg, #050608, #303640, #06070a, #474d57, #080a0d, #252a32, #050608);
  border: 1px solid #4b5563;
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,0.5),
    inset 0 0 0 5px rgba(127, 29, 45, 0.82),
    0 6px 16px rgba(0,0,0,0.65);
  transition: transform 110ms ease-out, box-shadow 110ms ease-out;
}

.vel-radial-navigation__knob::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 50%;
  border: 1px solid rgba(243,244,246,0.08);
}

.vel-radial-navigation__knob.is-active {
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,0.5),
    inset 0 0 0 5px rgba(183, 42, 64, 0.9),
    0 0 18px rgba(183, 42, 64, 0.35),
    0 6px 16px rgba(0,0,0,0.65);
}

.vel-radial-navigation__trapezoid {
  position: absolute;
  z-index: 2;
  width: 76px;
  height: 54px;
  top: 154px;
  border: 1px solid rgba(127, 29, 45, 0.92);
  background: linear-gradient(180deg, #1b2028, #0f1218);
  color: var(--vrn-text);
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 25px;
  font-weight: 700;
  transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.vel-radial-navigation__trapezoid--rotate-left {
  left: 0;
  clip-path: polygon(20% 0, 88% 0, 100% 100%, 0 100%);
}

.vel-radial-navigation__trapezoid--rotate-right {
  right: 0;
  clip-path: polygon(12% 0, 80% 0, 100% 100%, 0 100%);
}

.vel-radial-navigation__trapezoid:hover,
.vel-radial-navigation__trapezoid:focus-visible {
  background: linear-gradient(180deg, #2a303a, #151922);
  border-color: var(--vrn-accent-hover);
  box-shadow: 0 0 14px rgba(127, 29, 45, 0.26);
  outline: none;
}

.vel-radial-navigation__trapezoid:active,
.vel-radial-navigation__trapezoid.is-active {
  background: linear-gradient(180deg, #7f1d2d, #4b111b);
  border-color: var(--vrn-accent-active);
  transform: translateY(1px);
}

.vel-radial-navigation__actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  width: 100%;
  margin-top: 8px;
}

.vel-radial-navigation__action-button {
  height: 30px;
  border: 1px solid var(--vrn-border);
  border-radius: 7px;
  background: #1f242c;
  color: var(--vrn-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.vel-radial-navigation__action-button:hover,
.vel-radial-navigation__action-button:focus-visible {
  background: #2a303a;
  border-color: #4b5563;
  outline: none;
}

.vel-radial-navigation__action-button:active {
  background: var(--vrn-accent);
  border-color: var(--vrn-accent-hover);
  transform: translateY(1px);
}

.vel-radial-navigation[data-input="up"] {
  --vrn-knob-x: 0px;
  --vrn-knob-y: -10px;
}

.vel-radial-navigation[data-input="down"] {
  --vrn-knob-x: 0px;
  --vrn-knob-y: 10px;
}

.vel-radial-navigation[data-input="left"] {
  --vrn-knob-x: -10px;
  --vrn-knob-y: 0px;
}

.vel-radial-navigation[data-input="right"] {
  --vrn-knob-x: 10px;
  --vrn-knob-y: 0px;
}

.vel-radial-navigation[data-input="rotateLeft"] {
  --vrn-knob-x: -8px;
  --vrn-knob-y: 8px;
}

.vel-radial-navigation[data-input="rotateRight"] {
  --vrn-knob-x: 8px;
  --vrn-knob-y: 8px;
}

/* ui/human-silhouette/human-silhouette.css */
/*
  Velqlar Image Walk Human Silhouette Panel
  Dedicated component CSS. No broad button override.
*/

.vel-human-silhouette {
  --vhs-bg: #111419;
  --vhs-panel: #171b22;
  --vhs-panel-2: #1f242c;
  --vhs-border: #343a45;
  --vhs-soft-border: #242932;
  --vhs-text: #f3f4f6;
  --vhs-muted: #a7adb8;
  --vhs-disabled: #666d78;
  --vhs-accent: #7f1d2d;
  --vhs-accent-hover: #9f2438;
  --vhs-accent-active: #b72a40;
  width: 100%;
  color: var(--vhs-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-sizing: border-box;
}

.vel-human-silhouette *,
.vel-human-silhouette *::before,
.vel-human-silhouette *::after {
  box-sizing: border-box;
}

.vel-human-silhouette__card {
  padding: 10px;
  background: var(--vhs-bg);
  border: 1px solid var(--vhs-border);
  border-radius: 8px;
}

.vel-human-silhouette__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.vel-human-silhouette__title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.vel-human-silhouette__toggle {
  height: 24px;
  min-width: 46px;
  border: 1px solid #b33a4c;
  border-radius: 999px;
  background: var(--vhs-accent);
  color: var(--vhs-text);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.vel-human-silhouette__field {
  display: grid;
  grid-template-columns: 82px 1fr;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.vel-human-silhouette__label {
  color: var(--vhs-muted);
  font-size: 11px;
  font-weight: 600;
}

.vel-human-silhouette__select,
.vel-human-silhouette__number {
  width: 100%;
  min-height: 27px;
  border: 1px solid var(--vhs-border);
  border-radius: 6px;
  background: #0f1319;
  color: var(--vhs-text);
  padding: 0 8px;
  font-size: 12px;
}

.vel-human-silhouette__slider-row {
  display: grid;
  grid-template-columns: 82px 1fr 52px;
  align-items: center;
  gap: 8px;
  margin: 9px 0;
}

.vel-human-silhouette__slider {
  accent-color: var(--vhs-accent-hover);
}

.vel-human-silhouette__value {
  min-height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid var(--vhs-soft-border);
  border-radius: 6px;
  background: #0f1319;
  color: var(--vhs-text);
  font-size: 11px;
}

.vel-human-silhouette__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 10px;
}

.vel-human-silhouette__button {
  height: 30px;
  border: 1px solid var(--vhs-border);
  border-radius: 7px;
  background: var(--vhs-panel-2);
  color: var(--vhs-text);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.vel-human-silhouette__button:hover,
.vel-human-silhouette__button:focus-visible {
  background: #2a303a;
  border-color: #4b5563;
  outline: none;
}

.vel-human-silhouette__button:active,
.vel-human-silhouette__button.is-active {
  background: var(--vhs-accent);
  border-color: var(--vhs-accent-hover);
}

.vel-human-silhouette__guides {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--vhs-soft-border);
  display: grid;
  gap: 6px;
}

.vel-human-silhouette__check {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--vhs-muted);
  font-size: 11px;
}

.vel-human-silhouette__check input {
  accent-color: var(--vhs-accent-hover);
}

.vel-human-silhouette__status {
  margin-top: 9px;
  min-height: 24px;
  padding: 5px 7px;
  border: 1px solid var(--vhs-soft-border);
  border-radius: 6px;
  background: #0f1319;
  color: var(--vhs-muted);
  font-size: 11px;
}

.vel-human-silhouette-dedicated-section {
  margin-top: 8px;
  padding: 8px;
  background: var(--vhs-panel);
  border: 1px solid var(--vhs-border);
  border-radius: 8px;
}

.vel-human-silhouette-preview {
  width: 100%;
  height: 200px;
  background: #0f1319;
  border: 1px solid var(--vhs-border);
  border-radius: 6px;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
  overflow: hidden;
}

.vel-human-silhouette-preview .vel-human-silhouette-real-asset {
  max-width: 100%;
  max-height: 100%;
}

/* Human Silhouette 専用パネル内プレビューブロック */
.vel-human-silhouette-preview-block {
  width: 100%;
  padding: 8px 12px;
  background: #0f1319;
  border-top: 1px solid var(--vhs-border);
  border-bottom: 1px solid var(--vhs-border);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  max-height: 180px;
  overflow: hidden;
}

.vel-human-silhouette-preview-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.vel-human-silhouette-preview-inner .vel-human-silhouette-real-asset {
  max-width: 100%;
  max-height: 160px;
}

/* Human Silhouette ナビゲーター（◀▶） */
.vel-human-silhouette-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-top: 1px solid var(--vhs-border);
}
.vel-human-silhouette-nav-btn {
  width: 28px; height: 28px;
  border: 1px solid var(--vhs-border);
  background: #1e2228;
  color: #d6dde4;
  cursor: pointer;
  font-size: 12px;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  flex: 0 0 auto;
}
.vel-human-silhouette-nav-btn:hover { background: #2a2f38; }
.vel-human-silhouette-nav-btn:disabled { opacity: .35; cursor: not-allowed; }
.vel-human-silhouette-nav-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.vel-human-silhouette-nav-index {
  font-size: 10px;
  color: #d6dde4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.vel-human-silhouette-real-asset {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 80px;
  display: grid;
  place-items: center;
  overflow: hidden;
  opacity: var(--vhs-real-opacity, 1);
}

.vel-human-silhouette-real-asset--mirror {
  transform: scaleX(-1);
}

.vel-human-silhouette-real-img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .45));
}

.vel-human-silhouette-real-asset--white .vel-human-silhouette-real-img {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .82)) drop-shadow(0 8px 14px rgba(0, 0, 0, .42));
}

.vhs-real-guide {
  position: absolute;
  left: 14%;
  right: 14%;
  pointer-events: none;
}

.vhs-real-guide::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px dashed currentColor;
  opacity: .72;
}

.vhs-real-guide span {
  position: absolute;
  right: 0;
  top: -12px;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
}

.vhs-real-guide--head {
  top: var(--vhs-head-top, 0%);
  color: #9f2438;
}

.vhs-real-guide--eye {
  top: var(--vhs-eye-top, 9%);
  color: rgba(230, 234, 240, .82);
}

.vhs-real-foot-ring {
  position: absolute;
  left: 34%;
  right: 34%;
  bottom: 0;
  height: 7%;
  border: 1px solid rgba(170, 178, 188, .55);
  border-radius: 999px;
  pointer-events: none;
}

.vhs-real-guide--head span {
  top: 2px;
}

.vhs-real-label {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 2px;
  color: rgba(222, 226, 232, .72);
  font-size: 8px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

#velShellRight .vel-human-silhouette-preview .vel-human-silhouette-real-asset {
  width: min(118px, 100%);
  height: 100%;
  min-height: 0;
  max-height: 118px;
  display: block;
}

#velShellRight .vel-human-silhouette-preview .vel-human-silhouette-real-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#velShellRight .vel-human-silhouette-card-visual .vel-human-silhouette-real-asset {
  width: 100%;
  height: 62px;
  min-height: 62px;
  max-width: 68px;
  max-height: 68px;
  display: block;
}

#velShellRight .vel-human-silhouette-card-visual .vel-human-silhouette-real-img {
  width: 100%;
  height: 62px;
  max-width: 68px;
  max-height: 62px;
  object-fit: contain;
}

#velShellRight .vel-human-silhouette-card-visual .vhs-real-guide span,
#velShellRight .vel-human-silhouette-card-visual .vhs-real-label {
  display: none;
}

#velShellRight .vel-hs-placement-console {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #1e2530;
  display: grid;
  gap: 5px;
  min-width: 0;
}

#velShellRight .vel-hs-console-title {
  font-size: 9px;
  line-height: 1.1;
  color: #6f7886;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#velShellRight .vel-hs-coordinate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
}

#velShellRight .vel-hs-console-field {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 4px;
  min-width: 0;
}

#velShellRight .vel-hs-console-label {
  font-size: 9px;
  line-height: 1;
  color: #aab2bb;
  white-space: nowrap;
}

#velShellRight .vel-hs-console-input {
  width: 100%;
  min-width: 0;
  height: 22px;
  border: 1px solid #2e3545;
  border-radius: 4px;
  background: #11161d;
  color: #e2e5ea;
  font-size: 10px;
  padding: 0 5px;
}

#velShellRight .vel-hs-console-action {
  width: 100%;
  min-width: 0;
  height: 23px;
  border: 1px solid #2e3545;
  border-radius: 4px;
  background: #202630;
  color: #e2e5ea;
  font-size: 10px;
  font-weight: 700;
}

.vel-human-silhouette-hotspot {
  position: relative;
  width: var(--human-silhouette-width, var(--human-silhouette-height, 154px));
  height: var(--human-silhouette-height, 154px);
  border: 0;
  background: transparent !important;
  padding: 0;
  opacity: var(--human-silhouette-opacity, .75);
  pointer-events: auto;
  cursor: move;
  transform: translate(-50%, -100%);
  transform-origin: 50% 100%;
  outline: none;
  touch-action: none;
  user-select: none;
}

.vel-human-silhouette-hotspot.is-selected,
.vel-human-silhouette-hotspot:focus-visible {
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

.vel-human-silhouette-hotspot.is-selected::before,
.vel-human-silhouette-hotspot:focus-visible::before {
  content: "";
  position: absolute;
  inset: 7% 24% 8%;
  border: 1px solid rgba(108, 167, 255, .86);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(7, 13, 22, .72);
  pointer-events: none;
  z-index: 3;
}

.vel-human-silhouette-scene-visual {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vel-human-silhouette-hotspot[data-size-reference-render-mode="three-scene-plane"] .vel-human-silhouette-scene-visual {
  opacity: 0;
}

.vel-human-silhouette-hotspot[data-size-reference-render-mode="three-scene-plane"] {
  width: 24px;
  height: 24px;
  opacity: 1;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}

.vel-human-silhouette-hotspot[data-size-reference-render-mode="three-scene-plane"].is-selected::before,
.vel-human-silhouette-hotspot[data-size-reference-render-mode="three-scene-plane"]:focus-visible::before {
  inset: 4px;
  border-radius: 50%;
}

.vel-human-silhouette-scene-visual .vel-human-silhouette-real-asset {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: none;
  max-height: none;
}

.vel-human-silhouette-scene-visual .vel-human-silhouette-real-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.vel-human-silhouette-hotspot::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 8%;
  height: 12%;
  border-radius: 50%;
  background: rgba(0, 0, 0, .22);
  filter: blur(6px);
  z-index: -1;
}

.vel-human-silhouette-hotspot[data-size-reference-render-mode="three-scene-plane"]::after {
  display: none;
}

/* ui/dxf-annotate-info-panel.css */
#vel-dxf-info-panel{position:fixed;z-index:380;width:220px;background:#1a1d23;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.55);padding:6px 0;font-family:inherit;font-size:12px;color:#e0e0e8;pointer-events:auto;-webkit-user-select:none;user-select:none}
#vel-dxf-info-panel[hidden]{display:none!important}
.vel-dxf-info-header{padding:4px 10px 6px;font-size:11px;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}
.vel-dxf-info-fields{max-height:60vh;overflow-y:auto;padding:2px 0}
.vel-dxf-field-row{display:flex;align-items:center;padding:2px 8px;gap:4px}
.vel-dxf-label{flex:0 0 48px;font-size:11px;color:rgba(255,255,255,.5);text-align:right;padding-right:6px;-webkit-user-select:none;user-select:none;white-space:nowrap}
.vel-dxf-input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e8;font-size:12px;font-family:inherit;padding:2px 5px;outline:none;min-width:0;width:0}
.vel-dxf-input:focus{border-color:rgba(100,160,255,.6);background:rgba(255,255,255,.1)}
.vel-dxf-input[readonly]{color:rgba(255,255,255,.3);cursor:default;border-color:transparent;background:transparent}
.vel-dxf-field-row.vel-dxf-ro .vel-dxf-label{color:rgba(255,255,255,.28)}

/* ui/annotate-texture-symbol-panel.css */
#vel-annotate-material-panel {
  position: fixed;
  right: var(--vel-shell-side-rail-width, 32px);
  top: 66px;
  bottom: 0;
  width: 220px;
  background: #1c1e24;
  border-left: 1px solid rgba(255,255,255,.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  z-index: 520;
  font-size: 12px;
  color: #ccc;
  box-sizing: border-box;
}

#vel-annotate-material-panel[hidden] { display: none !important; }

#velShellRight > #vel-annotate-material-panel {
  position: absolute;
  inset: 0;
  width: auto;
  min-width: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: none;
  z-index: 40;
}

.vel-material-section-header {
  padding: 8px 10px 5px;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255,255,255,.4);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 1px solid rgba(255,255,255,.07);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.vel-material-add-btn {
  background: none;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 3px;
  color: rgba(255,255,255,.55);
  font-size: 14px;
  line-height: 1;
  padding: 0 5px 1px;
  cursor: pointer;
}

.vel-material-add-btn:hover { background: rgba(255,255,255,.1); }

.vel-texture-section {
  flex: 0 0 200px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
}

.vel-texture-section.is-empty {
  flex: 0 0 auto;
}

.vel-texture-grid {
  flex: 1;
  overflow-y: auto;
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  align-content: start;
}

.vel-texture-section.is-empty .vel-texture-grid {
  display: none;
}

.vel-swatch-item {
  aspect-ratio: 1;
  border-radius: 3px;
  border: 1.5px solid transparent;
  background: rgba(255,255,255,.07);
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.vel-swatch-item:hover { border-color: rgba(255,255,255,.3); }
.vel-swatch-item.vel-selected { border-color: #4a9eff; }

.vel-swatch-thumb {
  flex: 1;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  background: #333;
  display: block;
}

.vel-swatch-label {
  font-size: 9px;
  color: rgba(255,255,255,.5);
  padding: 1px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}

.vel-texture-empty {
  grid-column: 1 / -1;
  padding: 14px 10px;
  color: rgba(255,255,255,.3);
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.vel-symbol-section {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.vel-symbol-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 4px 6px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  flex-shrink: 0;
  overflow-x: hidden;
}

.vel-symbol-tab {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: rgba(255,255,255,.4);
  font-size: 10px;
  padding: 3px 6px 4px;
  cursor: pointer;
  white-space: nowrap;
  text-transform: capitalize;
}

.vel-symbol-tab:hover { color: rgba(255,255,255,.7); }
.vel-symbol-tab.vel-active { color: #eee; border-bottom-color: #4a9eff; }

.vel-symbol-grid {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-content: start;
}

.vel-symbol-category-group {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vel-symbol-category-heading {
  color: rgba(255,255,255,.52);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.vel-symbol-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vel-symbol-item {
  min-height: 104px;
  border-radius: 4px;
  border: 1.5px solid transparent;
  background: rgba(255,255,255,.055);
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px;
  box-sizing: border-box;
}

.vel-symbol-item:hover { border-color: rgba(255,255,255,.3); }
.vel-symbol-item.vel-selected { border-color: #4a9eff; }

.vel-symbol-preview {
  width: 100%;
  height: 58px;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f5f7f9;
  border: 1px solid rgba(8,15,24,.18);
  border-radius: 4px;
  box-sizing: border-box;
}

.vel-symbol-preview svg,
.vel-symbol-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vel-symbol-label {
  font-size: 9px;
  color: rgba(255,255,255,.5);
  padding: 3px 2px 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}

.vel-symbol-variants {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px;
  width: 100%;
  min-height: 17px;
}

.vel-symbol-variant-btn {
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 3px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.58);
  font-size: 9px;
  line-height: 14px;
  cursor: pointer;
}

.vel-symbol-variant-btn:hover {
  border-color: rgba(255,255,255,.28);
  color: rgba(255,255,255,.84);
}

.vel-symbol-variant-btn.vel-active {
  background: rgba(151,42,63,.88);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}

/* ui/route-index.css */
.vel-route-launch{margin-left:8px;border:1px solid rgba(255,255,255,.28);background:#6f2430;color:#fff;border-radius:6px;padding:4px 10px;font:600 11px/1.2 system-ui;cursor:pointer}.vel-route-launch:hover{background:#812c39}
.vel-route-index-root-card{display:none!important;position:absolute;inset:0;overflow:hidden;background:var(--panel-bg,#f4f2ef);z-index:50}#velShellRight[data-panel-mode="routeIndex"]>.vel-route-index-root-card{display:flex!important;flex-direction:column}#velShellRight[data-panel-mode="routeIndex"]>.vel-right-card:not(.vel-route-index-root-card){display:none!important}
.vel-route-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;border-bottom:1px solid rgba(0,0,0,.12)}.vel-route-title{font:700 13px/1.2 system-ui;letter-spacing:.02em}.vel-route-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px;border-bottom:1px solid rgba(0,0,0,.12)}.vel-route-tabs .tab{padding:7px 2px;font-size:10px}.vel-route-tabs .active{background:#6f2430;color:#fff;border-color:#6f2430}
.vel-route-body{flex:1;min-height:0;overflow:auto;padding:10px}.vel-route-footer{padding:7px 10px;border-top:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.4)}.vel-route-status{font:500 10px/1.35 system-ui;word-break:break-word}.vel-route-status[data-level="error"],.vel-route-status[data-tone="error"]{color:#a11222}
.vel-route-section-title{margin:10px 0 7px;font:700 11px/1.2 system-ui;text-transform:uppercase;letter-spacing:.06em}.vel-route-section-title:first-child{margin-top:0}.vel-route-row{display:flex;gap:5px;margin:5px 0;align-items:flex-end}.vel-route-row>*{flex:1;min-width:0}.vel-route-btn{border:1px solid rgba(0,0,0,.22);background:#fff;color:#222;border-radius:5px;padding:7px 8px;font:600 10px/1.1 system-ui;cursor:pointer;white-space:nowrap}.vel-route-btn:hover{border-color:#6f2430}.vel-route-btn.primary{background:#6f2430;color:#fff;border-color:#6f2430}.vel-route-btn.danger{color:#a11222}.vel-route-btn.quiet{background:transparent}.vel-route-btn.list{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin:3px 0}.vel-route-btn.list.active{outline:2px solid #6f2430;background:#f3e8ea}
.vel-route-field{display:flex;flex-direction:column;gap:3px;margin:5px 0;min-width:0}.vel-route-label{font:600 9px/1.1 system-ui;color:#555}.vel-route-input{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.22);border-radius:4px;background:#fff;color:#222;padding:6px;font:500 10px/1.3 system-ui}.vel-route-field textarea{min-height:58px;resize:vertical}.vel-route-field input[type="checkbox"]{width:auto;align-self:flex-start}
.vel-route-list{max-height:180px;overflow:auto;margin:5px 0;padding:2px}.vel-route-chip{font:700 8px/1 system-ui;text-transform:uppercase;padding:3px 5px;border-radius:10px;background:#ddd}.vel-route-note,.vel-route-empty,.vel-route-policy{padding:8px;border-radius:5px;background:rgba(0,0,0,.045);font:500 10px/1.4 system-ui;margin:6px 0}.vel-route-validation{padding:8px;border-radius:5px;font:500 9px/1.45 system-ui;margin-top:8px}.vel-route-validation.ok{background:#e6f2e9;color:#245d31}.vel-route-validation.bad{background:#f7e6e8;color:#8d1726}.vel-route-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.vel-route-check{display:flex;gap:6px;align-items:center;font:600 10px/1.2 system-ui}.vel-route-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;overflow:hidden;border-radius:5px;border:1px solid rgba(0,0,0,.15)}.vel-route-thumb-empty{display:grid;place-items:center;aspect-ratio:16/9;background:#ddd;border-radius:5px;font:600 10px system-ui;color:#666}
.vel-route-marker{border:2px solid #fff;border-radius:14px;background:#6f2430;color:#fff;box-shadow:0 2px 7px rgba(0,0,0,.35);padding:4px 7px;font:700 9px/1 system-ui;cursor:pointer;transform:translate(-50%,-50%)}.vel-route-marker.branch{background:#9a671e}.vel-route-marker.transit{background:#4d5660}.vel-route-marker:hover{filter:brightness(1.12)}
.vel-route-unit-label{flex:0 0 auto;align-self:flex-end;padding-bottom:7px;font:600 10px/1.1 system-ui;color:#555}
body:has(#velShellRight[data-panel-mode="routeIndex"]) #shortcut-bar{pointer-events:auto}

body[data-showcase-authoring="true"] #velShellRight{display:flex!important}
.vel-route-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:14;overflow:visible}.vel-route-overlay-line{fill:none;stroke:#f4c7cf;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 4;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.vel-route-anchor{width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
#velShellRight .vel-route-index-root-card{background:linear-gradient(180deg,#222528,#1c1f22)!important;color:#eef1f4!important;border-radius:0!important;padding:0!important;border:0!important}.vel-route-head,.vel-route-tabs,.vel-route-footer{border-color:rgba(255,255,255,.1)}.vel-route-label{color:#aeb5bc}.vel-route-input{background:#17191b;color:#eef1f4;border-color:rgba(255,255,255,.18)}.vel-route-btn{background:#2a2e32;color:#eef1f4;border-color:rgba(255,255,255,.14)}.vel-route-btn:hover{background:#34393e}.vel-route-btn.list.active{background:#4b252c;outline-color:#9a4150}.vel-route-chip{background:#4a4f54;color:#fff}.vel-route-note,.vel-route-empty,.vel-route-policy{background:rgba(255,255,255,.055);color:#cbd1d7}.vel-route-thumb-empty{background:#151719;color:#9da5ad}.vel-route-validation.ok{background:#173624;color:#bce8c7}.vel-route-validation.bad{background:#4a1d25;color:#ffd0d6}.vel-route-status{color:#cbd1d7}

.vel-route-marker.drag-ready,.vel-route-anchor.drag-ready{cursor:grabbing}.vel-route-marker.dragging,.vel-route-anchor.dragging{opacity:.55}.vel-route-drag-ghost{position:fixed;z-index:2147483000;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#7a2733;box-shadow:0 0 0 3px rgba(122,39,51,.3);transform:translate(-50%,-50%);pointer-events:none}

.vel-route-spot-card{position:absolute;left:24px;bottom:24px;z-index:35;display:flex;gap:12px;align-items:stretch;width:min(440px,calc(100% - 340px));min-width:240px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(20,22,24,.94);color:#f4f5f6;box-shadow:0 12px 32px rgba(0,0,0,.34);backdrop-filter:blur(10px)}
.vel-route-spot-card[hidden]{display:none!important}.vel-route-spot-image{width:150px;min-height:84px;object-fit:cover;border-radius:5px;background:#111}.vel-route-spot-card h2{margin:0 0 5px;font:700 14px/1.25 system-ui}.vel-route-spot-card p{margin:0;color:#cdd2d7;font:500 11px/1.5 system-ui;white-space:pre-wrap}.vel-route-drag-ghost{position:fixed;z-index:99999;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #fff;border-radius:50%;background:#8d2635;box-shadow:0 2px 8px rgba(0,0,0,.45);pointer-events:none}

/* ── Footer authoring bar ── */
.vel-route-footer{flex-direction:column;padding:0;gap:0}
.vel-route-foot-btns{display:flex;gap:3px;padding:5px 8px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
#velShellRight .vel-route-status{padding:5px 8px}
.vel-route-btn.foot{padding:4px 8px;font-size:9px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.vel-route-btn.foot:hover{background:rgba(255,255,255,.12)}
.vel-route-btn.foot.active{background:#7a2d3d;border-color:#7a2d3d;color:#fff}
/* ── Slot Views panel ── */
.vel-slot-panel{border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}
.vel-slot-panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.vel-slot-panel-title{font:700 9px/1.2 system-ui;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.06em}
.vel-slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px}
.vel-slot-card{display:flex;flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;background:rgba(255,255,255,.04)}
.vel-slot-thumb-area{aspect-ratio:16/9;background:#07090d;display:grid;place-items:center;overflow:hidden}
.vel-slot-img{width:100%;height:100%;object-fit:cover;cursor:grab;display:block}
.vel-slot-img:active{cursor:grabbing}
.vel-slot-empty{font:600 12px/1 system-ui;color:rgba(255,255,255,.13)}
.vel-slot-actions{display:flex;gap:1px;padding:2px}
.vel-slot-actions .vel-route-btn{flex:1;padding:3px 2px;font-size:8px;text-align:center;white-space:nowrap;border-radius:3px}
.vel-drop-target{outline:2px solid #9a3f52;outline-offset:-1px;background:#4b1d26}
/* ── Authoring Rail ── */
.vel-route-authoring-rail{
  display:none;
  position:fixed;
  top:66px;right:0;bottom:0;
  width:var(--vel-shell-rail-width,32px);
  flex-direction:column;align-items:stretch;
  overflow-y:auto;scrollbar-width:none;
  background:#060c12;
  border-left:1px solid rgba(255,255,255,.08);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.03);
  z-index:230
}
#velShellRight[data-panel-mode="routeIndex"] .vel-route-authoring-rail{display:flex}
#velShellRight[data-panel-mode="routeIndex"] .vel-route-tabs{display:none}
.vel-route-authoring-rail .vel-route-btn{
  flex:0 0 auto;min-height:40px;padding:6px 2px;width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#060c12;border:none;border-top:1px solid rgba(255,255,255,.06);border-radius:0;
  color:rgba(255,255,255,.38);cursor:pointer;
  font:600 7px/1.3 system-ui;text-transform:uppercase;letter-spacing:.06em;
  text-align:center;white-space:normal
}
.vel-route-authoring-rail .vel-route-btn:not(.active):hover{background:#101923;color:rgba(255,255,255,.7)}
.vel-route-authoring-rail .vel-route-btn.active{background:#7a2d3d!important;color:#fff!important}
/* Data pre */
.vel-route-data-pre{
  background:#07090d;border:1px solid rgba(255,255,255,.1);border-radius:6px;
  padding:8px 10px;font:10px/1.5 monospace;color:#9dc5f0;
  white-space:pre-wrap;word-break:break-all;overflow:auto;max-height:360px;margin:5px 0
}