.loft-cmp-overlay{background:var(--color-surface-primary);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.loft-cmp-overlay__visual{flex:1;min-height:0;display:flex}.loft-cmp-overlay__vpanel{cursor:grab;touch-action:none;background:var(--color-surface-primary);overscroll-behavior:contain;flex:1;position:relative;overflow:auto}.loft-cmp-overlay__vpanel:active{cursor:grabbing}.loft-cmp-overlay__panel-label{z-index:2;text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;background:var(--color-surface-card);border-bottom:1px solid var(--color-border-subtle);backdrop-filter:blur(8px);justify-content:center;align-items:center;gap:10px;padding:4px 12px;font-size:.7rem;font-weight:600;display:flex;position:sticky;top:0}.loft-cmp-overlay__panel-filename{letter-spacing:0;text-transform:none;color:var(--color-text-body);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.72rem;font-weight:500;overflow:hidden}.loft-cmp-overlay__divider{background:var(--color-accent-primary);flex-shrink:0;width:2px}.loft-cmp-overlay__visual--single .loft-cmp-overlay__vpanel{flex:100%}.loft-cmp-overlay__canvas-wrap{display:inline-block;position:relative}.loft-cmp-overlay__canvas-wrap canvas{display:block}.loft-cmp-overlay__hl-canvas{pointer-events:none;position:absolute;top:0;left:0}.loft-cmp-overlay__overlay-viewport{cursor:grab;touch-action:none;background:var(--color-surface-primary);overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:auto}.loft-cmp-overlay__overlay-viewport:active{cursor:grabbing}.loft-cmp-overlay__overlay-label{z-index:4;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;background:var(--color-surface-card);border:1px solid var(--color-border-subtle);backdrop-filter:blur(6px);border-radius:var(--radius-xs);pointer-events:none;align-items:center;gap:8px;max-width:45%;padding:3px 10px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:8px}.loft-cmp-overlay__overlay-label--left{left:12px}.loft-cmp-overlay__overlay-label--right{right:12px}.loft-cmp-overlay__overlay-inner{margin:0 auto;position:relative}.loft-cmp-overlay__overlay-inner canvas{position:absolute;top:0;left:0}.loft-cmp-overlay__overlay-b{z-index:1;clip-path:inset(0 0 0 var(--slider-pos,50%))}.loft-cmp-overlay__slider{top:0;bottom:0;left:var(--slider-pos,50%);background:var(--color-accent-primary);cursor:ew-resize;z-index:3;width:3px;position:absolute;transform:translate(-50%)}.loft-cmp-overlay__slider-handle{background:var(--color-surface-card);border:2px solid var(--color-accent-primary);width:32px;height:32px;box-shadow:0 0 12px var(--color-cyan-bg-medium);color:var(--color-accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=899.98px){.loft-cmp-overlay__visual{flex-direction:column}.loft-cmp-overlay__divider{width:100%;height:2px}}.loft-cmp-overlay__canvas-wrap--exclude{cursor:crosshair}.loft-cmp-overlay__canvas-wrap--exclude canvas{pointer-events:none}.loft-cmp-overlay__exclude-rect{border:1.5px solid var(--color-warning);background:color-mix(in srgb, var(--color-warning) 15%, transparent);pointer-events:none;position:absolute}.loft-cmp-overlay__exclude-rect--draft{border-style:dashed}.loft-cmp-overlay__exclude-rect-handle{background:var(--color-warning);border:1px solid var(--color-surface-primary);width:20px;height:20px;color:var(--color-surface-primary);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;font-size:.7rem;display:grid;position:absolute;top:-10px;right:-10px}.loft-cmp-overlay__exclude-rect-handle:hover{filter:brightness(1.15)}.loft-cmp-overlay__ruler-h,.loft-cmp-overlay__ruler-v{background:color-mix(in srgb, var(--color-surface-card) 65%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--color-border-subtle);pointer-events:none;z-index:5;position:absolute;overflow:hidden}.loft-cmp-overlay__ruler-h{border-top:0;border-left:0;border-right:0;height:22px;top:0;left:24px;right:0}.loft-cmp-overlay__ruler-v{border-top:0;border-bottom:0;border-left:0;width:24px;top:22px;bottom:0;left:0}.loft-cmp-overlay__ruler-h-inner,.loft-cmp-overlay__ruler-v-inner{width:100%;height:100%;position:relative}.loft-cmp-overlay__ruler-tick{background:var(--color-text-muted);opacity:.5;width:1px;height:5px;position:absolute;top:auto;bottom:0}.loft-cmp-overlay__ruler-tick--major{opacity:.9;background:var(--color-text-body);height:10px}.loft-cmp-overlay__ruler-tick--v{width:5px;height:1px;inset:0 0 auto auto}.loft-cmp-overlay__ruler-tick--major.loft-cmp-overlay__ruler-tick--v{width:10px}.loft-cmp-overlay__ruler-label{font-size:.6rem;font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-text-body);white-space:nowrap;user-select:none;position:absolute;bottom:11px;left:2px}.loft-cmp-overlay__ruler-label--v{transform-origin:100% 0;inset:1px 11px auto auto;transform:rotate(-90deg)}.loft-cmp-overlay__ruler-unit-chip{background:color-mix(in srgb, var(--color-surface-card) 75%, transparent);backdrop-filter:blur(6px);border:1px solid var(--color-border-subtle);width:24px;height:22px;color:var(--color-accent-action);text-transform:uppercase;cursor:pointer;z-index:6;border-top:0;border-left:0;padding:0;font-size:.62rem;font-weight:700;position:absolute;top:0;left:0}.loft-cmp-overlay__ruler-unit-chip:hover{background:var(--color-surface-card)}@media (width<=767px){.loft-cmp-overlay__ruler-h,.loft-cmp-overlay__ruler-v,.loft-cmp-overlay__ruler-unit-chip{display:none}}.loft-cmp-overlay__pulse{pointer-events:none;z-index:5;border-radius:var(--radius-xs);outline:2px solid var(--color-accent-cyan);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent-cyan) 35%, transparent), 0 0 16px 8px color-mix(in srgb, var(--color-accent-cyan) 25%, transparent);animation:1.8s ease-out 3 loft-cmp-overlay-pulse;position:absolute}@keyframes loft-cmp-overlay-pulse{0%{outline-color:var(--color-accent-cyan);box-shadow:0 0 0 6px color-mix(in srgb, var(--color-accent-cyan) 60%, transparent), 0 0 24px 12px color-mix(in srgb, var(--color-accent-cyan) 45%, transparent)}50%{outline-color:color-mix(in srgb, var(--color-accent-cyan) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-cyan) 20%, transparent), 0 0 12px 6px color-mix(in srgb, var(--color-accent-cyan) 15%, transparent)}to{outline-color:color-mix(in srgb, var(--color-accent-cyan) 80%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent-cyan) 30%, transparent), 0 0 16px 8px color-mix(in srgb, var(--color-accent-cyan) 20%, transparent)}}.loft-cmp-overlay__xray{z-index:4;border:1.5px dashed var(--color-text-heading);outline:1px solid color-mix(in srgb, var(--color-surface-primary) 70%, transparent);border-radius:var(--radius-xs);position:absolute}.loft-cmp-overlay__xray--acked{opacity:.35}.loft-cmp-overlay__xray-mark{border-radius:var(--radius-full);color:var(--color-text-heading);background:var(--color-surface-primary);padding:1px;font-size:12px;line-height:1;position:absolute;top:-12px;left:-12px}