/* CAD Lite CSS */

/* --- Layout & cards --- */
    .lc-wrap{display:grid;gap:14px;grid-template-columns:1fr}
    @media(min-width:900px){.lc-wrap{grid-template-columns:320px 340px minmax(0,1fr)}}
    .lc-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
    .lc-card h3{margin:0 0 8px;font-size:16px;font-weight: 600}
    .lc-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
    .lc-col{display:flex;flex-direction:column;gap:14px}

    /* Inputs / rows */
    .lc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .lc-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .lc-label{font-size:12px;color:#374151;display:block;margin-bottom:2px}
    .lc-input,.lc-select{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;box-sizing:border-box}
    .compact .lc-input,.compact .lc-select{max-width:120px}

    /* Color swatch with ghost input (reliable in Squarespace) */
    .lc-color-stack{position:relative;width:100%;height:40px}
    .lc-color-ghost{position:absolute;inset:0;opacity:0;cursor:pointer}
    .lc-swatch{position:absolute;inset:0;border:1px solid #d1d5db;border-radius:10px;background:var(--c,#fff)}

    /* Kill native color-input chrome so only our swatch shows */
    .lite-cad input[type="color"],
    .lc-color-ghost{
      -webkit-appearance: none;
      appearance: none;
      border: 0;
      outline: 0;
      background: transparent;
    }

    .lc-color-ghost::-webkit-color-swatch-wrapper { padding: 0; }
    .lc-color-ghost::-webkit-color-swatch { border: none; }

    /* Optional: remove the visible box edge entirely */
    .lc-swatch{ border: 0; }


    /* Buttons (uniform) */
    .lc-btn{border:0;background:#111;color:#fff;height:36px;padding:0 12px;border-radius:12px;font-size:14px;cursor:pointer;min-width:120px}
    .lc-btn.alt{background:#f3f4f6;color:#111}
    .lc-btn.red{background:#dc2626}
    .lc-btn.ghost{background:transparent;border:1px solid #d1d5db;color:#111}
    .lc-btn.sm{height:30px;min-width:110px;padding:0 10px;border-radius:10px}

    /* Lists */
    .lc-list{max-height:65vh;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:8px}
    .lc-item{border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin-bottom:10px}
    .lc-item.selected{border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,.15) inset}
    .lc-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
    .lc-chip{display:inline-block;font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb}

    /* Canvas */
    .lc-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:10px}
    .lc-ctl{display:flex;flex-direction:column}
    .lc-canvas-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:14px}
    /* beat Squarespace max-width rules */
    .lite-cad svg, .lite-cad img{max-width:none !important}
    #lc-svg{display:block;width:auto !important;height:auto !important;background:#fff}

    /* Ensure inputs stay visible in Squarespace */
    .lite-cad input[type="number"],
    .lite-cad input[type="text"],
    .lite-cad input[type="color"],
    .lite-cad input[type="range"],
    .lite-cad input[type="file"],
    .lite-cad select{
      display:inline-block !important;visibility:visible !important;opacity:1 !important;
      height:auto !important;background:#fff !important;color:#111 !important
    }

    .lc-btnrow{display:flex;flex-wrap:wrap;gap:8px}
    .lc-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280;margin-bottom:8px}

    /* Corner buttons */
    .lc-corner-grid{display:grid;grid-template-columns:repeat(2,28px);gap:8px}
    .lc-corner-btn{width:28px;height:28px;border:1px solid #d1d5db;border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer}
    .lc-corner-btn.active{outline:2px solid #0ea5e9}
    /* Rotate the right-angle icon per corner */
    .lc-corner-btn svg{ transform-origin:50% 50%; }
    .lc-corner-btn.pos-tr svg{ transform: rotate(90deg); }
    .lc-corner-btn.pos-br svg{ transform: rotate(180deg); }
    .lc-corner-btn.pos-bl svg{ transform: rotate(270deg); }

/* --- Mobile spacing & stacking --- */
@media (max-width: 899px){
  /* stack inner form grids */
  .lc-row,
  .lc-row3{ grid-template-columns: 1fr; gap: 10px; }

  /* tighter cards and columns */
  .lc-card{ padding: 12px; }
  .lc-col{ gap: 10px; }

  /* toolbar: wrap into 2-up blocks on phones, full-width where needed */
  .lc-toolbar{ gap: 8px; }
  .lc-toolbar .lc-ctl{ flex: 1 1 48%; min-width: 0; }
  .lc-toolbar input[type="range"]{ width: 100%; }
  /* keep the Show grid + Snap all usable on one line or wrap cleanly */
  .lc-toolbar .lc-btn{ min-width: 0; }

  /* buttons: full-width for comfy tapping */
  .lc-btn{ min-width: unset; width: 100%; }
  .lc-btnrow{ flex-direction: column; gap: 8px; }

  /* list & canvas panels */
  .lc-list{ max-height: 40vh; }
  .lc-canvas-wrap{ max-height: 60vh; }

  /* labels a hair smaller on mobile */
  .lc-label{ font-size: 11px; }

  /* kill compact width cap so inputs don’t clip */
  .compact .lc-input,
  .compact .lc-select{ max-width: none; }

  /* make the SVG scale with the container (still scrollable if larger) */
  #lc-svg{ width: 100% !important; height: auto !important; }
}

/* Small phones: make each toolbar control full-width */
@media (max-width: 480px){
  .lc-toolbar .lc-ctl{ flex: 1 1 100%; }
}

/* Mobile: move toolbar under the canvas inside the canvas card */
@media (max-width: 899px){
  .lc-col:nth-child(3) .lc-card{ display:flex; flex-direction:column; }
  .lc-col:nth-child(3) .lc-card .lc-top{ order: 0; }        /* meta row */
  .lc-col:nth-child(3) .lc-card .lc-canvas-wrap{ order: 1; }/* SVG */
  .lc-col:nth-child(3) .lc-card .lc-toolbar{ order: 2; }    /* settings */
}

@media (max-width: 899px){
  /* Let the slider get full width and proper touch handling */
  #lc-scale{ width: 100%; height: 32px; touch-action: pan-y; pointer-events: auto; }

  /* Improve mobile ergonomics (iOS/Android) */
  input[type="range"]{ -webkit-appearance:none; appearance:none; }
  input[type="range"]::-webkit-slider-runnable-track{ height:6px; border-radius:999px; border:1px solid #e5e7eb; }
  input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none; appearance:none;
    width:22px; height:22px; border-radius:50%;
    background:#fff; border:1px solid #d1d5db; margin-top:-8px;
  }
  input[type="range"]::-moz-range-track{ height:6px; border-radius:999px; border:1px solid #e5e7eb; }
  input[type="range"]::-moz-range-thumb{ width:22px; height:22px; border-radius:50%; background:#fff; border:1px solid #d1d5db; }
}

/* Pieces as a compact nav list */
.lc-list.lc-nav { border: 1px solid #e5e7eb; border-radius: 12px; padding: 8px; }
.lc-item.nav {
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:10px 12px; margin:0 0 8px; border-radius:10px;
  background: var(--c, #eef2ff); color: var(--fg, #111);
  border: 1px solid rgba(0,0,0,.06); cursor:pointer;
}
.lc-item.nav.selected { outline: 2px solid rgba(14,165,233,.25); }
.lc-item.nav .lc-line {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px;
}
.lc-item.nav .lc-line strong { font-weight: 600; }
.lc-item.nav .lc-select-btn { min-width: auto; height: 28px; padding: 0 10px; border-radius: 8px; }

.lc-list.lc-nav { border:1px solid #e5e7eb; border-radius:12px; padding:8px; }
.lc-item.nav{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:10px 12px; margin:0 0 8px; border-radius:10px;
  background: var(--c, #eef2ff);
  color: var(--fg, #111);
  border:1px solid rgba(0,0,0,.06); cursor:pointer;
}
.lc-item.nav.selected{ outline:2px solid rgba(14,165,233,.25); }
.lc-item.nav .lc-line{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; }
.lc-item.nav .lc-line strong{ font-weight:600; }
.lc-item.nav .lc-select-btn{ min-width:auto; height:28px; padding:0 10px; border-radius:8px; }

.lc-iconbtn{ padding:0 6px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; }
.lc-icon{ width:16px; height:16px; display:block; }
.lc-item.nav.selected{ outline:2px solid rgba(14,165,233,.35); } /* stronger highlight */

/* Let full-width fields span the entire card grid */
.lc-row .full{ grid-column: 1 / -1; }

/* Compact icon buttons in Layouts panel */
#lc-layouts .lc-iconbtn{
  min-width: 0;
  height: 22px;            /* was ~28px */
  padding: 0 4px;          /* tighter */
  border-radius: 6px;
  line-height: 1;
}
#lc-layouts .lc-icon{
  width: 12px;             /* was 16px */
  height: 12px;
  display: block;
}

/* (optional) tighten the right-side actions spacing a touch */
#lc-layouts .lc-item.nav{ gap: 6px; padding: 8px 10px; }  /* was roomier */

/* Compact icon buttons everywhere (Layouts, Inspector, Pieces) */
.lc-iconbtn{ padding:0 6px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; line-height:1; }
.lc-icon{ width:16px; height:16px; display:block; }

/* Make Layouts icons extra tiny (you already asked for this) */
#lc-layouts .lc-iconbtn{ height:22px; padding:0 4px; border-radius:6px; }
#lc-layouts .lc-icon{ width:12px; height:12px; }

/* Inspector & Pieces: slightly compact too */
#lc-inspector .lc-iconbtn, .lc-list.lc-nav .lc-iconbtn{ height:24px; padding:0 5px; border-radius:6px; }
#lc-inspector .lc-icon, .lc-list.lc-nav .lc-icon{ width:14px; height:14px; }

/* Export section 2x2 grid + Import row */
.lc-subhead{ margin:12px 0 8px; font-weight:600; font-size:13px; opacity:.8; }
.lc-export-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.lc-import-row{ display:flex; gap:8px; flex-wrap:wrap; }

/* Tiny icon buttons—match Layouts—for Pieces and Inspector */
.lc-list.lc-nav .lc-iconbtn,
#lc-inspector .lc-iconbtn{
  height: 22px;              /* small */
  padding: 0 4px;
  border-radius: 6px;
  min-width: 0;
}
.lc-list.lc-nav .lc-icon,
#lc-inspector .lc-icon{
  width: 12px;
  height: 12px;
}

/* (optional) slightly tighter row padding in Pieces */
.lc-list.lc-nav .lc-item.nav{ padding: 8px 10px; gap: 6px; }

/* Drag UI */
.lc-item.nav.dragging{ opacity:.6 }
.lc-drop-marker{ height:2px; background:#0ea5e9; border-radius:1px; margin:4px 0 }
#lc-list.reordering{ user-select:none }

/* Optional: small “handle” (if you add it) */
.lc-drag{ cursor:grab; display:inline-flex; align-items:center; opacity:.7 }
.lc-drag:active{ cursor:grabbing; opacity:1 }
.lc-drag svg{ width:12px; height:12px; display:block }

/* Force tiny icon buttons in Pieces & Inspector (override mobile width:100%) */
#lc-list .lc-iconbtn,
#lc-inspector .lc-iconbtn{
  width: auto;           /* <-- key line to beat the mobile full-width rule */
  min-width: 0;
  height: 22px;
  padding: 0 4px;
  border-radius: 6px;
}

#lc-list .lc-icon,
#lc-inspector .lc-icon{
  width: 12px;
  height: 12px;
}

/* keep rows compact */
#lc-list .lc-item.nav{ padding: 8px 10px; gap: 6px; }

#lc-svg{ touch-action: none; }

/* Inspector: keep Backward / Forward / Rotate inside the container */
#lc-inspector .lc-row3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* allow tracks to shrink */
  gap: 8px;
}

#lc-inspector .lc-row3 .lc-btn{
  width: 100%;      /* fill the track */
  min-width: 0;     /* let content shrink inside grid */
  box-sizing: border-box;
  white-space: nowrap;          /* avoid wrapping to a new line */
  overflow: hidden;             /* clip if needed */
  text-overflow: ellipsis;      /* … if it’s extremely tight */
}

/* Make the small variant truly compact */
#lc-inspector .lc-row3 .lc-btn.sm{
  padding: 6px 8px;
  font-size: 12px;
}

/* On very narrow screens, fall back to 1-per-row so it never spills */
@media (max-width: 480px){
  #lc-inspector .lc-row3{
    grid-template-columns: 1fr;
  }
}

/* 2-up grid rows inside the Inspector */
#lc-inspector .lc-row2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: end;
}

/* Sinks card basics */
.sinks-card { display: grid; gap: 10px; }
.sinks-header { display:flex; justify-content:space-between; align-items:center; }
.sink-editor { border:1px solid #e5e7eb; border-radius:12px; padding:10px; background:#fff; }
.sink-editor .row { display:grid; gap:8px; grid-template-columns: repeat(2, minmax(0,1fr)); }
.sink-editor .field { display:grid; gap:4px; }
.sink-editor .field-label { font-size:12px; color:#4b5563; }

/* Buttons used by Sinks module */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:12px;line-height:1.2;
  padding:8px 10px;border-radius:10px;border:1px solid #d1d5db;background:#fff;cursor:pointer}
.btn-primary{background:#0ea5e9;border-color:#0284c7;color:#fff}
.btn-secondary{background:#fff;border-color:#d1d5db;color:#111}
.btn:active{transform:translateY(1px)}

/* Sinks: faucet-hole row */
.sink-editor .holes-row{ display:flex; gap:6px; align-items:center; }
.sink-editor .holes-row input[type="checkbox"]{ margin:0; }

@media (max-width: 899px){
  /* let JS-controlled width/height take effect; just cap it */
  #lc-svg{ max-width: 100% !important; height: auto; }
}

/* tiny circular layer chip, same footprint as .lc-btn.sm */
.lc-layer-badge {
  width: 28px;              /* match your .lc-btn.sm size */
  height: 28px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid var(--border, #ddd);
  background: var(--muted, #f3f4f6);
  color: var(--text, #111);
  user-select: none;
  pointer-events: none;     /* purely informational */
  margin-right: 6px;        /* space before Duplicate */
}
.lc-layer-badge.sm {        /* keep naming parity with your button sizes */
  width: 28px;
  height: 28px;
}

/* Top bar as three even columns with internal 2×2 grids */
.lc-toolbar.compact{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  align-items: start;
}

/* Reusable 2×2 grid */
.lc-2x2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* Bigger buttons for top row */
.lc-btn.big{
  height: 44px;
  min-width: auto;
  border-radius: 12px;
}

/* ===== Middle 2×2 grid: labels above inputs, consistent layout ===== */
.lc-toolbar.compact .lc-2x2 .lc-ctl .lc-label{
  /* put label text + (optional) value on row 1, input on row 2 */
  display: grid;
  grid-template-columns: 1fr auto;  /* label text | optional value (e.g., Zoom number) */
  grid-template-rows: auto auto;    /* row 1: text/value, row 2: input */
  align-items: center;
  gap: 2px 8px;
}

/* Inputs span full width on row 2 */
.lc-toolbar.compact .lc-2x2 .lc-ctl .lc-label > input,
.lc-toolbar.compact .lc-2x2 .lc-ctl .lc-label > select {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  margin: 0;
}

/* Make range sliders truly full-width and centered visually */
.lc-toolbar.compact .lc-2x2 .lc-ctl .lc-label > input[type="range"]{
  width: 100%;
}

/* Zoom number sits to the right of the label text on row 1 */
#lc-scale-label{
  grid-column: 2;         /* right column, same row as label text */
  grid-row: 1;
  justify-self: end;
  font-variant-numeric: tabular-nums;
  opacity: 0.8;
}

/* Optional: tighten vertical rhythm of each control cell */
.lc-toolbar.compact .lc-2x2 .lc-ctl{
  display: block;
}

/* Vertical separators between the three 2×2 blocks in the top toolbar */
.lc-toolbar.compact > .lc-2x2 {
  position: relative;
  padding-left: 12px;
}
.lc-toolbar.compact > .lc-2x2:first-child {
  padding-left: 0;
}
.lc-toolbar.compact > .lc-2x2:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--border, #e5e7eb);
}

/* On mobile, stack and remove the lines/padding for a clean look */
@media (max-width: 899px){
  .lc-toolbar.compact{
    grid-template-columns: 1fr;      /* the three blocks stack */
  }
  .lc-toolbar.compact > .lc-2x2{
    padding-left: 0;
  }
  .lc-toolbar.compact > .lc-2x2::before{
    display: none;
  }
}

.lc-overlay-panel{
  margin-top: 12px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 10px;
  padding: 10px;
  background: var(--panel, #fafafa);
}
.lc-row-title{
  font-weight: 600; margin-bottom: 8px;
}
.lc-overlay-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}
.lc-preset-row{ display:flex; gap:6px; align-items:center; }
@media (max-width: 899px){
  .lc-overlay-grid{ grid-template-columns: 1fr 1fr; }
}

/* Full-span without overshooting the column */
.lc-span-full{
  grid-column: 1 / -1;  /* span all grid tracks */
  width: auto;          /* don't force 100% if parent has padding/gaps */
  max-width: 100%;
}

/* Keep panel inside column and account for padding/borders */
.lc-overlay-panel{
  box-sizing: border-box;
  max-width: 100%;
}

/* Make every control a single full-width row */
.lc-overlay-grid{
  display: grid;
  grid-template-columns: 1fr;  /* one column: each control on its own row */
  gap: 10px;
}

/* Inputs fill their row */
.lc-overlay-grid .lc-label > input,
.lc-overlay-grid .lc-label > select{
  width: 100%;
}

/* Preset buttons: one per row, full width */
.lc-preset-row{
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.lc-preset-row .lc-btn{
  width: 100%;
}

/* Show/Hide + Clear row: stack vertically, full width */
.lc-overlay-grid .lc-ctl{
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.lc-overlay-grid .lc-ctl .lc-btn{
  width: 100%;
}

/* Accordion wrapper spans the column but never overflows */
.lc-accordion{
  max-width: 100%;
}

/* Header button */
.lc-acc-btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 10px;
  background: var(--panel, #fafafa);
  font-weight: 600;
}

/* Chevron rotation when open */
.lc-acc-btn .lc-acc-icon{ transition: transform .2s ease; }
.lc-acc-btn.open .lc-acc-icon{ transform: rotate(90deg); }

/* Body spacing */
.lc-acc-body{ margin-top: 8px; }

/* Keep panel within column */
.lc-overlay-panel{ box-sizing: border-box; max-width: 100%; }

/* Overlay controls stacked neatly (one per row) */
.lc-overlay-grid{
  display: grid;
  grid-template-columns: 1fr; /* one column, full width rows */
  gap: 10px;
}
.lc-overlay-grid .lc-label > input,
.lc-overlay-grid .lc-label > select{ width: 100%; }

/* Presets + action buttons full width, stacked */
.lc-preset-row{ display: grid; grid-template-columns: 1fr; gap: 8px; }
.lc-preset-row .lc-btn{ width: 100%; }
.lc-overlay-grid .lc-ctl{ display: grid; grid-template-columns: 1fr; gap: 8px; }
.lc-overlay-grid .lc-ctl .lc-btn{ width: 100%; }

/* Keep label and % tidy above the slider */
#insp-fill-pct{
  margin-left: 8px;
  opacity: .85;
  font-variant-numeric: tabular-nums;
}

.lc-ov-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-bottom: 10px;
}
.lc-ov-row{
  display:flex; align-items:center; gap:8px;
  border:1px solid var(--border,#e5e7eb);
  border-radius:8px; padding:6px 8px; background:#fff;
}
.lc-ov-row .ov-name{ flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-ov-row .ov-actions{ display:flex; gap:6px; }
.lc-ov-row.selected{ outline:2px solid var(--accent,#2563eb1a); }
.lc-btn.xs{ height:26px; padding:0 8px; border-radius:8px; font-size:12px; }

/* Keep panel within the column, never overflow */
.lc-overlay-panel{ box-sizing:border-box; max-width:100%; }

/* Overlay list: one row per overlay */
.lc-ov-list{
  display:grid; grid-template-columns:1fr; gap:6px; margin-bottom:10px;
}
.lc-ov-row{
  display:flex; align-items:center; gap:8px;
  border:1px solid var(--border,#e5e7eb);
  border-radius:8px; padding:6px 8px; background:#fff;
  cursor:pointer;
}
.lc-ov-row .ov-name{ flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-ov-row .ov-actions{ display:flex; gap:6px; }
.lc-ov-row.selected{ outline:2px solid var(--accent,#2563eb44); }

/* Tiny list buttons */
.lc-btn.xs{ height:26px; padding:0 8px; border-radius:8px; font-size:12px; }

/* Controls: W/H and X/Y as 2×2, then full-width rows after */
.lc-overlay-grid{ display:grid; gap:10px; }
.lc-overlay-grid.ov-2x2{ grid-template-columns:1fr 1fr; }
@media (max-width: 899px){
  .lc-overlay-grid.ov-2x2{ grid-template-columns:1fr; }
}
.lc-overlay-grid .lc-label > input,
.lc-overlay-grid .lc-label > select{ width:100%; }

#ov-add-hint{ min-height: 1em; }

/* Overlay panel stays inside the column */
.lc-overlay-panel{ box-sizing:border-box; max-width:100%; }

/* List container can scroll if tall */
#ov-list.lc-ov-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-bottom: 10px;
  overflow: auto;
  min-width: 0;
}

/* Each row: [eye button] [name (flexible)] [actions] */
.lc-ov-row{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;             /* <-- critical for ellipsis to work */
  box-sizing: border-box;
  border: 1px solid var(--border,#e5e7eb);
  border-radius: 8px;
  padding: 6px 8px;
  background: #fff;
  cursor: pointer;
}

/* Name cell: clamp or ellipsis */
.lc-ov-row .ov-name{
  min-width: 0;             /* <-- allow shrinking in grid/flex */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;      /* single-line; see 2-line option below */
}

/* Buttons area never wraps or shrinks weirdly */
.lc-ov-row .ov-actions{
  display: inline-flex;
  gap: 6px;
  white-space: nowrap;
}

/* Selected highlight */
.lc-ov-row.selected{ outline: 2px solid var(--accent,#2563eb44); }

/* Tiny buttons */
.lc-btn.xs{
  height: 26px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 26px;
}

/* Optional: 2-line clamp for the name on wide screens (remove nowrap above) */
/*
@media (min-width: 1024px){
  .lc-ov-row .ov-name{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
*/

/* Overlay list row layout */
.lc-ov-row{
  display: grid;
  grid-template-columns: auto 1fr auto; /* [eye] [name flex] [actions] */
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid var(--border,#e5e7eb);
  border-radius: 8px;
  padding: 6px 8px;
  background: #fff;
  cursor: pointer;
}
.lc-ov-row .ov-name{
  min-width: 0;            /* critical for ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lc-ov-row .ov-actions{
  display: inline-flex;
  gap: 6px;
  white-space: nowrap;
}
.lc-ov-row.selected{ outline: 2px solid var(--accent,#2563eb44); }

/* Tiny icon buttons (match pieces list feel) */
.lc-iconbtn{
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 6px; height: 24px; min-width: 28px;
  border-radius: 7px;
}
.lc-iconbtn.xs .lc-icon{ width: 14px; height: 14px; }

/* ===== Slab Library Modal ===== */
.slab-modal { position: fixed; inset: 0; display: none; }
.slab-modal[aria-hidden="false"] { display: block; }
.slab-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.slab-modal__dialog {
  position: relative; margin: 5vh auto; max-width: 980px; width: min(92vw, 980px);
  background: #fff; border-radius: 14px; box-shadow: 0 20px 60px rgba(0,0,0,.25);
  display: grid; grid-template-rows: auto auto 1fr auto; overflow: hidden;
}
.slab-modal__header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #eee; }
.slab-modal__close { background: none; border: 0; font-size: 28px; line-height: 1; cursor: pointer; color: #777; }
.slab-modal__tools { display: flex; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid #f2f2f2; }
.slab-modal__tools .lc-input { flex: 1; }
.slab-count { font-size: 12px; color: #666; }

.slab-grid {
  padding: 12px; display: grid; gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); outline: none;
}
.slab-card {
  user-select: none; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden;
  background: #fafafa; display: flex; flex-direction: column; cursor: pointer;
  transition: box-shadow .15s ease, transform .02s ease;
}
.slab-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.slab-card__imgwrap { aspect-ratio: 4 / 3; background: #f0f0f0; display: grid; place-items: center; }
.slab-card__imgwrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.slab-card__name { padding: 8px 10px; font-size: 13px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fff; }

.slab-card.is-selected { border-color: #2b7cff; box-shadow: 0 0 0 2px #2b7cff33; }
.slab-card.is-selected .slab-card__name { background: #f5faff; }

.slab-modal__footer { display: flex; gap: 10px; justify-content: flex-end; padding: 12px 16px; border-top: 1px solid #f2f2f2; }

/* Small screens */
@media (max-width: 560px) {
  .slab-modal__dialog { margin: 0; max-width: none; width: 100vw; height: 100vh; border-radius: 0; }
  .slab-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
}

/* Header offset (tweak default as needed) */
:root { --site-header-h: 72px; }

/* Move the whole modal area below the header */
.slab-modal { position: fixed; left: 0; right: 0; top: var(--site-header-h); bottom: 0; }

/* Backdrop should also start below the header */
.slab-modal__backdrop { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

/* Pull dialog down a little (visual breathing room) */
.slab-modal__dialog { margin-top: 2vh; }

/* Ensure it doesn’t sit above the Squarespace header */
.slab-modal { z-index: 900; } /* Most SQSP headers are 1000+ */


/*Manual dimension */
.dims-manual .dim-line text {
  pointer-events: none; /* clicks go to the group */
}

.dims-manual .dim-line.selected line {
  stroke-width: 2;
}

.dims-manual .dim-line.selected text {
  font-weight: 600;
}

.dims-manual .dim-line {
  cursor: grab;
}
.dims-manual .dim-line.selected {
  stroke-width: 2;
}

/* Inspector sub-sections */
.lc-subcard{
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
  padding:8px 10px;
  margin-bottom:8px;
}
.lc-subcard-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#6b7280;
  margin-bottom:4px;
}
.lc-subcard-body{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#lc-inspector .lc-subcard{
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
  padding:8px 10px;
  margin-bottom:8px;
}
#lc-inspector .lc-subcard-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#6b7280;
  margin-bottom:4px;
}
#lc-inspector .lc-subcard-body{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* Compact controls inside inspector */
#lc-inspector .lc-btn,
#lc-inspector .lc-btn.sm{
  height:28px;
  min-width:0;
  padding:0 8px;
  border-radius:8px;
  font-size:12px;
}
#lc-inspector .lc-btn.lc-iconbtn{
  width:28px;
  min-width:28px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Fill toggle smaller */
#lc-inspector button.lc-fill-toggle{
  height:28px;
  min-width:0;
  padding:0 10px;
}

/* Opacity slider smaller */
#lc-inspector input[type="range"]{
  width:100%;
  margin-top:4px;
}

/* Color swatch shorter to match buttons */
#lc-inspector .lc-color-ghost{
  height:28px;
}

/* Layer badge: no label, just pill */
#lc-inspector .lc-layer-badge{
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:600;
  border:1px solid #d1d5db;
  background:#e5e7eb;
  color:#111;
}

/* Make sinks card look like a subcard */
#lc-sinks-card{
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
  padding:8px 10px;
  margin-top:8px;
}
#lc-sinks-card h3{
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#6b7280;
  margin:0 0 4px;
}

#lc-inspector .lc-subcard{
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
  padding:8px 10px;
  margin-bottom:8px;
}

#lc-inspector .lc-subcard-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#6b7280;
  margin-bottom:4px;
}

#lc-inspector .lc-subcard-body{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* Compact buttons inside inspector */
#lc-inspector .lc-btn,
#lc-inspector .lc-btn.sm{
  height:28px;
  min-width:0;
  padding:0 8px;
  border-radius:8px;
  font-size:12px;
}

#lc-inspector .lc-btn.lc-iconbtn{
  width:28px;
  min-width:28px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Color swatch: not so tall */
#lc-inspector .lc-color-stack{
  display:flex;
  align-items:center;
  gap:4px;
}
#lc-inspector .lc-color-ghost{
  height:26px;
  padding:0 6px;
}
#lc-inspector .lc-swatch{
  width:18px;
  height:18px;
  border-radius:999px;
}

/* Fill button under label */
#lc-inspector .lc-fill-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
#lc-inspector .lc-fill-toggle{
  height:26px;
  min-width:0;
  padding:0 10px;
  font-size:12px;
}

/* Opacity label + % inline */
#lc-inspector .lc-opacity-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  margin-bottom:2px;
}

/* Layer badge with no label */
#lc-inspector .lc-layer-badge{
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:600;
  border:1px solid #d1d5db;
  background:#e5e7eb;
  color:#111;
}

/* Sinks card styled as a mini-card inside Inspector */
#lc-sinks-card{
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
  padding:8px 10px;
  margin-top:8px;
}
#lc-sinks-card h3{
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#6b7280;
  margin:0 0 4px;
}


/* CAD UX additions */
.lite-cad svg .lc-editable-dim { cursor: text; }
.lite-cad svg .lc-editable-dim:hover { fill: #0284c7; text-decoration: underline; }
.lite-cad svg .lc-smart-guide {
  stroke: #0ea5e9;
  stroke-width: 1.25;
  stroke-dasharray: 5 4;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}


/* =========================================================
   CAD Lite v1.3.14 — Dense canvas-first workspace
   Visual direction: Photoshop/Webstudio-style docked utility panels
   ========================================================= */

.lite-cad{
  font-size:11px;
  line-height:1.2;
}

/* Canvas-first desktop shell: narrow utility rails + flexible document area */
@media (min-width:900px){
  .lc-wrap{
    grid-template-columns:minmax(140px,8vw) minmax(0,1fr) minmax(165px,9vw) !important;
    gap:4px !important;
    align-items:start;
  }

  .lc-col{
    gap:4px !important;
    min-width:0;
  }

  /* Left and right docks stay compact while the center owns the workspace. */
  .lc-wrap > .lc-col:first-child,
  .lc-wrap > .lc-col:nth-child(3){
    min-width:0;
  }

  /* JS reorders desktop columns to: left rail | canvas | inspector. */
  .lc-wrap > .lc-col:nth-child(3){
    max-height:calc(100vh - 24px);
    overflow:auto;
    scrollbar-width:thin;
  }

  /* Project fields stack in the narrow left dock instead of squeezing 2-up. */
  .lc-wrap > .lc-col:first-child > .lc-card:first-child .lc-row{
    grid-template-columns:1fr !important;
  }
}

/* Flat, tight application panels rather than rounded website cards */
.lc-card{
  border:1px solid #d9dce1 !important;
  border-radius:4px !important;
  padding:6px !important;
  box-shadow:none !important;
}

.lc-card h3{
  margin:0 !important;
  font-size:11.5px !important;
  line-height:1.15 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
}

.lc-card-head{
  min-height:24px;
  margin-bottom:4px !important;
  gap:4px !important;
}

.lc-top{
  margin-bottom:3px !important;
  font-size:10px !important;
}

/* Dense form rhythm */
.lc-row,
.lc-row3,
#lc-inspector .lc-row2,
#lc-inspector .lc-row3{
  gap:4px !important;
}

.lc-label,
.lc-small{
  font-size:10.5px !important;
  line-height:1.15 !important;
}

.lc-label{
  margin-bottom:1px !important;
  color:#4b5563 !important;
}

.lc-input,
.lc-select,
.lite-cad input[type="number"],
.lite-cad input[type="text"],
.lite-cad input[type="date"],
.lite-cad input[type="search"],
.lite-cad select,
.lite-cad textarea{
  border-radius:4px !important;
  border-color:#cfd3d9 !important;
  padding:3px 5px !important;
  font-size:11px !important;
  line-height:1.2 !important;
  box-sizing:border-box;
}

.lite-cad input[type="number"],
.lite-cad input[type="text"],
.lite-cad input[type="date"],
.lite-cad input[type="search"],
.lite-cad select{
  min-height:24px !important;
}

.lite-cad textarea{
  min-height:42px;
  resize:vertical;
}

/* Buttons: compact desktop-app controls */
.lc-btn,
.lc-btn.sm,
.lc-btn.big{
  min-width:0 !important;
  height:25px !important;
  padding:0 7px !important;
  border-radius:4px !important;
  font-size:10.5px !important;
  line-height:1 !important;
}

.lc-iconbtn,
#lc-inspector .lc-iconbtn,
#lc-list .lc-iconbtn,
.lc-list.lc-nav .lc-iconbtn{
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  padding:0 4px !important;
  border-radius:4px !important;
}

.lc-icon,
#lc-inspector .lc-icon,
#lc-list .lc-icon{
  width:12px !important;
  height:12px !important;
}

/* Lists behave more like Layers/Navigator panels */
.lc-list,
.lc-list.lc-nav{
  border-radius:3px !important;
  padding:3px !important;
  border-color:#dfe2e6 !important;
}

.lc-item,
.lc-item.nav,
.lc-list.lc-nav .lc-item.nav,
#lc-list .lc-item.nav{
  gap:4px !important;
  padding:5px 6px !important;
  margin:0 0 3px !important;
  border-radius:3px !important;
}

.lc-item.nav .lc-line,
.lc-item .lc-line{
  font-size:10.5px !important;
}

.lc-chip{
  font-size:9px !important;
  padding:1px 4px !important;
}

/* Header Add / Eye controls stay small enough for narrow rails */
.lc-card-head .lc-list-add{
  min-width:28px !important;
  width:28px !important;
  height:23px !important;
  padding:0 !important;
  font-size:16px !important;
  border-radius:4px !important;
}

.lc-card-head .lc-iconbtn{
  width:23px !important;
  min-width:23px !important;
  height:23px !important;
}

/* Canvas should visually dominate */
.lc-canvas-wrap{
  border-radius:2px !important;
  border-color:#cfd3d9 !important;
  background:#e9eaec;
}

.lc-wrap > .lc-col:nth-child(2) > .lc-card{
  padding:4px !important;
  border-radius:3px !important;
}

/* Classic compact application toolbar */
.lc-toolbar,
.lc-toolbar.compact{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:2px !important;
  margin:0 0 4px !important;
  padding:3px !important;
  border:1px solid #d9dce1;
  border-radius:4px;
  background:#f6f7f8;
}

.lc-toolbar.compact > .lc-2x2{
  display:flex !important;
  gap:2px !important;
  padding:0 4px 0 0 !important;
  margin:0 2px 0 0;
  border-right:1px solid #d9dce1;
}

.lc-toolbar.compact > .lc-2x2::before{
  display:none !important;
}

.lc-toolbar .lc-ctl{
  flex:0 0 auto !important;
  min-width:0 !important;
}

.lc-toolbar .lc-btn{
  width:auto !important;
}

.lc-toolbar .lc-toolbar-icon{
  width:27px !important;
  min-width:27px !important;
  padding:0 !important;
}

.lc-toolbar svg{
  width:15px;
  height:15px;
}

/* Compact menus / flyouts */
#lc-view-menu,
.lc-view-submenu,
.lc-toolbar .lc-ctl > [role="menu"]{
  width:190px !important;
  max-width:min(190px,82vw) !important;
  padding:4px !important;
  border-radius:4px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.14) !important;
}

#lc-view-menu button,
#lc-view-menu label,
.lc-view-submenu button,
.lc-view-submenu label,
.lc-toolbar .lc-ctl > [role="menu"] button{
  font-size:10.5px !important;
}

#lc-view-menu input,
#lc-view-menu select,
.lc-view-submenu input,
.lc-view-submenu select{
  font-size:10.5px !important;
  min-height:22px !important;
}

/* Inspector: Webstudio-like tight property groups */
#lc-inspector{
  font-size:10.5px !important;
}

#lc-inspector > *{
  margin-top:0;
}

#lc-inspector .lc-subcard,
#lc-sinks-card,
.sink-editor{
  border-radius:3px !important;
  padding:5px !important;
  margin:0 0 4px !important;
  background:#f8f9fa !important;
  border-color:#dfe2e6 !important;
}

#lc-inspector .lc-subcard-label,
#lc-sinks-card h3{
  font-size:9.5px !important;
  line-height:1.1 !important;
  margin:0 0 3px !important;
  letter-spacing:.025em !important;
}

#lc-inspector .lc-subcard-body,
.sinks-card{
  gap:4px !important;
}

#lc-inspector .lc-btn,
#lc-inspector .lc-btn.sm,
#lc-inspector button.lc-fill-toggle{
  height:23px !important;
  padding:0 5px !important;
  border-radius:3px !important;
  font-size:10px !important;
}

#lc-inspector input,
#lc-inspector select{
  min-height:23px !important;
  padding:2px 4px !important;
  border-radius:3px !important;
  font-size:10.5px !important;
}

#lc-inspector .lc-opacity-head{
  font-size:10px !important;
  margin-bottom:1px !important;
}

#lc-inspector .lc-layer-badge{
  width:23px !important;
  height:23px !important;
  font-size:9px !important;
}

#lc-sinks-card{
  margin-top:0 !important;
}

/* Overlay accordion follows the same tight inspector language */
.lc-acc-btn{
  padding:5px 6px !important;
  min-height:25px;
  border-radius:3px !important;
  font-size:10.5px !important;
}

.lc-acc-body{
  margin-top:4px !important;
}

.lc-overlay-panel{
  margin-top:4px !important;
  padding:5px !important;
  border-radius:3px !important;
}

.lc-overlay-grid,
.lc-preset-row{
  gap:4px !important;
}

/* Modal can remain roomy, but use the same sharper visual language */
.slab-modal__dialog{
  border-radius:5px !important;
}

/* Small-screen behavior remains touch-friendly instead of forcing desktop density. */
@media (max-width:899px){
  .lc-wrap{
    gap:6px !important;
  }

  .lc-card{
    padding:7px !important;
  }

  .lc-col{
    gap:6px !important;
  }

  .lc-toolbar,
  .lc-toolbar.compact{
    gap:4px !important;
  }

  .lc-toolbar .lc-ctl{
    flex:0 0 auto !important;
  }

  .lc-toolbar .lc-btn{
    width:auto !important;
  }
}


/* =========================================================
   CAD Lite v1.3.15 — tighter utility rails + classic toolbar
   ========================================================= */

@media (min-width:900px){
  .lc-wrap{
    grid-template-columns:
      clamp(175px,10vw,195px)
      minmax(0,1fr)
      clamp(205px,11vw,225px) !important;
    gap:4px !important;
  }
}

/* Sidebar headers: title/chevron row + compact actions row */
.lc-two-row-head{
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:stretch !important;
  gap:3px !important;
  margin-bottom:4px !important;
}

.lc-head-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-height:20px;
  cursor:pointer;
}

.lc-head-title-row h3{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lc-head-arrow{
  flex:0 0 auto;
  font-size:11px !important;
  opacity:.65;
}

.lc-head-actions-row{
  display:flex;
  align-items:center;
  gap:3px;
}

.lc-head-actions-row .lc-list-add{
  flex:1 1 auto;
  width:auto !important;
  min-width:0 !important;
  height:22px !important;
  font-size:14px !important;
  padding:0 6px !important;
}

.lc-head-actions-row .lc-sidebar-add{
  width:100% !important;
  min-width:0 !important;
  height:23px !important;
  padding:0 6px !important;
  font-size:10px !important;
}

.lc-head-actions-row .lc-iconbtn{
  flex:0 0 23px;
}

/* Project can stay single-row, but shares the same compact disclosure language */
.lc-card-head > .lc-head-title-row{
  width:100%;
}

/* Main toolbar context */
.lc-toolbar-context{
  flex:0 0 auto;
  min-width:128px;
  max-width:180px;
  padding:2px 8px 2px 3px;
  margin-right:3px;
  border-right:1px solid #d9dce1;
  overflow:hidden;
}

.lc-toolbar-project{
  font-size:10.5px;
  font-weight:650;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lc-toolbar-layout{
  margin-top:1px;
  font-size:9.5px;
  color:#6b7280;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Primary icon cluster: Undo / Redo / Zoom - / Zoom + / Snap / Add Piece */
.lc-primary-tools{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:2px !important;
  padding:0 4px 0 0 !important;
}

.lc-toolbar-zoom{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:2px !important;
}

#lc-undo,
#lc-redo{
  border:1px solid #cfd3d9 !important;
  background:#fff !important;
}

#lc-undo:disabled,
#lc-redo:disabled{
  opacity:.4;
}

#lc-piece-snap{
  border:1px solid #cfd3d9 !important;
}

#lc-piece-snap.alt{
  background:#e8f2ff !important;
  border-color:#9fc5f8 !important;
  color:#174ea6 !important;
}

/* Make Add Piece visually ubiquitous without making it huge */
.lc-add-piece-top{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}

.lc-add-piece-top:hover{
  background:#2a2a2a !important;
}

/* Keep menu controls in one run instead of interleaving zoom icons */
#lc-view-menu-btn,
.lc-toolbar .lc-ctl > button[aria-haspopup="menu"]{
  white-space:nowrap;
}

/* Inspector: remove outer selected-card bulk */
#lc-inspector > .lc-item.selected{
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

#lc-inspector .lc-subcard{
  padding:4px !important;
  margin-bottom:3px !important;
}

#lc-inspector .lc-subcard-body{
  gap:3px !important;
}

#lc-inspector .lc-subcard-label{
  margin-bottom:2px !important;
}

.lc-inspector-section-toggle{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  cursor:pointer;
  min-height:18px;
  user-select:none;
}

.lc-inspector-section-actions{
  display:flex;
  align-items:center;
  gap:3px;
}

.lc-inspector-section-actions .lc-iconbtn{
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  font-size:14px !important;
}

/* Sinks is now a true Inspector section; remove its legacy nested-card shell */
.lc-sinks-section #lc-sinks-card{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

.lc-sinks-section #lc-sinks-card .sinks-card{
  gap:3px !important;
}

.lc-sinks-section #lc-sinks-card .sinks-card > .lc-card-head:first-child{
  display:none !important;
}

.lc-sinks-section .lc-sinks-collapse-body{
  padding-top:2px;
}

#lc-inspector .sink-editor{
  padding:4px !important;
  border-radius:3px !important;
}

#lc-inspector .sink-editor .row{
  gap:4px !important;
}

#lc-inspector .sink-editor .field{
  gap:2px !important;
}

#lc-inspector .lc-seam-list{
  gap:4px !important;
}

#lc-inspector .lc-seam-row{
  border-radius:3px !important;
  padding:4px !important;
}

/* Slightly smaller utility text in sidebars without shrinking canvas labels */
.lc-wrap > .lc-col:first-child,
.lc-wrap > .lc-col:nth-child(3){
  font-size:10.5px;
}

/* On narrower desktop widths, preserve usable rails but let canvas flex */
@media (min-width:900px) and (max-width:1250px){
  .lc-wrap{
    grid-template-columns:170px minmax(0,1fr) 200px !important;
  }

  .lc-toolbar-context{
    min-width:105px;
    max-width:130px;
  }
}


/* =========================================================
   CAD Lite v1.3.17 — Theater / Fullscreen workspace
   ========================================================= */

/* Lock the underlying Squarespace page while CAD Lite owns the viewport. */
html.lc-theater-page-lock,
body.lc-theater-page-lock{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

/* Theater Mode: cover the entire browser viewport without entering native fullscreen. */
.lite-cad.lc-theater-mode{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  width:100vw !important;
  max-width:none !important;
  height:100vh !important;
  max-height:none !important;
  margin:0 !important;
  padding:4px !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  background:#f1f3f4 !important;
  overscroll-behavior:contain;
}

/* Native Fullscreen needs its own explicit sizing because Squarespace may
   otherwise leave inherited max-width / section spacing in place. */
.lite-cad:fullscreen,
.lite-cad:-webkit-full-screen{
  width:100vw !important;
  max-width:none !important;
  height:100vh !important;
  max-height:none !important;
  margin:0 !important;
  padding:4px !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  background:#f1f3f4 !important;
}

/* Let the application shell use the viewport vertically in focus modes. */
.lite-cad.lc-theater-mode .lc-wrap,
.lite-cad:fullscreen .lc-wrap,
.lite-cad:-webkit-full-screen .lc-wrap{
  min-height:calc(100vh - 8px);
  align-content:start;
}

@media (min-width:900px){
  .lite-cad.lc-theater-mode .lc-wrap > .lc-col,
  .lite-cad:fullscreen .lc-wrap > .lc-col,
  .lite-cad:-webkit-full-screen .lc-wrap > .lc-col{
    max-height:calc(100vh - 8px);
  }

  .lite-cad.lc-theater-mode .lc-wrap > .lc-col:nth-child(2),
  .lite-cad:fullscreen .lc-wrap > .lc-col:nth-child(2),
  .lite-cad:-webkit-full-screen .lc-wrap > .lc-col:nth-child(2){
    overflow:hidden;
  }

  .lite-cad.lc-theater-mode .lc-wrap > .lc-col:first-child,
  .lite-cad.lc-theater-mode .lc-wrap > .lc-col:nth-child(3),
  .lite-cad:fullscreen .lc-wrap > .lc-col:first-child,
  .lite-cad:fullscreen .lc-wrap > .lc-col:nth-child(3),
  .lite-cad:-webkit-full-screen .lc-wrap > .lc-col:first-child,
  .lite-cad:-webkit-full-screen .lc-wrap > .lc-col:nth-child(3){
    overflow:auto;
    scrollbar-width:thin;
  }
}

/* Focus-mode controls are a separate mini-cluster visually. */
#lc-theater-mode{
  margin-left:3px;
  border-left:1px solid #cfd3d9 !important;
}

#lc-theater-mode.alt,
#lc-fullscreen-mode.alt{
  background:#e8f2ff !important;
  border-color:#9fc5f8 !important;
  color:#174ea6 !important;
}

/* The old Import / Export card is intentionally gone; hidden proxy controls
   remain available only as implementation hooks for toolbar dropdown actions. */
#lc-hidden-file-actions{
  display:none !important;
}


/* =========================================================
   CAD Lite v1.3.18 — robust focus-mode + explicit workspace rails
   ========================================================= */

/* Theater is intentionally different from native Fullscreen:
   keep the Squarespace/site header visible and own everything beneath it. */
.lite-cad.lc-theater-mode{
  inset:auto !important;
  top:var(--site-header-h, 0px) !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:100vw !important;
  height:calc(100vh - var(--site-header-h, 0px)) !important;
  max-height:calc(100vh - var(--site-header-h, 0px)) !important;
  z-index:900 !important;
  margin:0 !important;
  padding:4px !important;
  overflow:auto !important;
}

/* The site header stays above Theater Mode and remains fully interactive. */
html.lc-theater-page-lock,
body.lc-theater-page-lock{
  overflow:hidden !important;
}

/* Explicit workspace classes replace fragile nth-child assumptions. */
.lc-left-rail,
.lc-canvas-col,
.lc-inspector-col{
  min-width:0;
}

.lc-inspector-col{
  display:flex !important;
  flex-direction:column !important;
}

.lc-inspector-panel{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

@media (min-width:900px){
  .lc-inspector-col{
    max-height:calc(100vh - 24px);
    overflow:auto;
    scrollbar-width:thin;
  }

  .lc-theater-mode .lc-left-rail,
  .lc-theater-mode .lc-canvas-col,
  .lc-theater-mode .lc-inspector-col{
    max-height:calc(100vh - var(--site-header-h, 0px) - 8px) !important;
  }

  .lc-theater-mode .lc-left-rail,
  .lc-theater-mode .lc-inspector-col{
    overflow:auto !important;
  }

  .lc-theater-mode .lc-canvas-col{
    overflow:hidden !important;
  }

  .lite-cad.lc-theater-mode .lc-wrap{
    min-height:calc(100vh - var(--site-header-h, 0px) - 8px) !important;
  }
}

/* Safety net: if an old static Import / Export card survives for any reason,
   do not let it occupy the Inspector rail. */
.lc-card:has(#lc-export-json):has(#lc-import-btn){
  display:none !important;
}


/* =========================================================
   CAD Lite v1.3.19 — Webstudio-style continuous Inspector rail
   ========================================================= */

/* One outer rail, not a stack of cards. */
.lc-inspector-panel{
  padding:0 !important;
  overflow:hidden;
  background:#fff !important;
}

.lc-inspector-panel > .lc-card-head{
  min-height:27px !important;
  padding:5px 7px !important;
  margin:0 !important;
  border-bottom:1px solid #dfe2e6;
}

.lc-inspector-panel > .lc-card-head h3{
  font-size:11px !important;
  font-weight:650 !important;
}

#lc-inspector{
  padding:0 !important;
  background:#fff;
}

/* Continuous section stack with divider lines. */
#lc-inspector .lc-subcard,
#lc-inspector .lc-sinks-section{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-top:1px solid #e2e4e7 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#lc-inspector > .lc-item.selected > .lc-subcard:first-child{
  border-top:0 !important;
}

#lc-inspector .lc-subcard-label,
#lc-inspector .lc-sinks-section > .lc-subcard-label{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  min-height:25px !important;
  margin:0 !important;
  padding:5px 6px !important;
  border:0 !important;
  background:#fafafa !important;
  color:#2f3337 !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase;
}

#lc-inspector .lc-subcard-label:hover,
#lc-inspector .lc-sinks-section > .lc-subcard-label:hover{
  background:#f3f4f6 !important;
}

#lc-inspector .lc-subcard-body{
  padding:5px 6px 7px !important;
  margin:0 !important;
  gap:4px !important;
  background:#fff !important;
}

#lc-inspector .lc-subcard-body[hidden]{
  display:none !important;
}

#lc-inspector .lc-head-arrow{
  font-size:10px !important;
  opacity:.7;
}

/* Labels become quiet property captions rather than form headings. */
#lc-inspector .lc-label,
#lc-inspector .lc-small{
  font-size:9.5px !important;
  line-height:1.15 !important;
}

#lc-inspector .lc-label{
  color:#5f6368 !important;
  margin:0 !important;
}

/* Flat Webstudio-like property fields. */
#lc-inspector .lc-input,
#lc-inspector input[type="number"],
#lc-inspector input[type="text"],
#lc-inspector select{
  min-height:22px !important;
  height:22px !important;
  padding:2px 5px !important;
  border:1px solid transparent !important;
  border-radius:3px !important;
  background:#f1f3f4 !important;
  box-shadow:none !important;
  color:#202124 !important;
  font-size:10px !important;
}

#lc-inspector .lc-input:hover,
#lc-inspector input[type="number"]:hover,
#lc-inspector input[type="text"]:hover,
#lc-inspector select:hover{
  border-color:#d3d6da !important;
}

#lc-inspector .lc-input:focus,
#lc-inspector input[type="number"]:focus,
#lc-inspector input[type="text"]:focus,
#lc-inspector select:focus{
  border-color:#8ab4f8 !important;
  outline:1px solid #8ab4f8 !important;
  background:#fff !important;
}

/* Property row rhythm. */
#lc-inspector .lc-row{
  gap:4px !important;
}

#lc-inspector .lc-inspector-name-row{
  align-items:end;
}

#lc-inspector .lc-inspector-name-row > label{
  min-width:0;
}

#lc-inspector .lc-inspector-name-row > div{
  align-self:end;
  gap:2px !important;
}

#lc-inspector .lc-inspector-size-row{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

#lc-inspector .lc-inspector-rotation-row{
  grid-template-columns:minmax(0,1fr) !important;
}

#lc-inspector .lc-inspector-appearance-row{
  align-items:end;
}

#lc-inspector .lc-inspector-layer-row{
  align-items:end;
}

/* Layer controls become compact icon actions. */
#lc-inspector .lc-layer-action{
  width:23px !important;
  min-width:23px !important;
  height:22px !important;
  padding:0 !important;
  align-self:end;
}

#lc-inspector .lc-layer-field{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:4px;
}

#lc-inspector .lc-layer-field .lc-layer-badge,
#lc-inspector .lc-layer-field button{
  border-radius:3px !important;
}

/* Remove the old circular visual treatment from the layer number. */
#lc-inspector button[disabled]{
  opacity:.8;
}

/* Edge options stack naturally in the narrower rail. */
#lc-inspector .lc-inspector-edge-row{
  grid-template-columns:minmax(0,1fr) !important;
}

#lc-inspector .lc-edge-field{
  min-width:0;
}

#lc-inspector .lc-inspector-corners{
  padding-top:4px;
  border-top:1px solid #eceef0;
}

#lc-inspector .lc-corner-grid{
  gap:3px !important;
}

#lc-inspector .lc-corner-btn{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:3px !important;
}

/* Sinks: section shell is flat; only actual sink rows get subtle boundaries. */
.lc-sinks-section .lc-sinks-collapse-body{
  padding:5px 6px 7px !important;
}

.lc-sinks-section #lc-sinks-card,
.lc-sinks-section .sinks-card{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

.lc-sinks-section .lc-list{
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
}

.lc-sinks-section .lc-item.nav{
  border:1px solid #e0e2e5 !important;
  background:#fafafa;
  margin-bottom:3px !important;
}

#lc-inspector .sink-editor{
  margin:0 0 4px !important;
  padding:5px !important;
  border:1px solid #e0e2e5 !important;
  border-radius:3px !important;
  background:#fafafa !important;
}

/* Seams follow the same compact row language. */
#lc-inspector .lc-seam-row{
  padding:4px !important;
  border:1px solid #e0e2e5 !important;
  border-radius:3px !important;
  background:#fafafa !important;
}

#lc-inspector .lc-seam-row .lc-label{
  min-width:0;
}

#lc-inspector .lc-seam-list{
  gap:3px !important;
}

/* Tiny section action buttons, such as Add Sink. */
#lc-inspector .lc-inspector-section-actions{
  gap:2px !important;
}

#lc-inspector .lc-inspector-section-actions .lc-iconbtn{
  width:19px !important;
  min-width:19px !important;
  height:19px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* Make the empty Inspector state look intentional. */
#lc-inspector.lc-small{
  padding:10px 8px !important;
  color:#6b7280;
  font-size:10px !important;
  line-height:1.35 !important;
}

/* Narrow desktop: don't crush 3-up appearance controls; wrap into two rows. */
@media (min-width:900px) and (max-width:1250px){
  #lc-inspector .lc-inspector-appearance-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #lc-inspector .lc-inspector-appearance-row > :last-child{
    grid-column:1 / -1;
  }
}


/* =========================================================
   CAD Lite v1.3.20 — unified rails + spatial edge editor
   ========================================================= */

/* LEFT RAIL — mirror the Inspector's continuous section language */
@media (min-width:900px){
  .lc-left-rail{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    border:1px solid #d9dce1;
    border-radius:4px;
    overflow:auto;
    background:#fff;
    scrollbar-width:thin;
  }
}

.lc-left-rail .lc-left-section{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-top:1px solid #e2e4e7 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.lc-left-rail .lc-left-section:first-child{
  border-top:0 !important;
}

.lc-left-rail .lc-left-section > .lc-card-head{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  background:#fafafa !important;
  border:0 !important;
}

.lc-left-rail .lc-left-section .lc-head-title-row{
  min-height:25px !important;
  padding:5px 6px !important;
  background:#fafafa !important;
}

.lc-left-rail .lc-left-section .lc-head-title-row:hover{
  background:#f3f4f6 !important;
}

.lc-left-rail .lc-left-section .lc-head-title-row h3{
  font-size:9.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase;
  color:#2f3337 !important;
}

.lc-left-rail .lc-left-section .lc-head-actions-row{
  padding:3px 6px 5px !important;
  background:#fff;
  gap:3px !important;
}

.lc-left-rail .lc-left-section > .lc-row{
  padding:5px 6px 7px !important;
  gap:4px !important;
}

.lc-left-rail .lc-left-section > .lc-list{
  margin:0 !important;
  padding:4px 5px 6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
}

.lc-left-rail .lc-left-section .lc-item.nav{
  margin-bottom:2px !important;
  padding:4px 5px !important;
  border-radius:3px !important;
  border-color:#e2e4e7 !important;
}

.lc-left-rail .lc-left-section .lc-item.nav:last-child{
  margin-bottom:0 !important;
}

/* Project fields should collapse cleanly and stay dense. */
.lc-left-rail .lc-left-section textarea{
  min-height:36px !important;
}

/* SLAB OVERLAY — independent left-rail section below Pieces */
.lc-sidebar-overlay-card{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

.lc-sidebar-overlay-card > .lc-acc-btn{
  width:100% !important;
  min-height:25px !important;
  margin:0 !important;
  padding:5px 6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fafafa !important;
  color:#2f3337 !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase;
}

.lc-sidebar-overlay-card > .lc-acc-btn:hover{
  background:#f3f4f6 !important;
}

.lc-sidebar-overlay-card > .lc-acc-body{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:5px 6px 7px !important;
  box-sizing:border-box !important;
  background:#fff;
}

.lc-sidebar-overlay-card .lc-overlay-panel{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

.lc-sidebar-overlay-card .lc-ov-head{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:3px !important;
  margin:0 0 5px !important;
}

.lc-sidebar-overlay-card .lc-ov-head .lc-btn{
  width:100% !important;
}

.lc-sidebar-overlay-card .lc-overlay-grid,
.lc-sidebar-overlay-card .lc-overlay-grid.ov-2x2{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
}

.lc-sidebar-overlay-card .lc-ov-list{
  width:100% !important;
  min-width:0 !important;
}

.lc-sidebar-overlay-card .lc-ov-row{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  min-width:0 !important;
}

.lc-sidebar-overlay-card .ov-name{
  min-width:0 !important;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* RESET — destructive but not alarm-red */
.lc-reset-top{
  color:#b42318 !important;
  background:#fff1f0 !important;
  border:1px solid #f3b3ad !important;
}

.lc-reset-top:hover{
  color:#8f1d14 !important;
  background:#ffe4e1 !important;
  border-color:#e8948c !important;
}

/* Keep all destructive list icons visually consistent. */
.lc-btn.red.lc-iconbtn{
  color:#b42318 !important;
  border-color:#efb0aa !important;
  background:#fff7f6 !important;
}

.lc-btn.red.lc-iconbtn:hover{
  background:#ffe8e5 !important;
  border-color:#df8e86 !important;
}

/* Sinks uses the same in-section Add pattern as Seams. */
#lc-inspector .lc-add-inspector-item{
  margin-top:4px !important;
}

/* EDGE OPTIONS — box-model-style spatial interface */
#lc-inspector .lc-edge-diagram{
  position:relative;
  width:100%;
  height:154px;
  min-width:0;
  margin:1px 0 2px;
  border:1px solid #e2e4e7;
  border-radius:3px;
  background:#fafafa;
  overflow:hidden;
  box-sizing:border-box;
}

#lc-inspector .lc-edge-piece-preview{
  position:absolute;
  left:50%;
  top:50%;
  width:74px;
  height:48px;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #7b8188;
  border-radius:2px;
  background:#fff;
  color:#7b8188;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  pointer-events:none;
}

#lc-inspector .lc-edge-spatial{
  position:absolute;
  display:block;
  margin:0 !important;
  z-index:2;
}

#lc-inspector .lc-edge-spatial select{
  width:62px !important;
  min-width:0 !important;
  height:21px !important;
  padding:1px 3px !important;
  font-size:9px !important;
}

#lc-inspector .lc-edge-spatial-top{
  top:5px;
  left:50%;
  transform:translateX(-50%);
}

#lc-inspector .lc-edge-spatial-bottom{
  bottom:5px;
  left:50%;
  transform:translateX(-50%);
}

#lc-inspector .lc-edge-spatial-left{
  left:4px;
  top:50%;
  transform:translateY(-50%);
}

#lc-inspector .lc-edge-spatial-right{
  right:4px;
  top:50%;
  transform:translateY(-50%);
}

#lc-inspector .lc-edge-corner{
  position:absolute !important;
  z-index:3;
  width:19px !important;
  min-width:19px !important;
  height:19px !important;
  padding:0 !important;
  border-radius:3px !important;
  background:#fff !important;
}

#lc-inspector .lc-edge-corner svg{
  width:12px !important;
  height:12px !important;
}

#lc-inspector .lc-edge-corner-tl{
  left:calc(50% - 46px);
  top:calc(50% - 33px);
}

#lc-inspector .lc-edge-corner-tr{
  left:calc(50% + 27px);
  top:calc(50% - 33px);
}

#lc-inspector .lc-edge-corner-bl{
  left:calc(50% - 46px);
  top:calc(50% + 15px);
}

#lc-inspector .lc-edge-corner-br{
  left:calc(50% + 27px);
  top:calc(50% + 15px);
}

#lc-inspector .lc-edge-corner.active{
  color:#174ea6 !important;
  background:#e8f2ff !important;
  border-color:#8ab4f8 !important;
}

#lc-inspector .lc-edge-diagram-hint{
  margin-top:4px !important;
  color:#7a7f85 !important;
  font-size:9px !important;
  line-height:1.25 !important;
}

/* Old corner-grid layout is no longer used by Edge Options. */
#lc-inspector .lc-inspector-corners{
  display:none !important;
}


/* =========================================================
   CAD Lite v1.3.21 — Annotation Inspector + numeric corner radii
   ========================================================= */

/* Annotation selections use the same continuous Inspector language as Pieces. */
#lc-inspector .lc-annotation-inspector{
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  background:#fff !important;
}

#lc-inspector .lc-annotation-inspector .lc-subcard{
  border-top:0 !important;
}

#lc-inspector .lc-annotation-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}

#lc-inspector .lc-annotation-summary > div{
  min-width:0;
  padding:5px;
  border-radius:3px;
  background:#f7f8f9;
}

#lc-inspector .lc-annotation-summary span{
  display:block;
  margin-bottom:2px;
  color:#6b7280;
  font-size:8.5px;
  font-weight:600;
  letter-spacing:.035em;
  text-transform:uppercase;
}

#lc-inspector .lc-annotation-summary strong{
  display:block;
  overflow:hidden;
  color:#202124;
  font-size:10px;
  font-weight:600;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#lc-inspector .lc-annotation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}

#lc-inspector .lc-annotation-grid > label{
  min-width:0;
}

#lc-inspector .lc-annotation-grid input[type="color"]{
  width:100% !important;
  min-height:22px !important;
  padding:2px !important;
}

#lc-inspector .lc-annotation-textarea{
  width:100%;
  height:auto !important;
  min-height:68px !important;
  padding:5px !important;
  resize:vertical;
  box-sizing:border-box;
}

#lc-inspector .lc-annotation-actions{
  display:flex;
  align-items:center;
  gap:4px;
}

#lc-inspector .lc-annotation-actions > .lc-btn{
  flex:1 1 0;
}

#lc-inspector .lc-annotation-delete{
  margin-top:3px;
}

/* Spatial edge UI: only the chosen label rotates.
   The actual native picker remains unrotated and is opened programmatically. */
#lc-inspector .lc-edge-diagram{
  height:176px !important;
}

#lc-inspector .lc-edge-piece-preview{
  width:80px !important;
  height:54px !important;
}

#lc-inspector .lc-edge-profile-display{
  width:68px;
  height:22px;
  padding:0 5px;
  border:1px solid #d3d6da;
  border-radius:3px;
  background:#f1f3f4;
  color:#202124;
  font:600 9px/1 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  cursor:pointer;
}

#lc-inspector .lc-edge-profile-display:hover{
  border-color:#aeb4bb;
  background:#fff;
}

#lc-inspector .lc-edge-profile-display:focus{
  outline:1px solid #8ab4f8;
  border-color:#8ab4f8;
}

#lc-inspector .lc-edge-profile-display-left{
  transform:rotate(-90deg);
}

#lc-inspector .lc-edge-profile-display-right{
  transform:rotate(90deg);
}

/* Top and bottom intentionally stay left-to-right. */
#lc-inspector .lc-edge-profile-display-top,
#lc-inspector .lc-edge-profile-display-bottom{
  transform:none;
}

#lc-inspector .lc-edge-picker{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  padding:0 !important;
  margin:0 !important;
  opacity:.001;
  pointer-events:none;
  overflow:hidden;
}

/* Slightly reposition the edge controls around the taller diagram. */
#lc-inspector .lc-edge-spatial-top{
  top:6px !important;
}

#lc-inspector .lc-edge-spatial-bottom{
  bottom:6px !important;
}

#lc-inspector .lc-edge-spatial-left{
  left:-17px !important;
}

#lc-inspector .lc-edge-spatial-right{
  right:-17px !important;
}

/* Numeric corner radii sit at the actual visual corners of the piece preview. */
#lc-inspector .lc-edge-radius{
  position:absolute;
  z-index:4;
  display:block;
  width:42px;
  margin:0 !important;
}

#lc-inspector .lc-edge-radius input{
  width:42px !important;
  min-width:42px !important;
  height:21px !important;
  min-height:21px !important;
  padding:1px 3px !important;
  text-align:center;
  font-size:9px !important;
  background:#fff !important;
  border-color:#cfd3d9 !important;
}

#lc-inspector .lc-edge-radius-tl{
  left:calc(50% - 61px);
  top:calc(50% - 43px);
}

#lc-inspector .lc-edge-radius-tr{
  left:calc(50% + 19px);
  top:calc(50% - 43px);
}

#lc-inspector .lc-edge-radius-bl{
  left:calc(50% - 61px);
  top:calc(50% + 22px);
}

#lc-inspector .lc-edge-radius-br{
  left:calc(50% + 19px);
  top:calc(50% + 22px);
}

#lc-inspector .lc-edge-diagram-hint{
  margin-top:5px !important;
}

/* Old corner buttons are no longer used in Edge Options. */
#lc-inspector .lc-edge-corner{
  display:none !important;
}


/* =========================================================
   CAD Lite v1.3.22 — refined Edge Options + Inspector header
   ========================================================= */

/* Give the Inspector title the same breathing room as the left rail headers. */
.lc-inspector-panel > .lc-card-head{
  padding:7px 9px !important;
}

/* Replace the previous edge/corner control with one clean spatial editor. */
#lc-inspector .lc-edge-designer{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

#lc-inspector .lc-edge-designer-diagram{
  position:relative;
  width:100%;
  height:196px;
  min-width:0;
  box-sizing:border-box;
  border:1px solid #e0e4e8;
  border-radius:5px;
  background:#fafbfc;
  overflow:hidden;
}

#lc-inspector .lc-edge-piece-box{
  position:absolute;
  left:50%;
  top:50%;
  width:130px;
  height:102px;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
  border:1px solid #98a7b8;
  border-radius:9px;
  background:#fff;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}

#lc-inspector .lc-edge-piece-word{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  color:#9aa4b0;
  font-size:7.5px;
  font-weight:700;
  letter-spacing:.09em;
  pointer-events:none;
}

#lc-inspector .lc-edge-cross{
  position:absolute;
  z-index:2;
  opacity:.8;
  pointer-events:none;
}

#lc-inspector .lc-edge-cross-v{
  top:8px;
  bottom:8px;
  left:50%;
  width:1px;
  transform:translateX(-.5px);
  background:repeating-linear-gradient(to bottom,#d2d8df 0 5px,transparent 5px 10px);
}

#lc-inspector .lc-edge-cross-h{
  left:8px;
  right:8px;
  top:50%;
  height:1px;
  transform:translateY(-.5px);
  background:repeating-linear-gradient(to right,#d2d8df 0 5px,transparent 5px 10px);
}

/* Four spatial corner zones. Clicking a zone focuses its radius input. */
#lc-inspector .lc-edge-zone{
  position:absolute;
  z-index:1;
  width:50%;
  height:50%;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  transition:background-color .12s ease, box-shadow .12s ease;
}

#lc-inspector .lc-edge-zone:hover{
  background:rgba(59,130,246,.045);
}

#lc-inspector .lc-edge-zone.active{
  background:rgba(59,130,246,.115);
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.12);
}

#lc-inspector .lc-edge-zone-tl{
  left:0;top:0;
  border-radius:9px 0 0 0;
}
#lc-inspector .lc-edge-zone-tr{
  right:0;top:0;
  border-radius:0 9px 0 0;
}
#lc-inspector .lc-edge-zone-bl{
  left:0;bottom:0;
  border-radius:0 0 0 9px;
}
#lc-inspector .lc-edge-zone-br{
  right:0;bottom:0;
  border-radius:0 0 9px 0;
}

/* Radius values sit inside their actual corners and read like square controls. */
#lc-inspector .lc-edge-corner-input{
  position:absolute;
  z-index:4;
  width:37px !important;
  min-width:37px !important;
  height:34px !important;
  min-height:34px !important;
  padding:2px 3px !important;
  box-sizing:border-box;
  border:1px solid #c8d0da !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#202124;
  text-align:center;
  font-size:9.5px !important;
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}

#lc-inspector .lc-edge-corner-input:focus{
  border-color:#7aa7e8 !important;
  outline:1px solid #7aa7e8 !important;
}

#lc-inspector .lc-edge-corner-input-tl{left:8px;top:8px;}
#lc-inspector .lc-edge-corner-input-tr{right:8px;top:8px;}
#lc-inspector .lc-edge-corner-input-bl{left:8px;bottom:8px;}
#lc-inspector .lc-edge-corner-input-br{right:8px;bottom:8px;}

/* Edge profile selects live outside the piece; there is only one visible control per side. */
#lc-inspector .lc-edge-control{
  position:absolute;
  z-index:6;
  margin:0 !important;
}

#lc-inspector .lc-edge-control-top{
  top:6px;
  left:50%;
  transform:translateX(-50%);
}

#lc-inspector .lc-edge-control-bottom{
  bottom:6px;
  left:50%;
  transform:translateX(-50%);
}

#lc-inspector .lc-edge-control-left{
  left:4px;
  top:50%;
  width:30px;
  height:88px;
  transform:translateY(-50%);
}

#lc-inspector .lc-edge-control-right{
  right:4px;
  top:50%;
  width:30px;
  height:88px;
  transform:translateY(-50%);
}

#lc-inspector .lc-edge-profile-select{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  box-sizing:border-box;
  width:92px !important;
  min-width:92px !important;
  height:27px !important;
  min-height:27px !important;
  padding:2px 21px 2px 7px !important;
  border:1px solid #cfd6df !important;
  border-radius:5px !important;
  background:#f4f6f8 !important;
  color:#202124 !important;
  font-size:9.5px !important;
  font-weight:600;
  line-height:1 !important;
  cursor:pointer;
  box-shadow:none !important;
}

#lc-inspector .lc-edge-profile-select:hover{
  border-color:#aeb8c4 !important;
  background:#fff !important;
}

#lc-inspector .lc-edge-profile-select-left,
#lc-inspector .lc-edge-profile-select-right{
  position:absolute;
  left:50%;
  top:50%;
  transform-origin:center;
}

#lc-inspector .lc-edge-profile-select-left{
  transform:translate(-50%,-50%) rotate(-90deg);
}

#lc-inspector .lc-edge-profile-select-right{
  transform:translate(-50%,-50%) rotate(90deg);
}

/* Top and bottom stay left-to-right as requested. */
#lc-inspector .lc-edge-profile-select-top,
#lc-inspector .lc-edge-profile-select-bottom{
  transform:none;
}

#lc-inspector .lc-edge-designer-hint{
  padding:0 1px;
  color:#727982 !important;
  font-size:8.8px !important;
  line-height:1.3 !important;
}

/* Neutralize the previous v1.3.21 edge controls so only the .22 UI participates. */
#lc-inspector .lc-edge-diagram,
#lc-inspector .lc-edge-piece-preview,
#lc-inspector .lc-edge-spatial,
#lc-inspector .lc-edge-profile-display,
#lc-inspector .lc-edge-picker,
#lc-inspector .lc-edge-radius{
  /* These nodes are no longer generated in v1.3.22. */
}


/* =========================================================
   CAD Lite v1.3.23 — Edge Options spacing refinements
   ========================================================= */

/* Give decimal radii enough room to remain fully visible. */
#lc-inspector .lc-edge-corner-input{
  width:46px !important;
  min-width:46px !important;
  padding:2px 5px !important;
  font-size:9.5px !important;
}

#lc-inspector .lc-edge-corner-input-tl{left:7px !important;}
#lc-inspector .lc-edge-corner-input-tr{right:7px !important;}
#lc-inspector .lc-edge-corner-input-bl{left:7px !important;}
#lc-inspector .lc-edge-corner-input-br{right:7px !important;}

/* Pull the vertical edge-profile controls away from the piece rectangle. */
#lc-inspector .lc-edge-control-left{
  left:0 !important;
  width:26px !important;
}

#lc-inspector .lc-edge-control-right{
  right:0 !important;
  width:26px !important;
}

/* Their rotated footprint is controlled by the select height. */
#lc-inspector .lc-edge-profile-select-left,
#lc-inspector .lc-edge-profile-select-right{
  height:24px !important;
  min-height:24px !important;
}

/* Create a slightly larger visual gutter without changing the overall panel size. */
#lc-inspector .lc-edge-piece-box{
  width:124px !important;
}


/* =========================================================
   CAD Lite v1.3.24 — left-rail header width containment
   ========================================================= */

/* Prevent 100%-wide header rows from becoming 100% + padding. */
.lc-left-rail,
.lc-left-rail .lc-left-section,
.lc-left-rail .lc-left-section > .lc-card-head,
.lc-left-rail .lc-left-section .lc-head-title-row,
.lc-left-rail .lc-left-section .lc-head-actions-row,
.lc-sidebar-overlay-card,
.lc-sidebar-overlay-card > .lc-acc-btn{
  box-sizing:border-box !important;
  max-width:100% !important;
  min-width:0 !important;
}

.lc-left-rail .lc-left-section > .lc-card-head{
  width:100% !important;
  overflow:hidden;
}

/* The global rule previously used width:100% with content-box padding. */
.lc-left-rail .lc-left-section .lc-head-title-row{
  width:100% !important;
  padding-left:6px !important;
  padding-right:6px !important;
  overflow:hidden;
}

.lc-left-rail .lc-left-section .lc-head-title-row h3{
  flex:1 1 auto;
  min-width:0 !important;
}

.lc-left-rail .lc-left-section .lc-head-arrow{
  flex:0 0 12px !important;
  width:12px;
  min-width:12px;
  text-align:center;
  margin-left:3px;
}

/* Keep second-row actions contained too. */
.lc-left-rail .lc-left-section .lc-head-actions-row{
  width:100% !important;
  overflow:hidden;
}

/* Slab Overlay uses a different header implementation but should align identically. */
.lc-sidebar-overlay-card > .lc-acc-btn{
  width:100% !important;
  padding-left:6px !important;
  padding-right:6px !important;
  overflow:hidden;
}


/* =========================================================
   CAD Lite v1.3.25 — Inspector organization + Overlay navigator
   ========================================================= */

/* Inspector header now mirrors the left-rail section language. */
.lc-inspector-panel > .lc-inspector-head{
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  min-height:29px !important;
  margin:0 !important;
  padding:6px 8px !important;
  border-bottom:1px solid #e2e4e7 !important;
  background:#fafafa !important;
}

.lc-inspector-panel > .lc-inspector-head h3{
  margin:0 !important;
  color:#2f3337 !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}

/* Inspector must shrink as sections close, not retain a previous tall flex size. */
.lc-inspector-col{
  align-items:stretch !important;
}

.lc-inspector-panel{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  flex:0 0 auto !important;
  align-self:stretch !important;
}

#lc-inspector{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  flex:0 0 auto !important;
}

#lc-inspector .lc-subcard-body[hidden]{
  display:none !important;
}

/* Annotation/Overlay disclosure heads use the same rail header geometry. */
#lc-inspector .lc-annotation-inspector .lc-subcard-label{
  min-height:26px !important;
  padding:6px 7px !important;
}

/* Give common property pairs their own predictable rows. */
#lc-inspector .lc-inspector-property-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}

#lc-inspector .lc-line-endpoint-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
  padding-top:2px;
}

#lc-inspector .lc-line-endpoint-stack .lc-label{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:6px;
}

#lc-inspector .lc-line-endpoint-stack .lc-label > span{
  margin:0;
}

#lc-inspector .lc-inspector-full-action{
  width:100% !important;
}

#lc-inspector .lc-annotation-delete{
  width:100% !important;
}

/* Note Leader and Delete stay on separate full-width lines. */
#lc-inspector .lc-annotation-inspector .lc-btn + .lc-btn{
  margin-top:2px;
}

/* Overlay Inspector */
#lc-inspector .lc-overlay-opacity-field{
  display:flex;
  flex-direction:column;
  gap:3px;
}

#lc-inspector .lc-overlay-opacity-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

#lc-inspector .lc-overlay-opacity-head strong{
  font-size:9.5px;
  color:#4b5563;
}

#lc-inspector .lc-overlay-toggle-stack{
  display:grid;
  gap:4px;
  padding-top:2px;
}

#lc-inspector .lc-overlay-check-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  padding:4px 6px;
  border-radius:3px;
  background:#f7f8f9;
  color:#374151;
  font-size:10px;
  cursor:pointer;
}

#lc-inspector .lc-overlay-check-row input{
  margin:0;
}

/* OVERLAYS navigator — intentionally lightweight and collapsed by default. */
.lc-overlays-card{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.lc-overlays-card > .lc-card-head{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fafafa !important;
}

.lc-overlays-card .lc-head-title-row{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:5px 6px !important;
}

.lc-overlays-card .lc-overlay-nav-list{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:4px 5px 6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  overflow:auto;
}

.lc-overlays-card .lc-ov-row{
  display:grid !important;
  grid-template-columns:23px minmax(0,1fr) 23px !important;
  align-items:center !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:0 0 2px !important;
  padding:4px !important;
  border:1px solid #e2e4e7 !important;
  border-radius:3px !important;
  background:#fff;
}

.lc-overlays-card .lc-ov-row.selected{
  border-color:#8ab4f8 !important;
  background:#eef5ff !important;
}

.lc-overlays-card .ov-name{
  min-width:0 !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
}

.lc-overlays-card .ov-actions{
  display:flex;
  justify-content:flex-end;
}

.lc-overlays-card .lc-iconbtn{
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 3px !important;
}

.lc-overlays-card .lc-overlay-empty{
  padding:4px 2px;
  opacity:.65;
}

/* Slightly stronger destructive navigator actions. */
.lc-btn.red.lc-iconbtn,
.lc-overlays-card .ov-del{
  color:#c32020 !important;
  border-color:#e4a09a !important;
  background:#fff1ef !important;
}

.lc-btn.red.lc-iconbtn:hover,
.lc-overlays-card .ov-del:hover{
  color:#951717 !important;
  border-color:#d7766e !important;
  background:#ffe1de !important;
}

/* INSERT menu divider for the secondary Slab Overlay actions. */
.lc-menu-separator{
  height:1px;
  margin:4px 3px;
  background:#e2e4e7;
}

/* =========================================================
   CAD Lite v1.3.26 — Inspector overflow correction
   ========================================================= */

/* v1.3.25 made the Inspector explicitly 100% wide. Keep that sizing
   inside the grid track by including padding/borders in the width math. */
.lc-inspector-col,
.lc-inspector-panel,
.lc-inspector-panel > .lc-inspector-head,
#lc-inspector,
#lc-sinks-card{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
}

.lc-inspector-panel,
#lc-inspector{
  width:100% !important;
  overflow-x:hidden !important;
}

#lc-inspector .lc-item,
#lc-inspector .lc-subcard,
#lc-inspector .lc-subcard-body,
#lc-inspector .lc-inspector-property-grid,
#lc-inspector .lc-line-endpoint-stack,
#lc-inspector .lc-row,
#lc-inspector .lc-row2,
#lc-inspector .lc-row3,
#lc-inspector .sink-editor,
#lc-sinks-card .sinks-card,
#lc-sinks-card .lc-list{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
}

#lc-inspector input,
#lc-inspector select,
#lc-inspector textarea,
#lc-sinks-card input,
#lc-sinks-card select,
#lc-sinks-card textarea{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
}

/* =========================================================
   CAD Lite v1.3.27 — Estimate foundation
   ========================================================= */

.lc-estimate-card{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.lc-estimate-card > .lc-card-head,
.lc-estimate-card .lc-head-title-row{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.lc-estimate-summary{
  box-sizing:border-box;
  display:grid;
  gap:4px;
  width:100%;
  padding:5px;
}

.lc-estimate-row{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  min-height:25px;
  padding:4px 6px;
  border:1px solid #e5e7eb;
  border-radius:3px;
  background:#f7f8f9;
  color:#4b5563;
  font-size:10px;
}

.lc-estimate-row strong{
  flex:0 0 auto;
  color:#1f2937;
  font-size:10.5px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

#lc-inspector .lc-estimate-readonly{
  background:#f7f8f9 !important;
  color:#374151 !important;
  cursor:default;
  font-variant-numeric:tabular-nums;
}

/* =========================================================
   CAD Lite v1.3.29 — fixed-height desktop workspace shell
   ========================================================= */

/*
  The workspace viewport should stay visually stable while CAD zoom changes.
  On desktop, all three columns share one viewport-based height. The drawing
  SVG can grow/shrink inside the gray canvas viewport without resizing the app.
*/
@media (min-width:900px){
  .lite-cad{
    --lc-workspace-height:clamp(
      540px,
      calc(100vh - var(--site-header-h, 0px) - 24px),
      820px
    );
  }

  .lc-wrap{
    align-items:stretch !important;
  }

  .lc-left-rail,
  .lc-canvas-col,
  .lc-inspector-col{
    box-sizing:border-box !important;
    height:var(--lc-workspace-height) !important;
    min-height:0 !important;
    max-height:var(--lc-workspace-height) !important;
  }

  /* Left rail behaves like a conventional application sidebar. */
  .lc-left-rail{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    scrollbar-width:thin;
    align-content:start;
  }

  /* The canvas column itself stays fixed; only the canvas viewport scrolls. */
  .lc-canvas-col{
    overflow:hidden !important;
  }

  .lc-canvas-col > .lc-card{
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:visible !important;
  }

  .lc-canvas-col .lc-toolbar,
  .lc-canvas-col .lc-top{
    flex:0 0 auto !important;
  }

  .lc-canvas-col .lc-canvas-wrap{
    box-sizing:border-box !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:auto !important;
    scrollbar-width:thin;
    overscroll-behavior:contain;
  }

  /* Preserve gray non-working space when the zoomed SVG is smaller than its viewport. */
  .lc-canvas-col .lc-canvas-wrap > svg{
    display:block;
    flex:none;
  }

  /*
    Inspector becomes a full-height rail. Its content can collapse normally,
    but overflow stays inside this rail rather than changing workspace height.
  */
  .lc-inspector-col{
    overflow:hidden !important;
    align-items:stretch !important;
  }

  .lc-inspector-panel{
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    scrollbar-width:thin;
  }

  /* Focus modes use all of their genuinely available vertical space. */
  .lite-cad.lc-theater-mode{
    --lc-workspace-height:calc(100vh - var(--site-header-h, 0px) - 8px);
  }

  .lite-cad:fullscreen,
  .lite-cad:-webkit-full-screen{
    --lc-workspace-height:calc(100vh - 8px);
  }
}

/* =========================================================
   CAD Lite v1.3.30 — compact navigator headers
   ========================================================= */

.lc-left-rail .lc-single-row-head{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.lc-left-rail .lc-single-row-head > .lc-head-title-row{
  min-height:26px !important;
}

.lc-left-rail .lc-head-inline-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  gap:2px;
  margin-left:auto;
}

.lc-left-rail .lc-head-eye{
  box-sizing:border-box !important;
  width:21px !important;
  min-width:21px !important;
  height:21px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#4b5563 !important;
}

.lc-left-rail .lc-head-eye:hover{
  background:#eceff2 !important;
  color:#202124 !important;
}

.lc-left-rail .lc-head-eye svg{
  width:14px !important;
  height:14px !important;
}

.lc-left-rail .lc-sidebar-add-row{
  box-sizing:border-box;
  width:100%;
  padding:4px 5px 3px;
  border-top:1px solid #eceff1;
  background:#fff;
}

.lc-left-rail .lc-sidebar-inline-add{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:23px !important;
  padding:0 6px !important;
  border-radius:3px !important;
  font-size:10px !important;
  font-weight:600 !important;
  text-align:left !important;
  justify-content:flex-start !important;
}

.lc-left-rail .lc-single-row-head + .lc-sidebar-add-row{
  margin-top:0 !important;
}

.lc-left-rail .lc-single-row-head .lc-head-actions-row{
  display:none !important;
}

/* =========================================================
   CAD Lite v1.3.31 — faucet-hole selector cleanup
   ========================================================= */

/* Faucet holes are one full-width property, not half of the sink editor grid. */
#lc-inspector .sink-editor .faucet-hole-row{
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
}

#lc-inspector .sink-editor .faucet-hole-field{
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

#lc-inspector .sink-editor .faucet-hole-field > .lc-small{
  margin-bottom:4px !important;
}

/* Spread all nine selectors across the available Inspector width. */
#lc-inspector .sink-editor .holes-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:3px !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

/* Keep the actual click targets visually consistent and prevent flex shrinking. */
#lc-inspector .sink-editor .holes-row input[type="checkbox"]{
  flex:0 0 15px !important;
  width:15px !important;
  min-width:15px !important;
  max-width:15px !important;
  height:15px !important;
  min-height:15px !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================================================
   CAD Lite v1.3.32 — structured sink + faucet-hole inspector
   ========================================================= */
#lc-inspector .sink-editor{padding:0 !important;overflow:hidden !important;background:#fff !important;}
#lc-inspector .sink-editor-section{margin:0 !important;padding:0 !important;border:0 !important;border-top:1px solid #e1e4e8 !important;background:#fff;}
#lc-inspector .sink-editor-section:first-child{border-top:0 !important;}
#lc-inspector .sink-editor-section-head{
  display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:25px;
  margin:0;padding:5px 6px;border:0;background:#f5f6f7;color:#34383d;cursor:pointer;font:inherit;text-align:left;
}
#lc-inspector .sink-editor-section-head:hover{background:#eceff2;}
#lc-inspector .sink-editor-section-title{font-size:9.5px;font-weight:700;line-height:1;letter-spacing:.035em;text-transform:uppercase;}
#lc-inspector .sink-editor-section-arrow{flex:0 0 auto;font-size:10px;opacity:.7;}
#lc-inspector .sink-editor-section-body{display:grid;gap:4px;padding:5px 6px 7px;background:#fff;}
#lc-inspector .sink-editor-section-body[hidden]{display:none !important;}
#lc-inspector .sink-editor .sink-setback-row{grid-template-columns:minmax(0,1fr) !important;}
#lc-inspector .sink-editor .faucet-hole-field{display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;}
#lc-inspector .sink-editor .faucet-pattern-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 4px;}
#lc-inspector .sink-editor .faucet-selected-count{color:#6b7280;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;}
#lc-inspector .sink-editor .holes-row{display:grid !important;grid-template-columns:repeat(9,minmax(0,1fr)) !important;align-items:start !important;gap:2px !important;width:100% !important;}
#lc-inspector .sink-editor .faucet-hole-slot{display:grid;grid-template-rows:16px 9px;justify-items:center;align-items:start;min-width:0;}
#lc-inspector .sink-editor .faucet-hole-slot input[type="checkbox"]{width:15px !important;min-width:15px !important;max-width:15px !important;height:15px !important;min-height:15px !important;margin:0 !important;padding:0 !important;}
#lc-inspector .sink-editor .faucet-hole-marker{min-height:9px;color:#7b8087;font-size:7.5px;font-weight:700;line-height:9px;}
#lc-inspector .sink-editor .faucet-hole-slot.is-center .faucet-hole-marker{color:#3f4750;}
#lc-inspector .sink-editor .faucet-settings-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:4px !important;}
#lc-inspector .sink-editor .faucet-settings-row .lc-label{min-width:0 !important;}
#lc-inspector .sink-editor .faucet-settings-row input{width:100% !important;min-width:0 !important;padding-left:3px !important;padding-right:3px !important;font-variant-numeric:tabular-nums;}
@media (min-width:900px) and (max-width:1100px){
  #lc-inspector .sink-editor .faucet-settings-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #lc-inspector .sink-editor .faucet-settings-row > :last-child{grid-column:1 / -1;}
}

/* =========================================================
   CAD Lite v1.3.33 — master piece-fill display toggle
   ========================================================= */

.lc-left-rail .lc-piece-fill-toggle{
  box-sizing:border-box !important;
  width:21px !important;
  min-width:21px !important;
  height:21px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#4b5563 !important;
}
.lc-left-rail .lc-piece-fill-toggle:hover{
  background:#eceff2 !important;
  color:#202124 !important;
}
.lc-left-rail .lc-piece-fill-toggle svg{
  display:block;
  width:14px !important;
  height:14px !important;
}
.lc-left-rail .lc-piece-fill-toggle.is-off{opacity:.55;}

/* =========================================================
   CAD Lite v1.3.34 — Overlay add dropdown in left rail
   ========================================================= */

.lc-overlays-card .lc-overlay-add-row{
  position:relative;
  z-index:4;
}

.lc-overlays-card .lc-overlay-add-wrap{
  position:relative;
  width:100%;
}

.lc-overlays-card .lc-overlay-add-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.lc-overlays-card .lc-overlay-add-btn::after{
  content:'▾';
  margin-left:auto;
  font-size:9px;
  opacity:.7;
}

.lc-overlays-card .lc-overlay-add-btn:disabled{
  cursor:not-allowed !important;
  opacity:.45 !important;
}

.lc-overlays-card .lc-overlay-add-menu{
  position:absolute;
  top:calc(100% + 3px);
  left:0;
  right:0;
  z-index:20;
  box-sizing:border-box;
  padding:3px;
  border:1px solid #d9dce1;
  border-radius:4px;
  background:#fff;
  box-shadow:0 7px 18px rgba(0,0,0,.14);
}

.lc-overlays-card .lc-overlay-add-menu[hidden]{
  display:none !important;
}

.lc-overlays-card .lc-overlay-add-option{
  display:block;
  box-sizing:border-box;
  width:100%;
  min-height:25px;
  margin:0;
  padding:5px 7px;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#30343a;
  cursor:pointer;
  font:inherit;
  font-size:10px;
  text-align:left;
}

.lc-overlays-card .lc-overlay-add-option:hover{
  background:#f0f2f4;
}

/* =========================================================
   CAD Lite v1.3.35 — quick Clip to Pieces control
   ========================================================= */

.lc-overlays-card .lc-overlay-quick-row{
  box-sizing:border-box;
  width:100%;
  padding:0 5px 4px;
  background:#fff;
}

.lc-overlays-card .lc-overlay-clip-quick{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  height:23px !important;
  padding:0 6px !important;
  border-radius:3px !important;
  font-size:10px !important;
  font-weight:600 !important;
  text-align:left !important;
}

/* =========================================================
   CAD Lite v1.3.36 — VIEW > Overlays controls
   ========================================================= */
/* Uses the existing VIEW submenu/toggle styles. */

/* =========================================================
   CAD Lite v1.3.37 — structured desktop-style toolbar menus
   ========================================================= */
.lc-toolbar-menu,
#lc-view-menu,
.lc-view-submenu{
  box-sizing:border-box !important;
  width:280px !important;
  max-width:min(280px,88vw) !important;
  padding:4px !important;
  border-radius:5px !important;
  color:#202124;
}
.lc-menu-command{
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:8px !important;
  min-height:32px !important;
  width:100% !important;
  padding:5px 8px !important;
  border:0 !important;
  border-radius:3px !important;
  background:transparent !important;
  color:#202124 !important;
  font-size:12px !important;
  font-weight:400 !important;
  text-align:left !important;
}
.lc-menu-command:hover:not(:disabled){background:#eef0f2 !important;}
.lc-menu-command:disabled{color:#a9aaad !important;cursor:default !important;opacity:1 !important;}
.lc-menu-command:disabled .lc-menu-shortcut,
.lc-menu-command:disabled .lc-menu-icon{color:#bdc1c6 !important;opacity:.8;}
.lc-menu-icon{
  display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;height:20px;color:#5f6368;
}
.lc-menu-icon:empty{visibility:hidden;}
.lc-menu-icon svg{width:16px !important;height:16px !important;}
.lc-menu-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lc-menu-shortcut{
  justify-self:end;margin-left:18px;color:#9aa0a6;font-size:10.5px;font-weight:400;white-space:nowrap;
}
.lc-menu-chevron{
  justify-self:end;margin-left:18px;color:#5f6368;font-size:17px !important;
}
.lc-menu-submenu-row{grid-template-columns:24px minmax(0,1fr) auto !important;}
#lc-view-menu .lc-menu-toggle-row,
.lc-view-submenu .lc-menu-toggle-row{
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:8px !important;
  min-height:30px;
  padding:4px 8px !important;
  border-radius:3px !important;
  color:#202124;
}
#lc-view-menu .lc-menu-toggle-row:hover,
.lc-view-submenu .lc-menu-toggle-row:hover{background:#eef0f2 !important;}
#lc-view-menu .lc-menu-toggle-row input,
.lc-view-submenu .lc-menu-toggle-row input{margin:0 !important;}
#lc-view-menu .lc-menu-toggle-row span,
.lc-view-submenu .lc-menu-toggle-row span{font-size:12px !important;}
.lc-toolbar-menu .lc-menu-separator,
#lc-view-menu .lc-menu-separator{
  height:1px;margin:4px 0 !important;background:#e0e0e0;
}

/* =========================================================
   CAD Lite v1.3.38 — EDIT menu startup hotfix
   ========================================================= */
/* Runtime-only fix; visual menu styling remains v1.3.37. */

/* =========================================================
   CAD Lite v1.3.39 — menu alignment, sizing + flyout stacking
   ========================================================= */
.lc-toolbar .lc-ctl > .lc-toolbar-menu[role="menu"],
#lc-view-menu.lc-toolbar-menu,
.lc-view-submenu.lc-toolbar-menu{
  box-sizing:border-box !important;
  width:280px !important;
  min-width:280px !important;
  max-width:min(280px, calc(100vw - 16px)) !important;
  padding:4px !important;
}

.lc-toolbar .lc-toolbar-menu .lc-menu-command,
#lc-view-menu .lc-menu-command,
.lc-view-submenu .lc-menu-command{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) 72px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
}

#lc-view-menu > div{
  box-sizing:border-box;
  width:100%;
  min-width:0;
}

.lc-menu-shortcut,
.lc-menu-chevron{
  box-sizing:border-box;
  width:72px;
  min-width:72px;
  margin-left:0 !important;
  justify-self:stretch !important;
  text-align:right !important;
}

.lc-menu-chevron{
  display:block;
  line-height:1 !important;
}

@media (min-width:900px){
  .lc-canvas-col{
    position:relative !important;
    z-index:40 !important;
    overflow:visible !important;
  }

  .lc-canvas-col > .lc-card,
  .lc-canvas-col .lc-toolbar{
    overflow:visible !important;
  }

  .lc-canvas-col .lc-toolbar{
    position:relative !important;
    z-index:60 !important;
  }

  .lc-left-rail,
  .lc-inspector-col{
    position:relative;
    z-index:1;
  }

  .lc-canvas-col .lc-canvas-wrap{
    overflow:auto !important;
  }
}

#lc-layouts .lc-btn.red.lc-iconbtn{
  color:#c32020 !important;
  border-color:#e4a09a !important;
  background:#fff1ef !important;
}
#lc-layouts .lc-btn.red.lc-iconbtn:hover{
  color:#951717 !important;
  border-color:#d7766e !important;
  background:#ffe1de !important;
}

/* =========================================================
   CAD Lite v1.3.40 — align VIEW > Canvas numeric controls
   ========================================================= */

.lc-view-submenu .lc-view-number-row{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) 84px 36px !important;
}

.lc-view-submenu .lc-view-number-label{
  min-width:0;
}

.lc-view-submenu .lc-view-number-input{
  box-sizing:border-box !important;
  width:84px !important;
  min-width:84px !important;
  max-width:84px !important;
  justify-self:end;
}

.lc-view-submenu .lc-view-number-unit{
  box-sizing:border-box;
  width:36px;
  min-width:36px;
  color:#6f7378;
  font-size:10.5px !important;
  line-height:1;
  text-align:left;
  white-space:nowrap;
}

/* =========================================================
   CAD Lite v1.3.41 — reclaim empty shortcut space
   ========================================================= */

/* Commands without shortcuts get the entire text column. */
.lc-toolbar .lc-toolbar-menu .lc-menu-command:not(.lc-menu-has-shortcut):not(.lc-menu-submenu-row),
#lc-view-menu .lc-menu-command:not(.lc-menu-has-shortcut):not(.lc-menu-submenu-row),
.lc-view-submenu .lc-menu-command:not(.lc-menu-has-shortcut):not(.lc-menu-submenu-row){
  grid-template-columns:24px minmax(0,1fr) !important;
}

/* Empty shortcut spans should not reserve any width. */
.lc-menu-command:not(.lc-menu-has-shortcut) .lc-menu-shortcut:empty{
  display:none !important;
}

/* Commands with actual shortcuts keep the aligned right column. */
.lc-toolbar .lc-toolbar-menu .lc-menu-command.lc-menu-has-shortcut,
#lc-view-menu .lc-menu-command.lc-menu-has-shortcut,
.lc-view-submenu .lc-menu-command.lc-menu-has-shortcut{
  grid-template-columns:24px minmax(0,1fr) 72px !important;
}

/* =========================================================
   CAD Lite v1.3.42 — left rail consistency
   ========================================================= */

.lc-nav-entity-row{
  min-width:0;
}

.lc-nav-main{
  flex:1 1 auto;
  min-width:0;
}

.lc-nav-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.5px;
  font-weight:600;
  line-height:1.25;
}

.lc-nav-meta{
  min-width:0;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9.5px;
  font-weight:400;
  line-height:1.2;
  opacity:.68;
}

.lc-nav-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:4px;
}

#lc-list .lc-nav-actions .lc-iconbtn,
#lc-dim-list .lc-nav-actions .lc-iconbtn,
#lc-line-list .lc-nav-actions .lc-iconbtn,
#lc-layouts .lc-layout-actions .lc-iconbtn{
  box-sizing:border-box;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 4px !important;
  border-radius:6px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

#lc-list .lc-nav-actions .lc-icon,
#lc-dim-list .lc-nav-actions .lc-icon,
#lc-line-list .lc-nav-actions .lc-icon,
#lc-layouts .lc-layout-actions .lc-iconbtn .lc-icon{
  width:12px !important;
  height:12px !important;
}

.lc-list-empty{
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-height:28px;
  color:#6b7280 !important;
  background:transparent !important;
  border:0 !important;
  font-size:9.5px;
  font-style:italic;
  cursor:default !important;
  opacity:.8;
}

#lc-layouts .lc-layout-item{
  box-sizing:border-box;
  display:block !important;
  padding:0 !important;
  overflow:hidden;
}

#lc-layouts .lc-layout-title-row{
  box-sizing:border-box;
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  padding:6px 7px;
  cursor:pointer;
}

#lc-layouts .lc-layout-title{
  width:100%;
  font-size:10.5px;
}

#lc-layouts .lc-layout-title-row .lc-input{
  box-sizing:border-box;
  width:100% !important;
  min-width:0;
  height:24px !important;
  padding:2px 5px !important;
}

#lc-layouts .lc-layout-actions{
  box-sizing:border-box;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px 22px;
  align-items:center;
  gap:4px;
  padding:0 7px 6px;
}

#lc-layouts .lc-layout-duplicate{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  height:22px !important;
  padding:0 7px !important;
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  border-radius:6px !important;
  font-size:9.5px !important;
}

#lc-layouts .lc-layout-duplicate .lc-icon{
  flex:0 0 auto;
  width:12px !important;
  height:12px !important;
}

/* =========================================================
   CAD Lite v1.3.43 — sidebar behavior + Appearance cleanup
   ========================================================= */

/* Left-rail list areas stay compact and scroll independently when long. */
#lc-layouts,
#lc-list,
#lc-note-list,
#lc-dim-list,
#lc-line-list,
#ov-list{
  box-sizing:border-box;
  max-height:220px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:thin;
}

/* Stronger, tighter interaction language for pencil/delete controls. */
.lc-left-rail .lc-rename-btn,
.lc-left-rail .lc-btn.red.lc-iconbtn,
#ov-list .lc-btn.red.lc-iconbtn{
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 3px !important;
  border-radius:3px !important;
}

.lc-left-rail .lc-nav-actions,
#lc-layouts .lc-layout-actions,
#lc-note-list .lc-item.nav{
  column-gap:2px !important;
}

.lc-left-rail .lc-rename-btn{
  border:1px solid #c7ccd3 !important;
  background:#fff !important;
  color:#34383d !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

.lc-left-rail .lc-rename-btn:hover{
  background:#eef3f8 !important;
  border-color:#8ea3b8 !important;
  color:#1f4d75 !important;
}

.lc-left-rail .lc-rename-btn:active{
  background:#e2eaf2 !important;
}

.lc-left-rail .lc-btn.red.lc-iconbtn,
#ov-list .lc-btn.red.lc-iconbtn,
#lc-layouts .lc-btn.red.lc-iconbtn{
  border:1px solid #c65e58 !important;
}

.lc-left-rail .lc-btn.red.lc-iconbtn:hover,
#ov-list .lc-btn.red.lc-iconbtn:hover,
#lc-layouts .lc-btn.red.lc-iconbtn:hover{
  border-color:#9d3833 !important;
}

/* Layout Duplicate should visibly respond too. */
#lc-layouts .lc-layout-duplicate{
  border:1px solid #c7ccd3 !important;
  border-radius:3px !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

#lc-layouts .lc-layout-duplicate:hover{
  background:#eef3f8 !important;
  border-color:#8ea3b8 !important;
  color:#1f4d75 !important;
}

#lc-layouts .lc-layout-actions{
  grid-template-columns:minmax(0,1fr) 20px 20px !important;
  gap:2px !important;
}

/* Reorder affordance. */
.lc-list.reordering,
#lc-layouts.reordering{
  user-select:none;
}

.lc-item.nav.dragging,
.lc-layout-item.dragging{
  opacity:.55;
}

/* Appearance: Color / Opacity+Fill / Layer rows. */
#lc-inspector .lc-piece-color-row{
  display:block;
  margin:0 !important;
}

#lc-inspector .lc-piece-color-row .lc-color-stack{
  position:relative !important;
  display:block !important;
  box-sizing:border-box;
  width:100% !important;
  height:27px !important;
  margin-top:3px;
}

#lc-inspector .lc-piece-color-row .lc-color-ghost{
  position:absolute !important;
  inset:0 !important;
  z-index:2;
  display:block !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  opacity:0 !important;
  cursor:pointer;
}

#lc-inspector .lc-piece-color-row .lc-swatch{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  box-sizing:border-box;
  width:auto !important;
  height:auto !important;
  border:1px solid #aeb4bc !important;
  border-radius:3px !important;
  background:var(--c,#fff) !important;
  pointer-events:none;
}

#lc-inspector .lc-piece-opacity-row{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:6px !important;
}

#lc-inspector .lc-piece-opacity-field{
  min-width:0;
  margin:0 !important;
}

#lc-inspector .lc-piece-opacity-field input[type="range"]{
  box-sizing:border-box;
  width:100% !important;
  margin:3px 0 0 !important;
}

#lc-inspector .lc-piece-fill-field{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0 !important;
}

#lc-inspector .lc-piece-fill-field .lc-fill-toggle{
  height:24px !important;
  min-width:62px !important;
  padding:0 7px !important;
  border-radius:3px !important;
  font-size:10px !important;
}

#lc-inspector .lc-piece-layer-row{
  display:grid !important;
  grid-template-columns:23px minmax(0,1fr) 23px !important;
  align-items:stretch !important;
  gap:4px !important;
}

#lc-inspector .lc-piece-layer-row .lc-layer-action{
  width:23px !important;
  min-width:23px !important;
  height:24px !important;
  border-radius:3px !important;
  align-self:stretch !important;
}

#lc-inspector .lc-layer-display{
  box-sizing:border-box;
  min-width:0;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #cfd3d8;
  border-radius:3px;
  background:#f5f6f7;
  color:#454a50;
  font-size:10px;
  font-weight:600;
}

/* =========================================================
   CAD Lite v1.3.44 — Quick Layouts + final control tightening
   ========================================================= */

/* Generic toolbar flyout used by INSERT > Quick Layouts. */
.lc-toolbar .lc-menu-submenu-host{
  position:relative;
  box-sizing:border-box;
  width:100%;
  min-width:0;
}

.lc-toolbar .lc-toolbar-submenu{
  position:absolute !important;
  left:calc(100% - 2px) !important;
  top:-4px !important;
  right:auto !important;
  box-sizing:border-box !important;
  width:230px !important;
  min-width:230px !important;
  max-width:min(230px, calc(100vw - 16px)) !important;
  padding:4px !important;
  border:1px solid #d1d5db !important;
  border-radius:4px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(0,0,0,.14) !important;
  z-index:80 !important;
}

.lc-toolbar .lc-toolbar-menu .lc-menu-submenu-row{
  grid-template-columns:24px minmax(0,1fr) 24px !important;
}

.lc-toolbar .lc-toolbar-menu .lc-menu-submenu-row .lc-menu-chevron{
  width:24px !important;
  min-width:24px !important;
}

/* Beat older ID-specific 22px button rules. */
#lc-list .lc-nav-actions .lc-iconbtn,
#lc-dim-list .lc-nav-actions .lc-iconbtn,
#lc-line-list .lc-nav-actions .lc-iconbtn,
#lc-layouts .lc-layout-actions .lc-iconbtn{
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 3px !important;
  border-radius:3px !important;
}

#lc-list .lc-nav-actions,
#lc-dim-list .lc-nav-actions,
#lc-line-list .lc-nav-actions,
#lc-layouts .lc-layout-actions{
  gap:2px !important;
}

/* All actual trash-can icon buttons get a clearer dark red edge. */
.lite-cad .lc-btn.red.lc-iconbtn[title^="Delete"]{
  border:1px solid #b44b45 !important;
}

.lite-cad .lc-btn.red.lc-iconbtn[title^="Delete"]:hover{
  border-color:#84302c !important;
}

/* Rename/edit pencils visibly respond across all left-rail lists. */
.lc-left-rail .lc-btn.ghost.lc-iconbtn[title^="Rename"],
.lc-left-rail .lc-btn.ghost.lc-iconbtn[title="Edit note"]{
  border:1px solid #c7ccd3 !important;
  border-radius:3px !important;
  background:#fff !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

.lc-left-rail .lc-btn.ghost.lc-iconbtn[title^="Rename"]:hover,
.lc-left-rail .lc-btn.ghost.lc-iconbtn[title="Edit note"]:hover{
  background:#e9f0f6 !important;
  border-color:#819ab0 !important;
  color:#1f4d75 !important;
}

/* =========================================================
   CAD Lite v1.3.45 — layout navigation + input/UI consistency
   ========================================================= */

/* NOTE inspector action follows the newer compact rectangular control language. */
#lc-inspector .lc-note-leader-action{
  box-sizing:border-box;
  height:24px !important;
  min-height:24px !important;
  padding:0 7px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:3px !important;
  background:#fff !important;
  color:#34383d !important;
  font-size:10px !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

#lc-inspector .lc-note-leader-action:hover{
  background:#e9f0f6 !important;
  border-color:#819ab0 !important;
  color:#1f4d75 !important;
}

#lc-inspector .lc-note-leader-action:active{
  background:#dde7ef !important;
}

/* Overlay action cluster now mirrors the pencil/trash placement of other lists. */
#ov-list .ov-actions{
  flex:0 0 auto;
  display:flex !important;
  align-items:center;
  gap:2px !important;
}

#ov-list .lc-overlay-eye-action{
  box-sizing:border-box;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 3px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:3px !important;
  background:#fff !important;
  color:#34383d !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

#ov-list .lc-overlay-eye-action:hover{
  background:#e9f0f6 !important;
  border-color:#819ab0 !important;
  color:#1f4d75 !important;
}

#ov-list .lc-overlay-eye-action .lc-icon{
  width:12px !important;
  height:12px !important;
}

#ov-list .ov-name{
  min-width:0;
  flex:1 1 auto;
}

/* =========================================================
   CAD Lite v1.3.46 — leader/overlay alignment + vanity sinks
   ========================================================= */

/* Note-list leader toggle: same compact bordered control in both states. */
#lc-note-list .lc-note-leader-toggle{
  box-sizing:border-box;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 3px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:3px !important;
  background:#fff !important;
  color:#34383d !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

#lc-note-list .lc-note-leader-toggle:hover{
  background:#e9f0f6 !important;
  border-color:#819ab0 !important;
  color:#1f4d75 !important;
}

#lc-note-list .lc-note-leader-toggle.is-active{
  background:#eef5ff !important;
  border-color:#8ea9c2 !important;
  color:#245b88 !important;
}

#lc-note-list .lc-note-leader-toggle.is-active:hover{
  background:#e2edf7 !important;
  border-color:#6f90ad !important;
}

/* Inspector Add/Remove Leader matches the standard inspector button geometry. */
#lc-inspector .lc-note-leader-action{
  box-sizing:border-box;
  height:28px !important;
  min-height:28px !important;
  padding:0 8px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#34383d !important;
  font-size:12px !important;
}

#lc-inspector .lc-note-leader-action:hover{
  background:#f3f4f6 !important;
  border-color:#9da4ad !important;
  color:#24282d !important;
}

/* The old overlay eye column is gone: only [name] [eye + trash]. */
#ov-list .lc-ov-row,
.lc-overlays-card .lc-ov-row,
.lc-sidebar-overlay-card .lc-ov-row{
  grid-template-columns:minmax(0,1fr) auto !important;
  column-gap:4px !important;
}

#ov-list .ov-actions,
.lc-overlays-card .ov-actions,
.lc-sidebar-overlay-card .ov-actions{
  justify-self:end !important;
  justify-content:flex-end !important;
  gap:2px !important;
}

/* Match the final 20px sidebar action geometry. */
.lc-overlays-card .lc-iconbtn,
.lc-sidebar-overlay-card .lc-iconbtn{
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 3px !important;
  border-radius:3px !important;
}

/* =========================================================
   CAD Lite v1.3.47 — sink history/semantics + VIEW stacking
   ========================================================= */

/* VIEW and its flyouts must paint above either rail on desktop. */
@media (min-width:900px){
  .lite-cad .lc-canvas-col{
    position:relative !important;
    z-index:100 !important;
    overflow:visible !important;
  }

  .lite-cad .lc-canvas-col > .lc-card,
  .lite-cad .lc-canvas-col .lc-toolbar,
  .lite-cad #lc-view-menu,
  .lite-cad #lc-view-menu > div{
    overflow:visible !important;
  }

  .lite-cad .lc-canvas-col .lc-toolbar{
    position:relative !important;
    z-index:1000 !important;
  }

  .lite-cad #lc-view-menu{
    z-index:1100 !important;
  }

  .lite-cad .lc-view-submenu.lc-toolbar-menu{
    z-index:1200 !important;
  }

  .lite-cad .lc-left-rail,
  .lite-cad .lc-inspector-col{
    position:relative !important;
    z-index:1 !important;
  }

  .lite-cad .lc-canvas-col .lc-canvas-wrap{
    overflow:auto !important;
  }
}

/* CAD Lite v1.3.48 — Quick Layout vanity FRONT reference correction */

/* =========================================================
   CAD Lite v1.3.49 — sink navigator + CL dimension lanes
   ========================================================= */

#lc-inspector .lc-sink-list{
  display:block !important;
  overflow:visible !important;
}

#lc-inspector .lc-sink-row{
  box-sizing:border-box;
  display:grid !important;
  grid-template-columns:13px minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:4px !important;
  min-width:0;
  padding:4px !important;
}

#lc-inspector .lc-sink-drag{
  width:13px;
  min-width:13px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8a9098;
  cursor:grab;
  touch-action:none;
  user-select:none;
}

#lc-inspector .lc-sink-drag:active{
  cursor:grabbing;
  color:#4f5965;
}

#lc-inspector .lc-sink-drag svg{
  width:10px;
  height:16px;
  fill:currentColor;
  pointer-events:none;
}

#lc-inspector .lc-sink-row-main{
  min-width:0;
  overflow:hidden;
}

#lc-inspector .lc-sink-row-title,
#lc-inspector .lc-sink-row-meta{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#lc-inspector .lc-sink-row-title{
  font-size:10.5px;
  font-weight:600;
  line-height:1.2;
  color:#2f3337;
}

#lc-inspector .lc-sink-row-meta{
  margin-top:2px;
  font-size:9px;
  line-height:1.15;
  color:#6b7280;
}

#lc-inspector .lc-sink-row-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:2px;
}

#lc-inspector .lc-sink-row-actions .lc-iconbtn{
  box-sizing:border-box;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 3px !important;
  border-radius:3px !important;
}

#lc-inspector .lc-sink-row-actions .lc-rename-btn,
#lc-inspector .lc-sink-row-actions .lc-sink-duplicate{
  border:1px solid #c7ccd3 !important;
  background:#fff !important;
  color:#34383d !important;
}

#lc-inspector .lc-sink-row-actions .lc-rename-btn:hover,
#lc-inspector .lc-sink-row-actions .lc-sink-duplicate:hover{
  background:#e9f0f6 !important;
  border-color:#819ab0 !important;
  color:#1f4d75 !important;
}

#lc-inspector .lc-sink-row.dragging{
  opacity:.5;
}

#lc-inspector .lc-sink-list.reordering{
  user-select:none;
}

/* CAD Lite v1.3.50 — runtime-safe sink reorder wiring */



/* =========================================================
   CAD Lite v1.3.51 — UI uniformity, drag affordances + bounded flyouts
   ========================================================= */

/* Match the left utility rail to the Inspector rail width. */
@media (min-width:900px){
  .lc-wrap{
    grid-template-columns:minmax(165px,9vw) minmax(0,1fr) minmax(165px,9vw) !important;
  }
}
@media (min-width:900px) and (max-width:1250px){
  .lc-wrap{
    grid-template-columns:200px minmax(0,1fr) 200px !important;
  }
}

/* "Add" is an action, not a row title: center it consistently everywhere. */
.lite-cad .lc-left-rail .lc-sidebar-inline-add,
.lite-cad .lc-overlays-card .lc-sidebar-inline-add{
  justify-content:center !important;
  text-align:center !important;
}

/* Reorderable sidebar entities use the same six-dot affordance as Sinks. */
.lc-left-rail .lc-sidebar-drag{
  flex:0 0 13px;
  width:13px;
  min-width:13px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8a9098;
  cursor:grab;
  touch-action:none;
  user-select:none;
}
.lc-left-rail .lc-sidebar-drag:active{
  cursor:grabbing;
  color:#4f5965;
}
.lc-left-rail .lc-sidebar-drag svg{
  width:10px;
  height:16px;
  fill:currentColor;
  pointer-events:none;
}
#lc-layouts .lc-layout-title{
  flex:1 1 auto;
  width:auto !important;
  min-width:0;
}

/* Inspector Add controls stay clearly separate from entity rows. */
#lc-inspector .lc-add-inspector-item,
#lc-inspector .lc-seam-list + .lc-btn{
  justify-content:center !important;
  text-align:center !important;
}

/* JS positions open menus against the viewport; these caps are the safety net. */
.lite-cad .lc-toolbar-menu,
.lite-cad #lc-view-menu,
.lite-cad .lc-view-submenu,
.lite-cad .lc-toolbar-submenu{
  max-width:calc(100vw - 16px) !important;
  max-height:calc(100vh - 16px) !important;
  overscroll-behavior:contain;
}


/* =========================================================
   CAD Lite v1.3.52 — final sidebar/menu consistency
   ========================================================= */

/* Overlay actions use the same centered action language as every other Add row. */
.lite-cad .lc-overlays-card .lc-overlay-add-btn{
  position:relative !important;
  justify-content:center !important;
  text-align:center !important;
  padding-left:20px !important;
  padding-right:20px !important;
}
.lite-cad .lc-overlays-card .lc-overlay-add-btn::after{
  position:absolute !important;
  right:6px !important;
  margin-left:0 !important;
}
.lite-cad .lc-overlays-card .lc-overlay-clip-quick{
  justify-content:center !important;
  text-align:center !important;
}

/* Layouts have two visual rows, so repeat the drag affordance on row two. */
#lc-layouts .lc-layout-actions{
  grid-template-columns:13px minmax(0,1fr) 20px 20px !important;
  gap:2px !important;
}
#lc-layouts .lc-layout-actions > .lc-sidebar-drag{
  align-self:center;
  justify-self:center;
}
#lc-layouts .lc-layout-duplicate{
  justify-content:flex-start !important;
  padding-left:7px !important;
}

/* Quick Layout previews deserve a little more breathing room than generic submenu icons. */
.lite-cad .lc-quick-layout-menu{
  width:300px !important;
  min-width:300px !important;
  max-width:min(300px, calc(100vw - 16px)) !important;
}
.lite-cad .lc-quick-layout-menu .lc-menu-command{
  grid-template-columns:34px minmax(0,1fr) !important;
  min-height:36px !important;
}
.lite-cad .lc-quick-layout-menu .lc-menu-icon{
  width:30px !important;
  min-width:30px !important;
  height:24px !important;
}
.lite-cad .lc-quick-layout-menu .lc-menu-icon svg{
  width:26px !important;
  height:22px !important;
}

/* Seam Add now shares the same centered inspector-action class as Add Sink. */
#lc-inspector .lc-add-inspector-item{
  justify-content:center !important;
  text-align:center !important;
}


/* =========================================================
   CAD Lite v1.3.53 — endpoint-correct Inspector opacity sliders
   ========================================================= */

/*
  Native range tracks visually continue underneath half of the thumb at min/max.
  Draw our own track inset by half the 12px thumb so the visible endpoints line up
  exactly with the thumb center at both ends.
*/
#lc-inspector input[type="range"].lc-opacity-range{
  --lc-range-pct:100%;
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:16px !important;
  min-height:16px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(
      to right,
      #6b7280 0,
      #6b7280 var(--lc-range-pct),
      #d9dde2 var(--lc-range-pct),
      #d9dde2 100%
    )
    center / calc(100% - 12px) 4px no-repeat !important;
  cursor:pointer;
}

#lc-inspector input[type="range"].lc-opacity-range::-webkit-slider-runnable-track{
  height:4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

#lc-inspector input[type="range"].lc-opacity-range::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  width:12px !important;
  height:12px !important;
  margin-top:-4px !important;
  border:1px solid #9aa0a6 !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.45) !important;
}

#lc-inspector input[type="range"].lc-opacity-range::-moz-range-track{
  height:4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
}

#lc-inspector input[type="range"].lc-opacity-range::-moz-range-progress{
  height:4px !important;
  background:transparent !important;
}

#lc-inspector input[type="range"].lc-opacity-range::-moz-range-thumb{
  box-sizing:border-box !important;
  width:12px !important;
  height:12px !important;
  border:1px solid #9aa0a6 !important;
  border-radius:50% !important;
  background:#fff !important;
}

#lc-inspector input[type="range"].lc-opacity-range:disabled{
  cursor:default;
  opacity:.5 !important;
}


/* =========================================================
   CAD Lite v1.3.54 — one centered Layout drag handle
   ========================================================= */

#lc-layouts .lc-layout-item{
  position:relative !important;
}

/* The single handle belongs to the whole two-row Layout card. */
#lc-layouts .lc-layout-title-row > .lc-sidebar-drag{
  position:absolute !important;
  left:7px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2;
}

/* Both rows reserve the same left gutter for that one centered handle. */
#lc-layouts .lc-layout-title-row{
  padding-left:26px !important;
}

#lc-layouts .lc-layout-actions{
  grid-template-columns:minmax(0,1fr) 20px 20px !important;
  padding-left:26px !important;
}

/* v1.3.52's second-row handle is intentionally gone. */
#lc-layouts .lc-layout-actions > .lc-sidebar-drag{
  display:none !important;
}


/* =========================================================
   CAD Lite v1.3.55 — independent Sink Centerline visibility
   ========================================================= */

#lc-inspector .lc-sinks-section .lc-inspector-section-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

#lc-inspector .lc-sinks-head-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:2px;
}

#lc-inspector .lc-sinks-dims-eye{
  box-sizing:border-box !important;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:3px !important;
  background:transparent !important;
  color:#4b5563 !important;
}

#lc-inspector .lc-sinks-dims-eye:hover{
  background:#e9ecef !important;
  color:#202124 !important;
}

#lc-inspector .lc-sinks-dims-eye svg{
  display:block;
  width:13px !important;
  height:13px !important;
  margin:auto;
}


/* =========================================================
   CAD Lite v1.3.57 — fixed desktop rails + exclusive focus modes
   ========================================================= */

/*
  Desktop rails stay at the comfortable wide size at every desktop viewport.
  Browser zoom changes the CSS viewport, so percentage/vw rails made the UI
  visibly breathe. Mobile (<900px) remains on its separate layout.
*/
@media (min-width:900px){
  .lite-cad .lc-wrap{
    grid-template-columns:200px minmax(0,1fr) 200px !important;
  }
}


/* =========================================================
   CAD Lite v1.3.59 — dark-mode first cleanup pass
   Light mode intentionally remains identical to v1.3.57.
   ========================================================= */

.lite-cad.lc-theme-dark{
  --lc-dark-app:#17191c;
  --lc-dark-panel:#202327;
  --lc-dark-panel-2:#262a2f;
  --lc-dark-panel-3:#2d3238;
  --lc-dark-border:#3b4148;
  --lc-dark-border-strong:#505861;
  --lc-dark-text:#eceff1;
  --lc-dark-text-soft:#d2d7dc;
  --lc-dark-muted:#9aa3ad;
  --lc-dark-hover:#30353b;
  --lc-dark-input:#181b1f;
  --lc-dark-canvas-surround:#111315;
  --lc-dark-canvas:#fffaf0;
  --lc-dark-shadow:0 12px 32px rgba(0,0,0,.42);
  color-scheme:dark;
  color:var(--lc-dark-text) !important;
  background:var(--lc-dark-app) !important;
}

/* Entire dock rails, including unused space below cards. */
.lite-cad.lc-theme-dark .lc-left-rail,
.lite-cad.lc-theme-dark .lc-inspector-col{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
}

/* Cards/panels become continuous dark surfaces. */
.lite-cad.lc-theme-dark .lc-card,
.lite-cad.lc-theme-dark .lc-inspector-panel,
.lite-cad.lc-theme-dark #lc-inspector,
.lite-cad.lc-theme-dark .lc-subcard,
.lite-cad.lc-theme-dark .lc-estimate-card{
  background:var(--lc-dark-panel) !important;
  border-color:var(--lc-dark-border) !important;
  color:var(--lc-dark-text) !important;
}

/* Left-rail + Inspector section headers: remove the white striping. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-card-head,
.lite-cad.lc-theme-dark .lc-left-rail .lc-head-title-row,
.lite-cad.lc-theme-dark .lc-overlays-card > .lc-card-head,
.lite-cad.lc-theme-dark .lc-inspector-panel > .lc-inspector-head,
.lite-cad.lc-theme-dark #lc-inspector .lc-subcard-label,
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-section-toggle{
  background:var(--lc-dark-panel-2) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
}

.lite-cad.lc-theme-dark .lc-left-rail .lc-card-head h3,
.lite-cad.lc-theme-dark .lc-left-rail .lc-head-title-row h3,
.lite-cad.lc-theme-dark .lc-inspector-panel > .lc-inspector-head h3,
.lite-cad.lc-theme-dark #lc-inspector .lc-subcard-label{
  color:var(--lc-dark-text) !important;
}

/* Expanded section bodies and navigator wells. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-list,
.lite-cad.lc-theme-dark .lc-overlays-card .lc-overlay-nav-list,
.lite-cad.lc-theme-dark .lc-overlays-card .lc-overlay-quick-row,
.lite-cad.lc-theme-dark .lc-overlays-card .lc-overlay-add-row,
.lite-cad.lc-theme-dark .lc-overlays-card .lc-overlay-add-wrap,
.lite-cad.lc-theme-dark .lc-sidebar-add-row,
.lite-cad.lc-theme-dark #lc-inspector .lc-subcard-body,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor,
.lite-cad.lc-theme-dark #lc-sinks-card{
  background:var(--lc-dark-panel) !important;
  border-color:var(--lc-dark-border) !important;
  color:var(--lc-dark-text) !important;
}

/* Empty list states should read as recessed dark wells, not gray blocks. */
.lite-cad.lc-theme-dark .lc-list-empty{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-muted) !important;
  border-color:var(--lc-dark-border) !important;
}

/* Layouts and non-piece entity rows use dark cards. Piece rows retain piece color. */
.lite-cad.lc-theme-dark #lc-layouts .lc-layout-item,
.lite-cad.lc-theme-dark #lc-note-list .lc-item,
.lite-cad.lc-theme-dark #lc-dim-list .lc-item,
.lite-cad.lc-theme-dark #lc-line-list .lc-item,
.lite-cad.lc-theme-dark #ov-list .lc-item,
.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row,
.lite-cad.lc-theme-dark #lc-inspector .lc-seam-row{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark #lc-list .lc-item.nav{
  background:var(--c,#dbeafe) !important;
  color:var(--fg,#111) !important;
}
.lite-cad.lc-theme-dark .lc-item.selected,
.lite-cad.lc-theme-dark .lc-item.nav.selected,
.lite-cad.lc-theme-dark .lc-layout-item.selected,
.lite-cad.lc-theme-dark .lc-sink-row.selected{
  border-color:#4c9fe8 !important;
  box-shadow:0 0 0 2px rgba(76,159,232,.20) inset !important;
}

/* Inputs + readonly Inspector values. */
.lite-cad.lc-theme-dark input[type="number"],
.lite-cad.lc-theme-dark input[type="text"],
.lite-cad.lc-theme-dark input[type="date"],
.lite-cad.lc-theme-dark input[type="search"],
.lite-cad.lc-theme-dark textarea,
.lite-cad.lc-theme-dark select,
.lite-cad.lc-theme-dark .lc-input,
.lite-cad.lc-theme-dark .lc-select,
.lite-cad.lc-theme-dark #lc-inspector .lc-estimate-readonly{
  background:var(--lc-dark-input) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark input::placeholder,
.lite-cad.lc-theme-dark textarea::placeholder{
  color:var(--lc-dark-muted) !important;
}

/* Labels + secondary information. */
.lite-cad.lc-theme-dark .lc-label,
.lite-cad.lc-theme-dark .lc-small,
.lite-cad.lc-theme-dark .lc-top,
.lite-cad.lc-theme-dark .lc-nav-meta,
.lite-cad.lc-theme-dark .lc-sink-row-meta,
.lite-cad.lc-theme-dark .lc-view-number-unit{
  color:var(--lc-dark-muted) !important;
}
.lite-cad.lc-theme-dark .lc-nav-title,
.lite-cad.lc-theme-dark h1,
.lite-cad.lc-theme-dark h2,
.lite-cad.lc-theme-dark h3,
.lite-cad.lc-theme-dark h4{
  color:var(--lc-dark-text) !important;
}

/* Toolbar + floating menus. */
.lite-cad.lc-theme-dark .lc-toolbar,
.lite-cad.lc-theme-dark .lc-toolbar.compact{
  background:var(--lc-dark-panel-2) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark .lc-toolbar-menu,
.lite-cad.lc-theme-dark #lc-view-menu,
.lite-cad.lc-theme-dark .lc-view-submenu,
.lite-cad.lc-theme-dark .lc-toolbar-submenu,
.lite-cad.lc-theme-dark .lc-overlay-add-menu{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
  box-shadow:var(--lc-dark-shadow) !important;
}
.lite-cad.lc-theme-dark .lc-menu-command,
.lite-cad.lc-theme-dark #lc-view-menu .lc-menu-toggle-row,
.lite-cad.lc-theme-dark .lc-view-submenu .lc-menu-toggle-row,
.lite-cad.lc-theme-dark .lc-overlay-add-option{
  color:var(--lc-dark-text) !important;
}
.lite-cad.lc-theme-dark .lc-menu-command:hover:not(:disabled),
.lite-cad.lc-theme-dark #lc-view-menu .lc-menu-toggle-row:hover,
.lite-cad.lc-theme-dark .lc-view-submenu .lc-menu-toggle-row:hover,
.lite-cad.lc-theme-dark .lc-overlay-add-option:hover{
  background:var(--lc-dark-hover) !important;
}
.lite-cad.lc-theme-dark .lc-menu-icon,
.lite-cad.lc-theme-dark .lc-menu-chevron,
.lite-cad.lc-theme-dark .lc-menu-shortcut{
  color:var(--lc-dark-muted) !important;
}
.lite-cad.lc-theme-dark .lc-toolbar-menu .lc-menu-separator,
.lite-cad.lc-theme-dark #lc-view-menu .lc-menu-separator{
  background:var(--lc-dark-border) !important;
}

/* Neutral buttons. Keep destructive reds red. */
.lite-cad.lc-theme-dark .lc-btn.ghost:not(.red),
.lite-cad.lc-theme-dark .lc-btn.alt:not(.red),
.lite-cad.lc-theme-dark .lc-corner-btn,
.lite-cad.lc-theme-dark .lc-fill-toggle,
.lite-cad.lc-theme-dark .lc-note-leader-action,
.lite-cad.lc-theme-dark .lc-layout-duplicate,
.lite-cad.lc-theme-dark .lc-rename-btn,
.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-actions .lc-sink-duplicate{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark .lc-btn.ghost:not(.red):hover,
.lite-cad.lc-theme-dark .lc-btn.alt:not(.red):hover,
.lite-cad.lc-theme-dark .lc-corner-btn:hover,
.lite-cad.lc-theme-dark .lc-note-leader-action:hover,
.lite-cad.lc-theme-dark .lc-layout-duplicate:hover,
.lite-cad.lc-theme-dark .lc-rename-btn:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-actions .lc-sink-duplicate:hover{
  background:var(--lc-dark-hover) !important;
}
.lite-cad.lc-theme-dark .lc-btn.alt:not(.red),
.lite-cad.lc-theme-dark .lc-btn.ghost.alt:not(.red){
  background:var(--lc-dark-panel-3) !important;
}

/* Appearance/sink/estimate utility rows that previously forced pale backgrounds. */
.lite-cad.lc-theme-dark #lc-inspector .lc-overlay-check-row,
.lite-cad.lc-theme-dark .lc-estimate-row{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark .lc-estimate-row strong{
  color:var(--lc-dark-text) !important;
}

/* Sliders stay legible on dark chrome. */
.lite-cad.lc-theme-dark #lc-inspector input[type="range"].lc-opacity-range{
  background:
    linear-gradient(
      to right,
      #aeb6bf 0,
      #aeb6bf var(--lc-range-pct),
      #4b535c var(--lc-range-pct),
      #4b535c 100%
    )
    center / calc(100% - 12px) 4px no-repeat !important;
}
.lite-cad.lc-theme-dark #lc-inspector input[type="range"].lc-opacity-range::-webkit-slider-thumb{
  background:#e7eaed !important;
  border-color:#6d7680 !important;
}
.lite-cad.lc-theme-dark #lc-inspector input[type="range"].lc-opacity-range::-moz-range-thumb{
  background:#e7eaed !important;
  border-color:#6d7680 !important;
}

/* Warm paper exists ONLY in Dark mode. Light mode remains true white. */
.lite-cad.lc-theme-dark .lc-canvas-wrap{
  background:var(--lc-dark-canvas-surround) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-svg .lc-canvas-background{
  fill:var(--lc-dark-canvas) !important;
}

/* Focus modes inherit the dark app shell. */
.lite-cad.lc-theme-dark.lc-theater-mode,
.lite-cad.lc-theme-dark:fullscreen,
.lite-cad.lc-theme-dark:-webkit-full-screen{
  background:var(--lc-dark-app) !important;
}

.lite-cad.lc-theme-dark,
.lite-cad.lc-theme-dark *{
  scrollbar-color:#555d66 #202327;
}


/* =========================================================
   CAD Lite v1.3.60 — dark-mode control cleanup
   Light mode remains untouched.
   ========================================================= */

/* Disabled toolbar actions should recede into dark chrome instead of flashing light gray. */
.lite-cad.lc-theme-dark .lc-toolbar .lc-btn:disabled,
.lite-cad.lc-theme-dark .lc-toolbar button:disabled{
  background:#23272b !important;
  color:#68717b !important;
  border-color:#363c43 !important;
  opacity:.72 !important;
  box-shadow:none !important;
}

/* Piece Appearance utility controls. Keep the actual color swatch itself truthful. */
.lite-cad.lc-theme-dark #lc-inspector .lc-layer-display{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-piece-color-row .lc-swatch{
  border-color:var(--lc-dark-border-strong) !important;
}

/* Seam editor fields: beat old Inspector ID-level light input rules. */
.lite-cad.lc-theme-dark #lc-inspector .lc-seam-row{
  background:var(--lc-dark-panel) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-seam-row input,
.lite-cad.lc-theme-dark #lc-inspector .lc-seam-row select,
.lite-cad.lc-theme-dark #lc-inspector .lc-seam-row .lc-input{
  background:var(--lc-dark-input) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}

/* Sink editor has several older forced-white nested surfaces. */
.lite-cad.lc-theme-dark #lc-inspector .sink-editor,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor-section,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor-section-body{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .sink-editor-section-head{
  background:var(--lc-dark-panel-2) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .sink-editor-section-head:hover{
  background:var(--lc-dark-hover) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .sink-editor input,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor select,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor .lc-input{
  background:var(--lc-dark-input) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .sink-editor .faucet-selected-count,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor .faucet-hole-marker{
  color:var(--lc-dark-muted) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .sink-editor .faucet-hole-slot.is-center .faucet-hole-marker{
  color:var(--lc-dark-text-soft) !important;
}

/* Edges & Corners is a schematic UI, so its whole editor can follow the dark chrome. */
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-designer-diagram{
  background:var(--lc-dark-panel-2) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-piece-box{
  background:var(--lc-dark-panel-3) !important;
  border-color:#69737e !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-piece-word{
  color:var(--lc-dark-muted) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-cross-v{
  background:repeating-linear-gradient(
    to bottom,
    #555e68 0 5px,
    transparent 5px 10px
  ) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-cross-h{
  background:repeating-linear-gradient(
    to right,
    #555e68 0 5px,
    transparent 5px 10px
  ) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input{
  background:var(--lc-dark-input) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
  box-shadow:none !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-select{
  background:var(--lc-dark-input) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-select:hover{
  background:var(--lc-dark-panel-3) !important;
  border-color:#69737e !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-designer-hint{
  color:var(--lc-dark-muted) !important;
}

/* Compact left-rail icon actions that still had hard-coded white backgrounds. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-rename-btn,
.lite-cad.lc-theme-dark .lc-left-rail .lc-btn.ghost.lc-iconbtn[title^="Rename"],
.lite-cad.lc-theme-dark .lc-left-rail .lc-btn.ghost.lc-iconbtn[title="Edit note"],
.lite-cad.lc-theme-dark #lc-note-list .lc-note-leader-toggle,
.lite-cad.lc-theme-dark #ov-list .lc-overlay-eye-action{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark .lc-left-rail .lc-rename-btn:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-btn.ghost.lc-iconbtn[title^="Rename"]:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-btn.ghost.lc-iconbtn[title="Edit note"]:hover,
.lite-cad.lc-theme-dark #lc-note-list .lc-note-leader-toggle:hover,
.lite-cad.lc-theme-dark #ov-list .lc-overlay-eye-action:hover{
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
  border-color:#69737e !important;
}
.lite-cad.lc-theme-dark #lc-note-list .lc-note-leader-toggle.is-active{
  background:#24384a !important;
  color:#8fc7f4 !important;
  border-color:#527a9c !important;
}

/* Keep inactive/readonly small Inspector buttons from turning pale. */
.lite-cad.lc-theme-dark #lc-inspector button[disabled]:not(.red){
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-muted) !important;
  border-color:var(--lc-dark-border) !important;
}

/* Native checkbox/accent treatment fits the existing selection blue. */
.lite-cad.lc-theme-dark input[type="checkbox"],
.lite-cad.lc-theme-dark input[type="radio"]{
  accent-color:#4c9fe8;
}


/* =========================================================
   CAD Lite v1.3.61 — direct Theme controls + dark-mode completion
   ========================================================= */

/* VIEW > Theme: direct Light / Dark / System choices. */
.lite-cad .lc-theme-choice-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  padding:4px;
}
.lite-cad .lc-theme-choice{
  box-sizing:border-box;
  min-width:0;
  min-height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:5px 3px;
  border:1px solid #d1d5db;
  border-radius:4px;
  background:#fff;
  color:#34383d;
  cursor:pointer;
  font:inherit;
}
.lite-cad .lc-theme-choice svg{
  width:17px !important;
  height:17px !important;
}
.lite-cad .lc-theme-choice span{
  font-size:9px;
  line-height:1;
}
.lite-cad .lc-theme-choice:hover{
  background:#eef0f2;
}
.lite-cad .lc-theme-choice.is-selected{
  border-color:#7aa7e8;
  background:#e8f2ff;
  color:#174ea6;
}
.lite-cad.lc-theme-dark .lc-theme-choice{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark .lc-theme-choice:hover{
  background:var(--lc-dark-hover) !important;
}
.lite-cad.lc-theme-dark .lc-theme-choice.is-selected{
  background:#24384a !important;
  color:#9ed0f7 !important;
  border-color:#527a9c !important;
}

/* Inspector property inputs: beat the older #lc-inspector forced-light rules. */
.lite-cad.lc-theme-dark #lc-inspector .lc-input,
.lite-cad.lc-theme-dark #lc-inspector input[type="number"],
.lite-cad.lc-theme-dark #lc-inspector input[type="text"],
.lite-cad.lc-theme-dark #lc-inspector input[type="date"],
.lite-cad.lc-theme-dark #lc-inspector textarea,
.lite-cad.lc-theme-dark #lc-inspector select{
  background:var(--lc-dark-input) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-input:hover,
.lite-cad.lc-theme-dark #lc-inspector input[type="number"]:hover,
.lite-cad.lc-theme-dark #lc-inspector input[type="text"]:hover,
.lite-cad.lc-theme-dark #lc-inspector textarea:hover,
.lite-cad.lc-theme-dark #lc-inspector select:hover{
  border-color:#69737e !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-input:focus,
.lite-cad.lc-theme-dark #lc-inspector input[type="number"]:focus,
.lite-cad.lc-theme-dark #lc-inspector input[type="text"]:focus,
.lite-cad.lc-theme-dark #lc-inspector textarea:focus,
.lite-cad.lc-theme-dark #lc-inspector select:focus{
  background:#1d2125 !important;
  color:var(--lc-dark-text) !important;
  border-color:#6da9df !important;
  outline:1px solid #6da9df !important;
}

/* Annotation Inspector (Dimensions / Lines / Notes) still carried pale inner cards. */
.lite-cad.lc-theme-dark #lc-inspector .lc-annotation-inspector{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-annotation-summary > div{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-annotation-summary span{
  color:var(--lc-dark-muted) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-annotation-summary strong{
  color:var(--lc-dark-text) !important;
}

/* Sink navigator actions: exact ID-level overrides for the old white controls. */
.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-actions .lc-rename-btn,
.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-actions .lc-sink-duplicate{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-actions .lc-rename-btn:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-actions .lc-sink-duplicate:hover{
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
  border-color:#69737e !important;
}

/* Overlay rows/names were not .lc-item nodes, so theme them explicitly. */
.lite-cad.lc-theme-dark .lc-overlays-card .lc-ov-row,
.lite-cad.lc-theme-dark #ov-list .lc-ov-row{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
}
.lite-cad.lc-theme-dark .lc-overlays-card .lc-ov-row.selected,
.lite-cad.lc-theme-dark #ov-list .lc-ov-row.selected{
  background:#243442 !important;
  border-color:#4c9fe8 !important;
}
.lite-cad.lc-theme-dark .lc-overlays-card .ov-name,
.lite-cad.lc-theme-dark #ov-list .ov-name{
  color:var(--lc-dark-text-soft) !important;
}

/* Destructive controls get a dark-red treatment instead of light pink. */
.lite-cad.lc-theme-dark .lc-btn.red,
.lite-cad.lc-theme-dark .lc-btn.red.lc-iconbtn,
.lite-cad.lc-theme-dark .lc-reset-top,
.lite-cad.lc-theme-dark .lc-overlays-card .ov-del,
.lite-cad.lc-theme-dark #lc-layouts .lc-btn.red.lc-iconbtn{
  background:#3a2325 !important;
  color:#ff928a !important;
  border-color:#7d4446 !important;
}
.lite-cad.lc-theme-dark .lc-btn.red:hover,
.lite-cad.lc-theme-dark .lc-btn.red.lc-iconbtn:hover,
.lite-cad.lc-theme-dark .lc-reset-top:hover,
.lite-cad.lc-theme-dark .lc-overlays-card .ov-del:hover,
.lite-cad.lc-theme-dark #lc-layouts .lc-btn.red.lc-iconbtn:hover{
  background:#4a292c !important;
  color:#ffaaa3 !important;
  border-color:#a45a5d !important;
}

/* Undo/Redo: same dark toolbar language in enabled and disabled states. */
.lite-cad.lc-theme-dark #lc-undo,
.lite-cad.lc-theme-dark #lc-redo{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-undo:hover:not(:disabled),
.lite-cad.lc-theme-dark #lc-redo:hover:not(:disabled){
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
}
.lite-cad.lc-theme-dark #lc-undo:disabled,
.lite-cad.lc-theme-dark #lc-redo:disabled{
  background:#23272b !important;
  color:#68717b !important;
  border-color:#363c43 !important;
  opacity:.72 !important;
}

/* Snap uses the exact toolbar icon box model in both On and Off states. */
.lite-cad #lc-piece-snap{
  box-sizing:border-box !important;
  width:27px !important;
  min-width:27px !important;
  height:25px !important;
  padding:0 !important;
  border-width:1px !important;
  border-style:solid !important;
  border-radius:4px !important;
}
.lite-cad.lc-theme-dark #lc-piece-snap{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-piece-snap.alt{
  background:#24384a !important;
  color:#9ed0f7 !important;
  border-color:#527a9c !important;
}


/* =========================================================
   CAD Lite v1.3.62 — dark rail polish + stable Faucet Hole fields
   ========================================================= */

/* Left rail outer frame should match the darker workspace framing in Dark Mode. */
.lite-cad.lc-theme-dark .lc-left-rail{
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section{
  border-top-color:var(--lc-dark-border) !important;
}

/* Note Inspector Add/Remove Leader: exact specificity to beat legacy white rules. */
.lite-cad.lc-theme-dark #lc-inspector .lc-note-leader-action{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-note-leader-action:hover{
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
  border-color:#69737e !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-note-leader-action:active{
  background:var(--lc-dark-panel-3) !important;
}

/*
  Faucet settings are always one row on desktop.
  This intentionally overrides the older 900–1100px 2+1 layout so browser
  zoom cannot change the control arrangement.
*/
@media (min-width:900px){
  #lc-inspector .sink-editor .faucet-settings-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:end !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
  }

  #lc-inspector .sink-editor .faucet-settings-row > .lc-label,
  #lc-inspector .sink-editor .faucet-settings-row > :last-child{
    grid-column:auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* Fixed label row + fixed input row keeps all three boxes perfectly aligned. */
  #lc-inspector .sink-editor .faucet-settings-row > .lc-label{
    display:grid !important;
    grid-template-rows:11px 22px !important;
    align-items:end !important;
  }

  #lc-inspector .sink-editor .faucet-settings-row > .lc-label > .lc-small{
    box-sizing:border-box !important;
    height:11px !important;
    min-height:11px !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    font-size:8.5px !important;
    line-height:11px !important;
  }

  #lc-inspector .sink-editor .faucet-settings-row input{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    height:22px !important;
    min-height:22px !important;
    margin:0 !important;
    align-self:end !important;
  }
}


/* =========================================================
   CAD Lite v1.3.63 — Piece navigator automatic text contrast
   ========================================================= */

/*
  Piece rows already expose --fg from the same pickTextColor() helper used by
  canvas piece labels. Keep that calculated contrast color authoritative even
  when Dark Mode's generic navigator text rules are active.
*/
.lite-cad #lc-list .lc-item.nav{
  color:var(--fg,#111111) !important;
}

.lite-cad #lc-list .lc-item.nav .lc-nav-title,
.lite-cad #lc-list .lc-item.nav .lc-nav-meta,
.lite-cad #lc-list .lc-item.nav .lc-sidebar-drag{
  color:var(--fg,#111111) !important;
}

.lite-cad #lc-list .lc-item.nav .lc-nav-meta{
  opacity:.72;
}


/* =========================================================
   CAD Lite v1.3.64 — Hold-O momentary Overlay Interaction tool
   ========================================================= */

/* During Hold O, normal canvas entities visually relinquish the pointer. */
.lite-cad.lc-momentary-overlay #lc-svg,
.lite-cad.lc-momentary-overlay #lc-svg *{
  cursor:default !important;
}

/* Temporary top-level hitboxes exist only while Overlay Interaction is active. */
.lite-cad #lc-svg .lc-overlay-interaction-layer .lc-overlay-hit{
  fill:rgba(37,99,235,0);
  stroke:rgba(37,99,235,0);
  stroke-width:1.5px;
  stroke-dasharray:5 4;
  pointer-events:all;
  cursor:grab !important;
  transition:fill .08s ease,stroke .08s ease;
}

.lite-cad #lc-svg .lc-overlay-interaction-layer .lc-overlay-hit.is-selected{
  stroke:rgba(37,99,235,.55);
}

.lite-cad #lc-svg .lc-overlay-interaction-layer .lc-overlay-hit:hover{
  fill:rgba(37,99,235,.055);
  stroke:#2563eb;
}

.lite-cad.lc-overlay-dragging #lc-svg .lc-overlay-interaction-layer .lc-overlay-hit,
.lite-cad.lc-overlay-dragging #lc-svg .lc-overlay-interaction-layer .lc-overlay-hit:hover{
  cursor:grabbing !important;
  fill:rgba(37,99,235,.07);
  stroke:#2563eb;
}

/* Dark mode keeps the same interaction blue but slightly strengthens the preview. */
.lite-cad.lc-theme-dark #lc-svg .lc-overlay-interaction-layer .lc-overlay-hit:hover,
.lite-cad.lc-theme-dark.lc-overlay-dragging #lc-svg .lc-overlay-interaction-layer .lc-overlay-hit{
  fill:rgba(76,159,232,.08);
  stroke:#4c9fe8;
}


/* =========================================================
   CAD Lite v1.3.65 — Backsplash tool + parent/child foundation
   ========================================================= */

/* Hold-S / locked Splash mode gives edge hit zones exclusive canvas intent. */
.lite-cad.lc-momentary-splash #lc-svg,
.lite-cad.lc-momentary-splash #lc-svg *{
  cursor:default !important;
}

.lite-cad #lc-svg .lc-splash-edge-option .lc-splash-edge-preview{
  fill:#3b82f6;
  stroke:#2563eb;
  stroke-width:1.25px;
  vector-effect:non-scaling-stroke;
  opacity:0;
  transition:opacity .09s ease;
  pointer-events:none;
}

.lite-cad #lc-svg .lc-splash-edge-option .lc-splash-edge-line{
  stroke:rgba(37,99,235,0);
  stroke-width:2.5px;
  vector-effect:non-scaling-stroke;
  transition:stroke .09s ease;
  pointer-events:none;
}

.lite-cad #lc-svg .lc-splash-edge-option .lc-splash-edge-hit{
  cursor:copy !important;
}

.lite-cad #lc-svg .lc-splash-edge-option:hover .lc-splash-edge-preview{
  opacity:.22;
}

.lite-cad #lc-svg .lc-splash-edge-option:hover .lc-splash-edge-line{
  stroke:#2563eb;
}

/* Existing linked splashes show a quiet green "occupied" edge. */
.lite-cad #lc-svg .lc-splash-edge-option.is-occupied .lc-splash-edge-line{
  stroke:rgba(22,163,74,.72);
}
.lite-cad #lc-svg .lc-splash-edge-option.is-occupied .lc-splash-edge-hit{
  cursor:not-allowed !important;
}
.lite-cad #lc-svg .lc-splash-edge-option.is-occupied:hover .lc-splash-edge-preview{
  opacity:.07;
  fill:#22c55e;
  stroke:#16a34a;
}
.lite-cad #lc-svg .lc-splash-edge-option.is-occupied:hover .lc-splash-edge-line{
  stroke:#16a34a;
}

.lite-cad.lc-theme-dark #lc-svg .lc-splash-edge-option .lc-splash-edge-preview{
  fill:#4c9fe8;
  stroke:#4c9fe8;
}
.lite-cad.lc-theme-dark #lc-svg .lc-splash-edge-option:hover .lc-splash-edge-preview{
  opacity:.26;
}
.lite-cad.lc-theme-dark #lc-svg .lc-splash-edge-option:hover .lc-splash-edge-line{
  stroke:#4c9fe8;
}

/* Inspector entry point for the persistent Splash tool. */
#lc-inspector .lc-add-splash-action{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  height:27px !important;
  margin-top:6px !important;
  border-radius:4px !important;
  font-weight:650 !important;
}
.lite-cad .lc-add-splash-action.is-active,
.lite-cad.lc-momentary-splash #lc-inspector .lc-add-splash-action{
  background:#e8f2ff !important;
  color:#174ea6 !important;
  border-color:#8ab4f8 !important;
}
.lite-cad.lc-theme-dark .lc-add-splash-action.is-active,
.lite-cad.lc-theme-dark.lc-momentary-splash #lc-inspector .lc-add-splash-action{
  background:#24384a !important;
  color:#9ed0f7 !important;
  border-color:#527a9c !important;
}

#lc-inspector .lc-splash-link-summary{
  box-sizing:border-box;
  width:100%;
  margin-top:6px;
  padding:5px 6px;
  border:1px solid #d9dde2;
  border-radius:4px;
  background:#f7f8f9;
  color:#5f6368;
  font-size:9px;
  line-height:1.25;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-splash-link-summary{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-muted) !important;
  border-color:var(--lc-dark-border) !important;
}

/* Backsplash rows read as children of their source countertop in the Piece navigator. */
#lc-list .lc-backsplash-nav-piece{
  box-sizing:border-box;
  width:100% !important;
  margin-left:0 !important;
  padding-left:12px !important;
}
#lc-list .lc-backsplash-nav-piece .lc-nav-actions{
  margin-left:auto !important;
  flex:0 0 auto !important;
}
#lc-list .lc-piece-child-branch{
  flex:0 0 9px;
  width:9px;
  min-width:9px;
  margin-right:-2px;
  color:var(--fg,#111);
  font-size:12px;
  line-height:1;
  opacity:.58;
  text-align:center;
}
#lc-list .lc-backsplash-nav-piece .lc-nav-meta{
  opacity:.72;
}


/* =========================================================
   CAD Lite v1.3.66 — Splash workflow refinement
   ========================================================= */

#lc-inspector .lc-piece-splash-tag-row{
  margin-top:6px !important;
  min-height:24px;
}

.lite-cad[data-momentary-tool="splashAll"] #lc-svg,
.lite-cad[data-momentary-tool="splashAll"] #lc-svg *{
  cursor:default !important;
}


/* =========================================================
   CAD Lite v1.3.67 — linked splash assembly + dimension sharing
   ========================================================= */

/* Only linked splash children get the compact one-line navigator treatment. */
#lc-list .lc-backsplash-nav-piece{
  min-height:24px !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}
#lc-list .lc-backsplash-nav-piece .lc-nav-main{
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
}
#lc-list .lc-backsplash-nav-piece .lc-nav-title{
  font-size:9.5px !important;
  line-height:1.1 !important;
}
#lc-list .lc-backsplash-nav-piece .lc-sidebar-drag{
  height:18px !important;
  min-height:18px !important;
}
#lc-list .lc-backsplash-nav-piece .lc-piece-child-branch{
  font-size:11px !important;
}

/* Linked + tag controls remain compact in Piece Info. */
#lc-inspector .lc-piece-splash-link-row{
  margin-top:2px !important;
  min-height:22px;
}


/* =========================================================
   CAD Lite v1.3.68 — linked-child indent + VIEW Pieces cleanup
   ========================================================= */

#lc-list .lc-backsplash-nav-piece{
  padding-left:5px !important;
}

#lc-list .lc-linked-child-main{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  min-width:0;
  flex:1 1 auto;
  margin-left:8px;
}

#lc-list .lc-linked-child-main .lc-nav-main{
  min-width:0;
  flex:1 1 auto;
}

#lc-list .lc-backsplash-nav-piece .lc-nav-actions{
  flex:0 0 auto !important;
  margin-left:4px !important;
}


/* =========================================================
   CAD Lite v1.3.69 — true inset linked-child surface
   ========================================================= */

/*
  The outer linked Splash row is intentionally transparent.
  Only the inset child surface carries the piece color, leaving real navigator
  background visible beneath the parent's left-side handle area.
*/
#lc-list .lc-backsplash-nav-piece,
.lite-cad.lc-theme-dark #lc-list .lc-backsplash-nav-piece{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:24px !important;
  padding:0 !important;
  margin:0 0 3px !important;
  gap:0 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

#lc-list .lc-linked-child-surface{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  min-width:0;
  flex:1 1 auto;
  gap:4px;
  margin-left:14px;
  padding:2px 5px;
  min-height:24px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:3px;
  background:var(--c,#dbeafe);
  color:var(--fg,#111);
}

.lite-cad.lc-theme-dark #lc-list .lc-linked-child-surface{
  background:var(--c,#dbeafe) !important;
  color:var(--fg,#111) !important;
  border-color:rgba(0,0,0,.22) !important;
}

/* v1.3.68's internal margin is no longer the indent; the surface itself is. */
#lc-list .lc-linked-child-main{
  margin-left:0 !important;
}

#lc-list .lc-backsplash-nav-piece.selected .lc-linked-child-surface{
  outline:2px solid rgba(14,165,233,.35);
  outline-offset:-1px;
}

.lite-cad.lc-theme-dark #lc-list .lc-backsplash-nav-piece.selected .lc-linked-child-surface{
  border-color:#4c9fe8 !important;
  box-shadow:0 0 0 2px rgba(76,159,232,.20) inset !important;
  outline:none !important;
}

#lc-list .lc-backsplash-nav-piece .lc-nav-actions{
  margin-left:auto !important;
}


/* =========================================================
   CAD Lite v1.3.70 — Dark linked-child gutter specificity fix
   ========================================================= */

/*
  Beat the generic Dark Mode piece-row selector:
  .lite-cad.lc-theme-dark #lc-list .lc-item.nav
  The outer linked row belongs to the navigator; only the inset child surface
  should carry the actual piece color.
*/
.lite-cad.lc-theme-dark #lc-list .lc-item.nav.lc-backsplash-nav-piece{
  background:var(--lc-dark-panel) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

.lite-cad.lc-theme-dark #lc-list .lc-item.nav.lc-backsplash-nav-piece.selected{
  background:var(--lc-dark-panel) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Keep the inset child card truthful to the actual piece color. */
.lite-cad.lc-theme-dark #lc-list .lc-item.nav.lc-backsplash-nav-piece .lc-linked-child-surface{
  background:var(--c,#dbeafe) !important;
  color:var(--fg,#111) !important;
}


/* =========================================================
   CAD Lite v1.3.72 — Layout Duplicate border parity
   ========================================================= */

/*
  Match the Layout Duplicate control to the compact Rename/Pencil button in
  Dark mode. The ID-scoped light rule above otherwise wins on specificity.
*/
.lite-cad.lc-theme-dark #lc-layouts .lc-layout-duplicate{
  border-color:var(--lc-dark-border-strong) !important;
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark #lc-layouts .lc-layout-duplicate:hover{
  border-color:var(--lc-dark-border-strong) !important;
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
}


/* =========================================================
   CAD Lite v1.3.73 — Dark sink navigator label contrast
   ========================================================= */

.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-title{
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row-meta{
  color:var(--lc-dark-text-soft) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-sink-drag{
  color:var(--lc-dark-muted) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-sink-drag:active{
  color:var(--lc-dark-text-soft) !important;
}


/* =========================================================
   CAD Lite v1.3.75 — Dark Inspector property-label contrast
   ========================================================= */

/*
  Older Inspector rules intentionally use subdued light-theme grays such as
  #5f6368. In Dark mode those ID-scoped rules can beat the generic theme layer.
  Normalize property captions to the same readable secondary text used by the
  rest of the dark UI while preserving bright section headings/input values.
*/
.lite-cad.lc-theme-dark #lc-inspector .lc-label,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor .field-label,
.lite-cad.lc-theme-dark #lc-inspector .lc-overlay-opacity-head strong{
  color:var(--lc-dark-text-soft) !important;
}

/* Small captions inside expanded Inspector bodies are property/helper text,
   not section headers, so keep them readable without promoting them to white. */
.lite-cad.lc-theme-dark #lc-inspector .lc-subcard-body .lc-small,
.lite-cad.lc-theme-dark #lc-inspector .sink-editor .lc-small{
  color:var(--lc-dark-text-soft) !important;
}

/* Keep the percentage/value text in Appearance aligned with its caption. */
.lite-cad.lc-theme-dark #lc-inspector .lc-opacity-head,
.lite-cad.lc-theme-dark #lc-inspector .lc-piece-fill-field > span{
  color:var(--lc-dark-text-soft) !important;
}


/* =========================================================
   CAD Lite v1.3.76 — pre-Groups UI consistency pass
   ========================================================= */

/* Top-toolbar context: keep the active Layout readable in Dark mode. */
.lite-cad.lc-theme-dark .lc-toolbar-layout{
  color:var(--lc-dark-text-soft) !important;
}

/* Header utility icons should use the same Dark-mode icon hierarchy everywhere. */
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-dims-eye,
.lite-cad.lc-theme-dark .lc-left-rail .lc-head-eye,
.lite-cad.lc-theme-dark .lc-left-rail .lc-piece-fill-toggle{
  background:transparent !important;
  color:var(--lc-dark-muted) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-dims-eye:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-head-eye:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-piece-fill-toggle:hover{
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
}

/* Collapsible headers use the same hover language in both rails. */
.lite-cad.lc-theme-dark #lc-inspector .lc-subcard-label:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-section > .lc-subcard-label:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section .lc-head-title-row:hover,
.lite-cad.lc-theme-dark .lc-sidebar-overlay-card > .lc-acc-btn:hover{
  background:var(--lc-dark-hover) !important;
}

/* Sink navigator rows are clickable expanders; give non-selected rows a subtle cue. */
.lite-cad #lc-inspector .lc-sink-row:not(.selected):hover{
  background:#f7f8fa !important;
  border-color:#c7ccd3 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-sink-row:not(.selected):hover{
  background:var(--lc-dark-hover) !important;
  border-color:var(--lc-dark-border-strong) !important;
}


/* =========================================================
   CAD Lite v1.3.77 — Layout / Slab dual workspace foundation
   ========================================================= */

.lite-cad .lc-canvas-tabs{
  display:flex;
  align-items:flex-end;
  gap:2px;
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:0 4px;
  border-bottom:1px solid #d9dce1;
  background:#f5f6f7;
}

.lite-cad .lc-canvas-tab{
  box-sizing:border-box;
  min-width:78px;
  height:27px;
  margin:0 0 -1px;
  padding:0 13px;
  border:1px solid transparent;
  border-bottom-color:#d9dce1;
  border-radius:4px 4px 0 0;
  background:transparent;
  color:#626970;
  font:inherit;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.045em;
  cursor:pointer;
}

.lite-cad .lc-canvas-tab:hover{
  background:#eceff2;
  color:#2f3337;
}

.lite-cad .lc-canvas-tab.is-active{
  border-color:#d9dce1;
  border-bottom-color:#fff;
  background:#fff;
  color:#202124;
}

.lite-cad.lc-theme-dark .lc-canvas-tabs{
  background:var(--lc-dark-panel-2) !important;
  border-color:var(--lc-dark-border) !important;
}

.lite-cad.lc-theme-dark .lc-canvas-tab{
  color:var(--lc-dark-muted) !important;
  border-bottom-color:var(--lc-dark-border) !important;
}

.lite-cad.lc-theme-dark .lc-canvas-tab:hover{
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark .lc-canvas-tab.is-active{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
  border-bottom-color:var(--lc-dark-panel) !important;
}

.lite-cad.lc-workspace-slab .lc-canvas-wrap{
  background:#eef1f4;
}

.lite-cad.lc-theme-dark.lc-workspace-slab .lc-canvas-wrap{
  background:var(--lc-dark-canvas-surround) !important;
}

.lite-cad #lc-svg .lc-slab-piece{
  cursor:move;
}

.lite-cad #lc-svg .lc-slab-piece-seams line{
  pointer-events:none;
}


/* =========================================================
   CAD Lite v1.3.78 — Design/Slab mapping + fabrication view polish
   ========================================================= */

.lite-cad .lc-add-splash-action:disabled{
  cursor:not-allowed;
  opacity:.45;
}

.lite-cad #lc-svg .lc-piece-slab-material{
  pointer-events:none;
}

.lite-cad #lc-svg .lc-slab-piece-dims,
.lite-cad #lc-svg .lc-slab-edge-profiles{
  pointer-events:none;
}


/* =========================================================
   CAD Lite v1.3.79 — workspace declutter + navigator rhythm
   ========================================================= */

/* DESIGN-only creation/annotation UI is hidden in SLAB.
   Material-management UI is shown only in SLAB. */
.lite-cad.lc-workspace-slab .lc-design-only,
.lite-cad.lc-workspace-design .lc-slab-only,
.lite-cad .lc-workspace-hidden{
  display:none !important;
}

/* Linked Splash children should visually tuck under their parent instead of
   carrying a larger perceived gap than normal adjacent Piece rows. */
#lc-list .lc-backsplash-nav-piece{
  margin-top:-2px !important;
  margin-bottom:1px !important;
}

#lc-list .lc-backsplash-nav-piece + .lc-backsplash-nav-piece{
  margin-top:-1px !important;
}

#lc-list .lc-backsplash-nav-piece:last-child{
  margin-bottom:3px !important;
}

/* The tri-state Pieces display icon remains a standard compact header action. */
.lc-piece-fill-toggle[data-display-mode="slab"]{
  opacity:1;
}


/* =========================================================
   CAD Lite v1.3.80 — coherent DESIGN / SLAB UI
   ========================================================= */

.lite-cad .lc-menu-command.is-workspace-disabled,
.lite-cad .lc-menu-submenu-host.is-workspace-disabled > .lc-menu-command,
.lite-cad .lc-view-submenu-wrap.is-workspace-disabled > .lc-menu-command{
  color:#a9aaad !important;
  cursor:default !important;
  opacity:.62 !important;
}

.lite-cad .is-workspace-disabled .lc-menu-icon,
.lite-cad .is-workspace-disabled .lc-menu-shortcut,
.lite-cad .is-workspace-disabled .lc-menu-chevron{
  color:#a9aaad !important;
  opacity:.72 !important;
}

.lite-cad.lc-theme-dark .lc-menu-command.is-workspace-disabled,
.lite-cad.lc-theme-dark .lc-menu-submenu-host.is-workspace-disabled > .lc-menu-command,
.lite-cad.lc-theme-dark .lc-view-submenu-wrap.is-workspace-disabled > .lc-menu-command{
  color:#6f7780 !important;
}

/* Sidebar cards can remain workspace-specific, but toolbar/VIEW menus never
   change structure between DESIGN and SLAB. */
.lite-cad.lc-workspace-slab .lc-toolbar-menu .lc-design-only,
.lite-cad.lc-workspace-design .lc-toolbar-menu .lc-slab-only,
.lite-cad.lc-workspace-slab #lc-view-menu .lc-design-only,
.lite-cad.lc-workspace-design #lc-view-menu .lc-slab-only{
  display:grid !important;
}

#lc-list .lc-item.nav.lc-piece-has-linked-children{
  margin-bottom:0 !important;
}

#lc-list .lc-item.nav.lc-piece-has-linked-children + .lc-backsplash-nav-piece{
  margin-top:0 !important;
}

#lc-list .lc-backsplash-nav-piece{
  margin-top:0 !important;
  margin-bottom:3px !important;
}

#lc-list .lc-backsplash-nav-piece + .lc-backsplash-nav-piece{
  margin-top:0 !important;
}


/* =========================================================
   CAD Lite v1.3.81 — slab import + inventory management
   ========================================================= */

.lc-slab-import-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:18px;
}
.lc-slab-import-modal[hidden]{display:none !important;}
.lc-slab-import-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.58);
}
.lc-slab-import-dialog{
  position:relative;
  box-sizing:border-box;
  width:min(980px,96vw);
  max-height:94vh;
  overflow:auto;
  border:1px solid #cfd4da;
  border-radius:6px;
  background:#fff;
  box-shadow:0 18px 55px rgba(0,0,0,.28);
  color:#202124;
}
.lc-slab-import-head,
.lc-slab-import-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid #e1e4e8;
}
.lc-slab-import-foot{
  justify-content:flex-end;
  border-top:1px solid #e1e4e8;
  border-bottom:0;
}
.lc-slab-import-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:12px;
  padding:12px;
}
.lc-slab-crop-stage{
  position:relative;
  min-width:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #cfd4da;
  border-radius:4px;
  background:#17191c;
}
.lc-slab-crop-canvas{
  display:block;
  width:100%;
  height:auto;
  max-height:66vh;
  cursor:crosshair;
}
.lc-slab-crop-hint{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  padding:4px 8px;
  border-radius:999px;
  background:rgba(0,0,0,.62);
  color:#fff;
  font-size:10px;
  pointer-events:none;
}
.lc-slab-import-fields{
  display:grid;
  align-content:start;
  gap:9px;
}
.lc-slab-import-fields .lc-label{
  display:grid;
  gap:4px;
}
.lc-slab-import-meta{
  min-height:32px;
  color:#6b7280;
  font-size:10px;
  line-height:1.35;
}
#ov-list .ov-actions{
  display:flex;
  align-items:center;
  gap:2px;
  flex:0 0 auto;
}
#ov-list .lc-slab-duplicate:disabled{
  opacity:.4;
  cursor:default;
}

.lite-cad.lc-theme-dark ~ .lc-slab-import-modal .lc-slab-import-dialog,
.lc-theme-dark .lc-slab-import-dialog{
  background:#202327;
  color:#eceff1;
  border-color:#3b4148;
}
.lc-theme-dark .lc-slab-import-head,
.lc-theme-dark .lc-slab-import-foot{
  border-color:#3b4148;
}

@media(max-width:760px){
  .lc-slab-import-body{grid-template-columns:1fr;}
}


/* =========================================================
   CAD Lite v1.3.82 — Guided Workflow
   ========================================================= */

.lc-guide-panel,
.lc-guide-welcome{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99990;
  box-sizing:border-box;
  width:min(360px,calc(100vw - 36px));
  border:1px solid #cfd4da;
  border-radius:6px;
  background:#fff;
  color:#202124;
  box-shadow:0 16px 42px rgba(0,0,0,.24);
}

.lc-guide-panel{
  padding:12px;
}

.lc-guide-kicker{
  margin-bottom:5px;
  color:#687078;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.lc-guide-title{
  margin-bottom:6px;
  font-size:14px;
  font-weight:700;
}

.lc-guide-body{
  font-size:11px;
  line-height:1.45;
  color:#454b52;
}

.lc-guide-actions{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:11px;
}

.lc-guide-spacer{flex:1 1 auto;}

.lc-guide-welcome{
  display:grid;
  gap:7px;
  padding:12px;
}

.lc-guide-welcome > strong{
  font-size:14px;
}

.lc-guide-welcome > span{
  font-size:11px;
  line-height:1.4;
  color:#454b52;
}

.lc-guide-welcome > div{
  display:flex;
  justify-content:flex-end;
  gap:5px;
}

.lc-guide-highlight{
  position:relative;
  z-index:99980 !important;
  outline:3px solid rgba(14,165,233,.82) !important;
  outline-offset:3px !important;
  box-shadow:0 0 0 7px rgba(14,165,233,.14) !important;
}

.lite-cad.lc-theme-dark .lc-guide-panel,
.lite-cad.lc-theme-dark .lc-guide-welcome{
  background:var(--lc-dark-panel) !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border-strong) !important;
}

.lite-cad.lc-theme-dark .lc-guide-kicker,
.lite-cad.lc-theme-dark .lc-guide-body,
.lite-cad.lc-theme-dark .lc-guide-welcome > span{
  color:var(--lc-dark-text-soft) !important;
}


/* =========================================================
   CAD Lite v1.3.84 — recovery + interaction polish
   ========================================================= */

/* All sidebar Add actions use one unmistakable hover treatment. */
.lite-cad .lc-left-rail .lc-sidebar-inline-add:not(:disabled):hover,
.lite-cad .lc-overlays-card .lc-sidebar-inline-add:not(:disabled):hover,
.lite-cad #lc-inspector .lc-add-inspector-item:not(:disabled):hover,
.lite-cad #lc-inspector .lc-inspector-full-action:not(:disabled):hover{
  background:#eef3f8 !important;
  border-color:#8ea3b8 !important;
  color:#1f4d75 !important;
}

.lite-cad.lc-theme-dark .lc-left-rail .lc-sidebar-inline-add:not(:disabled):hover,
.lite-cad.lc-theme-dark .lc-overlays-card .lc-sidebar-inline-add:not(:disabled):hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-add-inspector-item:not(:disabled):hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-full-action:not(:disabled):hover{
  background:var(--lc-dark-hover) !important;
  border-color:#69737e !important;
  color:var(--lc-dark-text) !important;
}

/* Slab import is mounted on document.body, so it cannot depend on .lite-cad
   scoped form styles. Give its fields an explicit self-contained layout. */
.lc-slab-import-dialog .lc-slab-import-fields .lc-label{
  display:grid !important;
  gap:4px !important;
  min-width:0 !important;
  color:#4b5563;
  font-size:10px;
  font-weight:600;
}

.lc-slab-import-dialog .lc-slab-dimension-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:8px !important;
  width:100% !important;
}

.lc-slab-import-dialog input[type="text"],
.lc-slab-import-dialog input[type="number"]{
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  padding:4px 7px !important;
  border:1px solid #bfc5cc !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#202124 !important;
  font:inherit !important;
}

.lc-slab-import-dialog input[type="text"]:focus,
.lc-slab-import-dialog input[type="number"]:focus{
  outline:2px solid rgba(14,165,233,.22) !important;
  outline-offset:0 !important;
  border-color:#5f9fcf !important;
}

.lite-cad.lc-theme-dark ~ .lc-slab-import-modal .lc-slab-import-fields .lc-label{
  color:#d2d7dc !important;
}

.lite-cad.lc-theme-dark ~ .lc-slab-import-modal input[type="text"],
.lite-cad.lc-theme-dark ~ .lc-slab-import-modal input[type="number"]{
  background:#181b1f !important;
  color:#eceff1 !important;
  border-color:#505861 !important;
}

/* Make the active layout border state explicit and self-contained. */
#lc-layouts .lc-layout-item.selected{
  border-color:#0ea5e9 !important;
  box-shadow:0 0 0 2px rgba(14,165,233,.18) inset !important;
}
.lite-cad.lc-theme-dark #lc-layouts .lc-layout-item.selected{
  border-color:#4c9fe8 !important;
  box-shadow:0 0 0 2px rgba(76,159,232,.20) inset !important;
}


/* =========================================================
   CAD Lite v1.3.85 — hierarchy, guide, inspector + canvas polish
   ========================================================= */

/* Every Piece navigator row uses exactly the same vertical rhythm.
   Parent/child indentation is horizontal only; Light/Dark spacing is identical. */
#lc-list.lc-nav{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

#lc-list.lc-nav > .lc-item.nav,
#lc-list .lc-backsplash-nav-piece,
#lc-list .lc-piece-has-linked-children,
#lc-list .lc-backsplash-nav-piece + .lc-backsplash-nav-piece,
#lc-list .lc-backsplash-nav-piece:last-child{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#lc-list .lc-linked-child-surface,
#lc-list .lc-linked-child-main{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* VIEW > Pieces / Workspace use the same direct-choice language as Theme. */
.lite-cad .lc-piece-display-choice-row{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.lite-cad .lc-workspace-choice-row{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.lite-cad .lc-piece-display-choice svg,
.lite-cad .lc-workspace-choice svg{
  overflow:visible;
}

/* Keep every toolbar flyout above the SVG regardless of browser devtools
   resize/reflow or temporary guide highlighting. */
.lite-cad .lc-canvas-col{
  position:relative !important;
  z-index:100 !important;
  overflow:visible !important;
}

.lite-cad .lc-canvas-col .lc-toolbar{
  position:relative !important;
  z-index:50000 !important;
  overflow:visible !important;
}

.lite-cad .lc-toolbar-menu,
.lite-cad #lc-view-menu,
.lite-cad .lc-view-submenu,
.lite-cad .lc-toolbar-submenu{
  z-index:51000 !important;
}

.lite-cad .lc-canvas-tabs{
  position:relative !important;
  z-index:20 !important;
}

.lite-cad .lc-canvas-wrap{
  position:relative !important;
  z-index:1 !important;
}

/* Guided Workflow stays inside the center canvas column instead of covering
   the right Inspector. */
.lite-cad .lc-canvas-col > .lc-guide-panel,
.lite-cad .lc-canvas-col > .lc-guide-welcome{
  position:absolute !important;
  right:12px !important;
  bottom:12px !important;
  left:auto !important;
  top:auto !important;
  z-index:20000 !important;
  width:min(330px,calc(100% - 24px)) !important;
}

/* Highlighter yellow is intentionally outside the normal blue selection palette.
   Do not raise the highlighted element's stacking level above toolbar menus. */
.lite-cad .lc-guide-highlight{
  position:relative;
  z-index:auto !important;
  outline:3px solid rgba(245,190,35,.95) !important;
  outline-offset:3px !important;
  box-shadow:
    0 0 0 7px rgba(255,220,80,.30),
    0 0 22px rgba(245,190,35,.22) !important;
}

/* Only one top-level Inspector property section is open at a time. Collapsed
   headers receive a slightly stronger tint so the active body is easier to scan. */
#lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle{
  background:#e9edf1 !important;
  border-color:#d8dde3 !important;
  transition:background .12s ease,border-color .12s ease;
}

#lc-inspector .lc-inspector-collapsible.is-open > .lc-inspector-section-toggle{
  background:#f8f9fa !important;
  border-color:#cfd5dc !important;
}

#lc-inspector .lc-inspector-collapsible.is-open > .lc-subcard-body{
  background:#fff !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle{
  background:#30353b !important;
  border-color:#414850 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible.is-open > .lc-inspector-section-toggle{
  background:#262a2f !important;
  border-color:#505861 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible.is-open > .lc-subcard-body{
  background:var(--lc-dark-panel) !important;
}

/* Corner-radius editor: each quadrant itself is the numeric control. */
#lc-inspector .lc-edge-piece-box{
  width:124px !important;
  height:104px !important;
}

#lc-inspector .lc-edge-corner-input{
  -moz-appearance:textfield !important;
  appearance:textfield !important;
  position:absolute !important;
  z-index:4 !important;
  box-sizing:border-box !important;
  width:50% !important;
  min-width:50% !important;
  max-width:50% !important;
  height:50% !important;
  min-height:50% !important;
  max-height:50% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#353a40 !important;
  box-shadow:inset 0 0 0 1px rgba(152,167,184,.24) !important;
  text-align:center !important;
  font-size:10.5px !important;
  font-weight:650 !important;
  cursor:text;
  transition:background .12s ease,box-shadow .12s ease,color .12s ease;
}

#lc-inspector .lc-edge-corner-input::-webkit-outer-spin-button,
#lc-inspector .lc-edge-corner-input::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}

#lc-inspector .lc-edge-corner-input-tl{
  left:0 !important;top:0 !important;
  border-radius:8px 0 0 0 !important;
}
#lc-inspector .lc-edge-corner-input-tr{
  right:0 !important;top:0 !important;
  border-radius:0 8px 0 0 !important;
}
#lc-inspector .lc-edge-corner-input-bl{
  left:0 !important;bottom:0 !important;
  border-radius:0 0 0 8px !important;
}
#lc-inspector .lc-edge-corner-input-br{
  right:0 !important;bottom:0 !important;
  border-radius:0 0 8px 0 !important;
}

#lc-inspector .lc-edge-corner-input:hover{
  background:rgba(59,130,246,.055) !important;
}

#lc-inspector .lc-edge-corner-input.active{
  background:rgba(59,130,246,.14) !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.34) !important;
}

#lc-inspector .lc-edge-corner-input:focus{
  background:rgba(59,130,246,.18) !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 2px rgba(59,130,246,.52) !important;
}

#lc-inspector .lc-edge-piece-word{
  z-index:6 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input{
  background:transparent !important;
  color:var(--lc-dark-text-soft) !important;
  border:0 !important;
  box-shadow:inset 0 0 0 1px rgba(105,115,126,.28) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input:hover{
  background:rgba(76,159,232,.08) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input.active,
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input:focus{
  background:rgba(76,159,232,.18) !important;
  color:#9ed0f7 !important;
  box-shadow:inset 0 0 0 1px rgba(76,159,232,.48) !important;
}


/* =========================================================
   CAD Lite v1.3.87 — v1.3.86 recovery + accordion fix
   ========================================================= */

/* Linked Splash cards indent on the left only; the right edge matches every
   normal Piece row in both Light and Dark mode. */
#lc-list .lc-backsplash-nav-piece{
  width:100% !important;
  max-width:100% !important;
}

#lc-list .lc-linked-child-surface{
  box-sizing:border-box !important;
  flex:0 0 calc(100% - 14px) !important;
  width:calc(100% - 14px) !important;
  max-width:calc(100% - 14px) !important;
  margin-left:14px !important;
  margin-right:0 !important;
}

/* PIECES collapse owns the entire body, including the empty state. */
.lite-cad .lc-pieces-collapsed #lc-list{
  display:none !important;
}

/* VIEW submenu chevrons always get the final fixed-width track. */
#lc-view-menu > .lc-view-submenu-wrap > .lc-menu-submenu-row{
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) 24px !important;
  align-items:center !important;
  width:100% !important;
}

#lc-view-menu > .lc-view-submenu-wrap > .lc-menu-submenu-row > .lc-menu-chevron{
  justify-self:end !important;
  width:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  margin-left:0 !important;
  text-align:right !important;
}

#lc-view-menu [data-view-section="workspace"] > .lc-menu-submenu-row > .lc-menu-icon{
  opacity:1 !important;
}


/* =========================================================
   CAD Lite v1.3.88 — guided workflow + interaction cleanup
   ========================================================= */

/* Multiple important regions can be highlighted at the same time. The existing
   yellow highlight is retained; this adds a subtle translucent wash so large
   regions such as the full Inspector column read as a guided focus area. */
.lite-cad .lc-guide-highlight{
  background-image:linear-gradient(rgba(255,223,92,.045),rgba(255,223,92,.045)) !important;
}

.lite-cad.lc-theme-dark .lc-guide-highlight{
  background-image:linear-gradient(rgba(255,223,92,.055),rgba(255,223,92,.055)) !important;
}

#lc-inspector .lc-sink-empty{
  padding:5px 2px 7px !important;
  opacity:.7;
}


/* =========================================================
   CAD Lite v1.3.91 — quadrant corner controls + guide handoff language
   ========================================================= */

/* The four radius inputs ARE the four quarters of the countertop schematic.
   Use edge pinning rather than percentage input dimensions so older global
   input-height rules cannot collapse them back into small boxes. */
#lc-inspector .lc-edge-piece-box{
  width:124px !important;
  height:104px !important;
  padding:0 !important;
  overflow:hidden !important;
}

#lc-inspector .lc-edge-cross{
  display:none !important;
}

#lc-inspector .lc-edge-corner-input{
  position:absolute !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:#fff !important;
  color:#30353b !important;
  box-shadow:none !important;
  text-align:center !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1 !important;
  cursor:text !important;
  transition:background-color .12s ease,color .12s ease,box-shadow .12s ease !important;
}

#lc-inspector .lc-edge-corner-input-tl{
  left:0 !important;
  right:50% !important;
  top:0 !important;
  bottom:50% !important;
  border-radius:8px 0 0 0 !important;
  border-right:1px solid rgba(152,167,184,.42) !important;
  border-bottom:1px solid rgba(152,167,184,.42) !important;
}

#lc-inspector .lc-edge-corner-input-tr{
  left:50% !important;
  right:0 !important;
  top:0 !important;
  bottom:50% !important;
  border-radius:0 8px 0 0 !important;
  border-bottom:1px solid rgba(152,167,184,.42) !important;
}

#lc-inspector .lc-edge-corner-input-bl{
  left:0 !important;
  right:50% !important;
  top:50% !important;
  bottom:0 !important;
  border-radius:0 0 0 8px !important;
  border-right:1px solid rgba(152,167,184,.42) !important;
}

#lc-inspector .lc-edge-corner-input-br{
  left:50% !important;
  right:0 !important;
  top:50% !important;
  bottom:0 !important;
  border-radius:0 0 8px 0 !important;
}

#lc-inspector .lc-edge-corner-input:hover{
  background:#f3f7fc !important;
}

#lc-inspector .lc-edge-corner-input.active{
  background:rgba(59,130,246,.13) !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.30) !important;
}

#lc-inspector .lc-edge-corner-input:focus{
  background:rgba(59,130,246,.18) !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 2px rgba(59,130,246,.58) !important;
}

#lc-inspector .lc-edge-piece-word{
  z-index:7 !important;
  padding:2px 5px !important;
  border:1px solid rgba(152,167,184,.34) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  color:#8b96a3 !important;
  line-height:1 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:rgba(105,115,126,.62) !important;
  box-shadow:none !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input:hover{
  background:#353b42 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input.active{
  background:rgba(76,159,232,.16) !important;
  color:#9ed0f7 !important;
  box-shadow:inset 0 0 0 1px rgba(76,159,232,.42) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input:focus{
  background:rgba(76,159,232,.22) !important;
  color:#b5ddfb !important;
  box-shadow:inset 0 0 0 2px rgba(76,159,232,.58) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-piece-word{
  background:rgba(38,42,47,.94) !important;
  color:var(--lc-dark-muted) !important;
  border-color:#59626c !important;
}

/* Guided Workflow visual grammar:
   BLUE = work here now.
   AMBER = click here when finished / continue here. */
.lite-cad .lc-guide-highlight{
  position:relative !important;
  z-index:auto !important;
  outline:3px solid rgba(37,99,235,.92) !important;
  outline-offset:3px !important;
  background-image:linear-gradient(rgba(37,99,235,.14),rgba(37,99,235,.14)) !important;
  box-shadow:
    0 0 0 7px rgba(37,99,235,.13),
    0 0 20px rgba(37,99,235,.16) !important;
}

.lite-cad .lc-guide-next-highlight{
  position:relative !important;
  z-index:auto !important;
  outline:3px solid rgba(245,158,11,.98) !important;
  outline-offset:3px !important;
  background-image:linear-gradient(rgba(245,158,11,.24),rgba(245,158,11,.24)) !important;
  box-shadow:
    0 0 0 7px rgba(245,158,11,.16),
    0 0 22px rgba(245,158,11,.24) !important;
  animation:lc-guide-next-nudge .62s ease-in-out 2 alternate;
}

.lite-cad .lc-guide-next-highlight::after{
  content:'NEXT';
  position:absolute;
  right:5px;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  pointer-events:none;
  box-sizing:border-box;
  padding:2px 5px;
  border:1px solid rgba(180,103,0,.42);
  border-radius:999px;
  background:rgba(255,196,74,.92);
  color:#5c3900;
  font-size:7px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.06em;
}

.lite-cad .lc-guide-panel .lc-guide-next-highlight::after{
  right:-7px;
  top:-7px;
  transform:none;
}

@keyframes lc-guide-next-nudge{
  from{
    box-shadow:
      0 0 0 5px rgba(245,158,11,.12),
      0 0 12px rgba(245,158,11,.14);
  }
  to{
    box-shadow:
      0 0 0 9px rgba(245,158,11,.22),
      0 0 25px rgba(245,158,11,.30);
  }
}

.lite-cad.lc-theme-dark .lc-guide-highlight{
  background-image:linear-gradient(rgba(76,159,232,.18),rgba(76,159,232,.18)) !important;
}

.lite-cad.lc-theme-dark .lc-guide-next-highlight{
  background-image:linear-gradient(rgba(245,158,11,.22),rgba(245,158,11,.22)) !important;
}

@media (prefers-reduced-motion:reduce){
  .lite-cad .lc-guide-next-highlight{
    animation:none !important;
  }
}


/* =========================================================
   CAD Lite v1.3.92 — full quadrant corner controls
   ========================================================= */

/* Restore the original schematic language: dashed centerlines + quiet PIECE text. */
#lc-inspector .lc-edge-cross{
  display:block !important;
  z-index:6 !important;
  opacity:.8 !important;
}

#lc-inspector .lc-edge-cross-v{
  top:8px !important;
  bottom:8px !important;
  left:50% !important;
  width:1px !important;
  transform:translateX(-.5px) !important;
  background:repeating-linear-gradient(
    to bottom,
    #d2d8df 0 5px,
    transparent 5px 10px
  ) !important;
}

#lc-inspector .lc-edge-cross-h{
  left:8px !important;
  right:8px !important;
  top:50% !important;
  height:1px !important;
  transform:translateY(-.5px) !important;
  background:repeating-linear-gradient(
    to right,
    #d2d8df 0 5px,
    transparent 5px 10px
  ) !important;
}

#lc-inspector .lc-edge-piece-word{
  z-index:7 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#a3acb6 !important;
  font-size:7.5px !important;
  font-weight:700 !important;
  letter-spacing:.09em !important;
  line-height:1 !important;
}

/* Each numeric field is the entire quarter of the 124 × 104 countertop box.
   Explicit pixel dimensions avoid the intrinsic-height behavior of number inputs. */
#lc-inspector .lc-edge-corner-input{
  position:absolute !important;
  width:62px !important;
  min-width:62px !important;
  max-width:62px !important;
  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#30353b !important;
  text-align:center !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:52px !important;
  z-index:4 !important;
  cursor:text !important;
  box-shadow:none !important;
}

#lc-inspector .lc-edge-corner-input-tl{
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  border-radius:8px 0 0 0 !important;
  border-right:1px solid rgba(152,167,184,.34) !important;
  border-bottom:1px solid rgba(152,167,184,.34) !important;
}

#lc-inspector .lc-edge-corner-input-tr{
  left:62px !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  border-radius:0 8px 0 0 !important;
  border-bottom:1px solid rgba(152,167,184,.34) !important;
}

#lc-inspector .lc-edge-corner-input-bl{
  left:0 !important;
  top:52px !important;
  right:auto !important;
  bottom:auto !important;
  border-radius:0 0 0 8px !important;
  border-right:1px solid rgba(152,167,184,.34) !important;
}

#lc-inspector .lc-edge-corner-input-br{
  left:62px !important;
  top:52px !important;
  right:auto !important;
  bottom:auto !important;
  border-radius:0 0 8px 0 !important;
}

#lc-inspector .lc-edge-corner-input:hover{
  background:#f5f8fc !important;
}

#lc-inspector .lc-edge-corner-input.active{
  background:rgba(59,130,246,.13) !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.30) !important;
}

#lc-inspector .lc-edge-corner-input:focus{
  background:rgba(59,130,246,.18) !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 2px rgba(59,130,246,.58) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-cross-v{
  background:repeating-linear-gradient(
    to bottom,
    #555e68 0 5px,
    transparent 5px 10px
  ) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-cross-h{
  background:repeating-linear-gradient(
    to right,
    #555e68 0 5px,
    transparent 5px 10px
  ) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-piece-word{
  background:transparent !important;
  color:#737d88 !important;
  border:0 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-input{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:rgba(105,115,126,.48) !important;
  box-shadow:none !important;
}


/* =========================================================
   CAD Lite v1.3.93 — corner toggle + manual radius mode
   ========================================================= */

#lc-inspector .lc-edge-piece-box{
  width:124px !important;
  height:104px !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* Quick corner mode: four real buttons, each exactly one quarter of the piece. */
#lc-inspector .lc-edge-corner-toggle,
#lc-inspector .lc-edge-corner-manual-input{
  position:absolute !important;
  box-sizing:border-box !important;
  width:62px !important;
  min-width:62px !important;
  max-width:62px !important;
  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#30353b !important;
  text-align:center !important;
  font:650 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  box-shadow:none !important;
}

#lc-inspector .lc-edge-corner-toggle{
  z-index:4 !important;
  cursor:pointer !important;
  transition:background-color .12s ease,color .12s ease,box-shadow .12s ease !important;
}

#lc-inspector .lc-edge-corner-toggle:hover{
  background:#f3f7fc !important;
}

#lc-inspector .lc-edge-corner-toggle.active{
  background:rgba(59,130,246,.15) !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.34) !important;
}

#lc-inspector .lc-edge-corner-toggle:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(59,130,246,.65) !important;
}

#lc-inspector .lc-edge-corner-toggle-tl,
#lc-inspector .lc-edge-corner-manual-input-tl{
  left:0 !important;top:0 !important;
  border-radius:8px 0 0 0 !important;
  border-right:1px solid rgba(152,167,184,.34) !important;
  border-bottom:1px solid rgba(152,167,184,.34) !important;
}
#lc-inspector .lc-edge-corner-toggle-tr,
#lc-inspector .lc-edge-corner-manual-input-tr{
  left:62px !important;top:0 !important;
  border-radius:0 8px 0 0 !important;
  border-bottom:1px solid rgba(152,167,184,.34) !important;
}
#lc-inspector .lc-edge-corner-toggle-bl,
#lc-inspector .lc-edge-corner-manual-input-bl{
  left:0 !important;top:52px !important;
  border-radius:0 0 0 8px !important;
  border-right:1px solid rgba(152,167,184,.34) !important;
}
#lc-inspector .lc-edge-corner-toggle-br,
#lc-inspector .lc-edge-corner-manual-input-br{
  left:62px !important;top:52px !important;
  border-radius:0 0 8px 0 !important;
}

/* Manual mode swaps the four toggles for four number fields in-place. */
#lc-inspector .lc-edge-corner-manual-input{
  z-index:5 !important;
  -moz-appearance:textfield !important;
  appearance:textfield !important;
  background:#fbfcfe !important;
  cursor:text !important;
}

#lc-inspector .lc-edge-corner-manual-input::-webkit-outer-spin-button,
#lc-inspector .lc-edge-corner-manual-input::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}

#lc-inspector .lc-edge-corner-manual-input:hover{
  background:#f3f7fc !important;
}

#lc-inspector .lc-edge-corner-manual-input:focus{
  background:#eef5ff !important;
  color:#174ea6 !important;
  box-shadow:inset 0 0 0 2px rgba(59,130,246,.58) !important;
}

/* Dashed cross + quiet PIECE label stay visible in both modes. */
#lc-inspector .lc-edge-cross{
  display:block !important;
  z-index:6 !important;
  pointer-events:none !important;
}
#lc-inspector .lc-edge-piece-word{
  z-index:7 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#a3acb6 !important;
  pointer-events:none !important;
}

/* Secondary manual-entry action under the diagram. */
#lc-inspector .lc-edge-manual-radius-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:100%;
  min-height:27px;
  margin:0;
  padding:4px 7px;
  box-sizing:border-box;
  border:1px solid #d5dbe2;
  border-radius:4px;
  background:#f8fafc;
  color:#4f5964;
  font:600 9.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  cursor:pointer;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

#lc-inspector .lc-edge-manual-radius-action svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
}

#lc-inspector .lc-edge-manual-radius-action:hover,
#lc-inspector .lc-edge-manual-radius-action.is-active{
  background:#eef5ff;
  border-color:#8bb4ed;
  color:#174ea6;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-toggle,
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-manual-input{
  background:var(--lc-dark-panel-3) !important;
  color:var(--lc-dark-text-soft) !important;
  border-color:rgba(105,115,126,.48) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-toggle:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-manual-input:hover{
  background:#353b42 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-toggle.active{
  background:rgba(76,159,232,.17) !important;
  color:#9ed0f7 !important;
  box-shadow:inset 0 0 0 1px rgba(76,159,232,.44) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-corner-manual-input:focus{
  background:rgba(76,159,232,.20) !important;
  color:#b5ddfb !important;
  box-shadow:inset 0 0 0 2px rgba(76,159,232,.58) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-manual-radius-action{
  background:var(--lc-dark-panel-2) !important;
  border-color:var(--lc-dark-border-strong) !important;
  color:var(--lc-dark-text-soft) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-manual-radius-action:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-manual-radius-action.is-active{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}


/* =========================================================
   CAD Lite v1.3.94 — edge profile polish + Radius Label Mode
   ========================================================= */

/* Equal physical gutter around the center PIECE. */
#lc-inspector .lc-edge-designer-diagram{
  overflow:visible !important;
}

#lc-inspector .lc-edge-control-top{
  top:calc(50% - 87px) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
#lc-inspector .lc-edge-control-bottom{
  top:calc(50% + 60px) !important;
  bottom:auto !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
#lc-inspector .lc-edge-control-left{
  left:calc(50% - 82px) !important;
  top:50% !important;
  width:27px !important;
  height:92px !important;
  transform:translate(-50%,-50%) !important;
}
#lc-inspector .lc-edge-control-right{
  right:auto !important;
  left:calc(50% + 82px) !important;
  top:50% !important;
  width:27px !important;
  height:92px !important;
  transform:translate(-50%,-50%) !important;
}

/* Custom edge profile pickers: centered label, icon left, tiny chevron at far right. */
#lc-inspector .lc-edge-profile-picker-button{
  position:relative;
  display:block;
  width:92px;
  min-width:92px;
  height:27px;
  min-height:27px;
  padding:0 18px;
  box-sizing:border-box;
  border:1px solid #cfd6df;
  border-radius:5px;
  background:#f4f6f8;
  color:#202124;
  cursor:pointer;
  box-shadow:none;
}

#lc-inspector .lc-edge-profile-picker-button:hover,
#lc-inspector .lc-edge-profile-picker-button[aria-expanded="true"]{
  border-color:#aeb8c4;
  background:#fff;
}

#lc-inspector .lc-edge-profile-picker-text{
  display:block;
  width:100%;
  overflow:hidden;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:9.5px;
  font-weight:600;
  line-height:25px;
}

#lc-inspector .lc-edge-profile-picker-icon{
  position:absolute;
  left:5px;
  top:50%;
  width:14px;
  height:12px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  color:#5d6670;
  pointer-events:none;
}

#lc-inspector .lc-edge-profile-icon{
  display:block;
  width:14px;
  height:11px;
  overflow:visible;
}

#lc-inspector .lc-edge-profile-picker-chevron{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-52%);
  font-size:7px;
  line-height:1;
  color:#69727c;
  pointer-events:none;
}

#lc-inspector .lc-edge-profile-picker-button-left,
#lc-inspector .lc-edge-profile-picker-button-right{
  position:absolute;
  left:50%;
  top:50%;
  transform-origin:center;
}
#lc-inspector .lc-edge-profile-picker-button-left{
  transform:translate(-50%,-50%) rotate(-90deg);
}
#lc-inspector .lc-edge-profile-picker-button-right{
  transform:translate(-50%,-50%) rotate(90deg);
}

#lc-inspector .lc-edge-profile-picker-menu{
  position:absolute;
  z-index:80;
  width:132px;
  padding:4px;
  box-sizing:border-box;
  border:1px solid #cfd6df;
  border-radius:6px;
  background:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}

#lc-inspector .lc-edge-profile-picker-menu-top{
  left:50%;
  top:31px;
  transform:translateX(-50%);
}
#lc-inspector .lc-edge-profile-picker-menu-bottom{
  left:50%;
  bottom:31px;
  transform:translateX(-50%);
}
#lc-inspector .lc-edge-profile-picker-menu-left{
  left:31px;
  top:50%;
  transform:translateY(-50%);
}
#lc-inspector .lc-edge-profile-picker-menu-right{
  right:31px;
  top:50%;
  transform:translateY(-50%);
}

#lc-inspector .lc-edge-profile-option{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:6px;
  width:100%;
  min-height:25px;
  padding:3px 6px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#30353b;
  text-align:left;
  font-size:9.5px;
  cursor:pointer;
}
#lc-inspector .lc-edge-profile-option:hover{
  background:#eef3f8;
}
#lc-inspector .lc-edge-profile-option.is-selected{
  background:#e8f1ff;
  color:#174ea6;
}

/* Manual Radius uses the same centered value position as the quick toggle. */
#lc-inspector .lc-edge-corner-manual-input{
  padding:18px 4px !important;
  line-height:14px !important;
  text-align:center !important;
}

/* Subtle physical-corner cue inside active radius quadrants. */
#lc-inspector .lc-edge-corner-toggle.active::after{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  pointer-events:none;
  opacity:.72;
}
#lc-inspector .lc-edge-corner-toggle-tl.active::after{
  left:5px;top:5px;border-left:2px solid currentColor;border-top:2px solid currentColor;border-radius:8px 0 0 0;
}
#lc-inspector .lc-edge-corner-toggle-tr.active::after{
  right:5px;top:5px;border-right:2px solid currentColor;border-top:2px solid currentColor;border-radius:0 8px 0 0;
}
#lc-inspector .lc-edge-corner-toggle-bl.active::after{
  left:5px;bottom:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 0 0 8px;
}
#lc-inspector .lc-edge-corner-toggle-br.active::after{
  right:5px;bottom:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 0 8px 0;
}

/* Radius Label Mode uses the same interaction vocabulary as Splash Mode. */
#lc-inspector .lc-radius-label-action.is-active{
  background:#eef5ff !important;
  border-color:#7aa7e8 !important;
  color:#174ea6 !important;
}

.lc-radius-corner-preview{
  stroke:rgba(37,99,235,.45);
  stroke-width:4;
  pointer-events:none;
  transition:stroke .1s ease,stroke-width .1s ease,filter .1s ease;
}

.lc-radius-corner-option:hover .lc-radius-corner-preview{
  stroke:#2563eb;
  stroke-width:6;
  filter:drop-shadow(0 0 4px rgba(37,99,235,.5));
}

.lc-radius-corner-option.is-labeled .lc-radius-corner-preview{
  stroke:rgba(16,185,129,.62);
}

.lc-radius-corner-option.is-labeled:hover .lc-radius-corner-preview{
  stroke:#059669;
}

/* Dark-mode custom picker/radius polish. */
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-picker-button{
  background:var(--lc-dark-input);
  color:var(--lc-dark-text);
  border-color:var(--lc-dark-border-strong);
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-picker-button:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-picker-button[aria-expanded="true"]{
  background:var(--lc-dark-panel-3);
  border-color:#69737e;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-picker-icon,
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-picker-chevron{
  color:var(--lc-dark-text-soft);
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-picker-menu{
  background:var(--lc-dark-panel);
  border-color:var(--lc-dark-border-strong);
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-option{
  color:var(--lc-dark-text-soft);
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-option:hover{
  background:var(--lc-dark-hover);
}
.lite-cad.lc-theme-dark #lc-inspector .lc-edge-profile-option.is-selected{
  background:#24384a;
  color:#9ed0f7;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-radius-label-action.is-active{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}


/* =========================================================
   CAD Lite v1.3.95 — picker containment + sink radius labels
   ========================================================= */

/* Only the open edge control rises above its siblings, so another picker cannot
   paint over the active dropdown. */
#lc-inspector .lc-edge-control.is-open{
  z-index:120 !important;
}

/* Keep all 9 profile choices inside the schematic area. Scroll only when needed. */
#lc-inspector .lc-edge-profile-picker-menu{
  z-index:140 !important;
  max-height:160px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}

#lc-inspector .lc-edge-profile-option{
  min-height:22px !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}

/* The chevron should read clearly without competing with the centered label. */
#lc-inspector .lc-edge-profile-picker-chevron{
  right:6px !important;
  width:9px !important;
  height:6px !important;
  display:grid !important;
  place-items:center !important;
  font-size:inherit !important;
}
#lc-inspector .lc-edge-profile-picker-chevron svg{
  display:block;
  width:9px;
  height:6px;
}

/* Keep manual-radius editing numerically centered in the same quadrant. */
#lc-inspector .lc-edge-corner-manual-input{
  padding:0 !important;
  line-height:52px !important;
  text-align:center !important;
}

/* Sink-cutout radius targets are slightly tighter than countertop targets. */
.lc-radius-sink-corner-option .lc-radius-corner-preview{
  stroke-width:3.25;
  opacity:.92;
}
.lc-radius-sink-corner-option:hover .lc-radius-corner-preview{
  stroke-width:5;
}


/* =========================================================
   CAD Lite v1.3.97 — HELP keyboard shortcut cheat sheet
   ========================================================= */

.lc-shortcuts-overlay{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(2px);
}

.lc-shortcuts-dialog{
  width:min(760px,calc(100vw - 32px));
  max-height:min(82vh,760px);
  overflow:auto;
  box-sizing:border-box;
  border:1px solid #cfd5dc;
  border-radius:10px;
  background:#fff;
  color:#252a30;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}

.lc-shortcuts-head{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px 13px;
  border-bottom:1px solid #e1e5e9;
  background:rgba(255,255,255,.97);
}

.lc-shortcuts-head h2{
  margin:0;
  font:700 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:.01em;
}

.lc-shortcuts-subtitle{
  margin-top:4px;
  color:#747d87;
  font:400 10.5px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.lc-shortcuts-close{
  flex:0 0 28px;
  width:28px;
  height:28px;
  padding:0;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#69727c;
  font:400 22px/24px system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  cursor:pointer;
}

.lc-shortcuts-close:hover,
.lc-shortcuts-close:focus-visible{
  border-color:#d6dce2;
  background:#f3f5f7;
  color:#20252a;
  outline:none;
}

.lc-shortcuts-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:14px;
}

.lc-shortcuts-group{
  min-width:0;
  border:1px solid #e1e5e9;
  border-radius:7px;
  background:#fafbfc;
  overflow:hidden;
}

.lc-shortcuts-group h3{
  margin:0;
  padding:8px 10px;
  border-bottom:1px solid #e3e7eb;
  background:#f1f4f6;
  color:#414850;
  font:750 9px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.lc-shortcut-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:38px;
  padding:6px 9px;
  box-sizing:border-box;
  border-bottom:1px solid #edf0f2;
}

.lc-shortcut-row:last-child{
  border-bottom:0;
}

.lc-shortcut-info{
  min-width:0;
}

.lc-shortcut-action{
  color:#2f353b;
  font:550 10.5px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.lc-shortcut-context{
  display:inline-block;
  margin-top:3px;
  padding:1px 4px;
  border-radius:3px;
  background:#e8edf2;
  color:#68727d;
  font:700 7.5px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.lc-shortcut-keys{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:4px;
  max-width:245px;
}

.lc-shortcut-combo{
  display:inline-flex;
  align-items:center;
  gap:3px;
}

.lc-shortcuts-dialog kbd{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  min-height:22px;
  padding:2px 6px;
  box-sizing:border-box;
  border:1px solid #c8ced5;
  border-bottom-width:2px;
  border-radius:4px;
  background:#fff;
  color:#333a42;
  box-shadow:0 1px 0 rgba(0,0,0,.025);
  font:650 9px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  white-space:nowrap;
}

.lc-shortcut-plus,
.lc-shortcut-or{
  color:#87909a;
  font:500 8px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.lc-shortcut-or{
  margin:0 1px;
}

.lc-shortcuts-foot{
  padding:10px 16px 13px;
  border-top:1px solid #e1e5e9;
  color:#69727c;
  font:400 9.5px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.lc-shortcuts-foot strong{
  color:#414850;
}

.lc-shortcuts-foot kbd{
  min-height:19px;
  padding:1px 5px;
  vertical-align:baseline;
}

/* Dark theme is copied onto the body-level modal when it opens. */
.lc-shortcuts-overlay.lc-theme-dark{
  background:rgba(0,0,0,.5);
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-dialog{
  border-color:#414850;
  background:#23272c;
  color:#e7eaed;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-head{
  border-color:#3e454d;
  background:rgba(35,39,44,.97);
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-subtitle,
.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-foot{
  color:#9ca5af;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-close{
  color:#abb4be;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-close:hover,
.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-close:focus-visible{
  border-color:#505861;
  background:#30353b;
  color:#f0f2f4;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-group{
  border-color:#414850;
  background:#282d32;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-group h3{
  border-color:#414850;
  background:#30353b;
  color:#c6cdd4;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcut-row{
  border-color:#363c43;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcut-action,
.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-foot strong{
  color:#e3e7ea;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcut-context{
  background:#343b42;
  color:#aab3bd;
}

.lc-shortcuts-overlay.lc-theme-dark .lc-shortcuts-dialog kbd{
  border-color:#59626c;
  background:#30353b;
  color:#e5e9ed;
  box-shadow:0 1px 0 rgba(255,255,255,.025);
}

@media (max-width:640px){
  .lc-shortcuts-overlay{
    padding:12px;
    align-items:flex-start;
  }
  .lc-shortcuts-dialog{
    width:100%;
    max-height:calc(100vh - 24px);
  }
  .lc-shortcuts-grid{
    grid-template-columns:1fr;
  }
  .lc-shortcut-row{
    gap:8px;
  }
  .lc-shortcut-keys{
    max-width:180px;
  }
}


/* =========================================================
   CAD Lite v1.3.98 — undo selection coherence + edge editor fit
   ========================================================= */

/* Give the side profile controls real breathing room inside the schematic.
   The center piece is intentionally a little smaller; the interaction remains
   identical but all four edge pickers now fit comfortably inside the frame. */
#lc-inspector .lc-edge-piece-box{
  width:112px !important;
  height:96px !important;
}

#lc-inspector .lc-edge-corner-toggle,
#lc-inspector .lc-edge-corner-manual-input{
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
}

#lc-inspector .lc-edge-corner-toggle-tl,
#lc-inspector .lc-edge-corner-manual-input-tl{
  left:0 !important;
  top:0 !important;
}
#lc-inspector .lc-edge-corner-toggle-tr,
#lc-inspector .lc-edge-corner-manual-input-tr{
  left:56px !important;
  top:0 !important;
}
#lc-inspector .lc-edge-corner-toggle-bl,
#lc-inspector .lc-edge-corner-manual-input-bl{
  left:0 !important;
  top:48px !important;
}
#lc-inspector .lc-edge-corner-toggle-br,
#lc-inspector .lc-edge-corner-manual-input-br{
  left:56px !important;
  top:48px !important;
}

#lc-inspector .lc-edge-corner-manual-input{
  line-height:48px !important;
}

/* 27px-high top/bottom buttons + 27px physical side thickness:
   leave approximately the same 7px gap from the center piece on every side. */
#lc-inspector .lc-edge-control-top{
  top:calc(50% - 82px) !important;
}
#lc-inspector .lc-edge-control-bottom{
  top:calc(50% + 55px) !important;
}
#lc-inspector .lc-edge-control-left{
  left:calc(50% - 76px) !important;
}
#lc-inspector .lc-edge-control-right{
  left:calc(50% + 76px) !important;
}

/* Slightly reduce the horizontal profile button width as a second safeguard on
   narrow Inspector widths while keeping the centered label readable. */
#lc-inspector .lc-edge-profile-picker-button{
  width:88px !important;
  min-width:88px !important;
}


/* =========================================================
   CAD Lite v1.3.100 — stable Piece navigator geometry
   ========================================================= */

/* Reserve the vertical scrollbar track even when the Piece list is short.
   Linked Splash child widths/indents therefore stay identical before and
   after the list becomes scrollable. */
#lc-list{
  scrollbar-gutter:stable !important;
}


/* =========================================================
   CAD Lite v1.3.101 — deterministic Piece family spacing
   ========================================================= */

/* Do not reserve empty scrollbar space. */
#lc-list{
  scrollbar-gutter:auto !important;
}

/*
  Vertical rhythm belongs to each navigator row instead of the flex container.
  Parent → child, child → child, and child → next Piece are therefore identical
  whether #lc-list is short or independently scrollable.
*/
#lc-list.lc-nav{
  gap:0 !important;
}

#lc-list.lc-nav > .lc-item.nav,
#lc-list.lc-nav > .lc-piece-has-linked-children,
#lc-list.lc-nav > .lc-backsplash-nav-piece,
#lc-list.lc-nav > .lc-backsplash-nav-piece + .lc-backsplash-nav-piece,
#lc-list.lc-nav > .lc-backsplash-nav-piece:last-child{
  margin-top:0 !important;
  margin-bottom:3px !important;
}

#lc-list.lc-nav > .lc-item.nav:last-child{
  margin-bottom:0 !important;
}

/* Child hierarchy remains horizontal only: inset left, flush right. */
#lc-list .lc-linked-child-surface{
  flex:0 0 calc(100% - 14px) !important;
  width:calc(100% - 14px) !important;
  max-width:calc(100% - 14px) !important;
  margin-left:14px !important;
  margin-right:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}


/* =========================================================
   CAD Lite v1.3.102 — linked child Light-mode specificity fix
   ========================================================= */

/*
  IMPORTANT: this selector intentionally matches/exceeds the specificity of
  #lc-list .lc-item.nav, whose !important 5px vertical padding was still winning
  in Light mode. Dark mode already escaped that rule through its theme-specific
  selector, which is why the bug appeared Light-only.
*/
#lc-list .lc-item.nav.lc-backsplash-nav-piece,
.lite-cad.lc-theme-light #lc-list .lc-item.nav.lc-backsplash-nav-piece{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:24px !important;
  padding:0 !important;
  margin-top:0 !important;
  margin-bottom:3px !important;
  gap:0 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

/* The inset child card itself owns the visible geometry. */
#lc-list .lc-item.nav.lc-backsplash-nav-piece .lc-linked-child-surface{
  box-sizing:border-box !important;
  min-height:24px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  margin-left:14px !important;
  margin-right:0 !important;
}


/* =========================================================
   CAD Lite v1.3.103 — Edge Painter + canvas rotate handle
   ========================================================= */

.lc-edge-painter-hud{
  position:absolute;
  top:48px;
  right:12px;
  z-index:19000;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  border:1px solid #cfd6df;
  border-radius:6px;
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 16px rgba(0,0,0,.12);
  color:#30353b;
  backdrop-filter:blur(3px);
}

.lc-edge-painter-hud[hidden]{
  display:none !important;
}

.lc-edge-painter-hud-title{
  font-size:9px;
  font-weight:750;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:nowrap;
}

.lc-edge-painter-select{
  min-width:105px;
  height:25px !important;
  min-height:25px !important;
  padding:2px 22px 2px 7px !important;
  border-radius:4px !important;
  font-size:10px !important;
}

.lc-edge-painter-hud-hint{
  color:#727b85;
  font-size:8.5px;
  white-space:nowrap;
}

#lc-inspector .lc-edge-painter-action.is-active{
  background:#eef5ff !important;
  border-color:#7aa7e8 !important;
  color:#174ea6 !important;
}

.lc-edge-paint-preview{
  stroke:rgba(37,99,235,.28);
  stroke-width:3;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
  transition:stroke .08s ease,stroke-width .08s ease,filter .08s ease;
}

.lc-edge-paint-option:hover .lc-edge-paint-preview{
  stroke:#2563eb;
  stroke-width:6;
  filter:drop-shadow(0 0 3px rgba(37,99,235,.42));
}

.lc-edge-paint-hit{
  cursor:crosshair;
}

/* Selected-piece direct rotation. */
.lc-piece-rotate-stem{
  stroke:#2563eb;
  stroke-width:1.4;
  opacity:.72;
}

.lc-piece-rotate-handle{
  fill:#fff;
  stroke:#2563eb;
  stroke-width:1.8;
  cursor:grab;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));
}

.lc-piece-rotate-handle:hover{
  fill:#eaf2ff;
  stroke-width:2.2;
}

.lc-piece-rotate-handle:active{
  cursor:grabbing;
  fill:#dceaff;
}

.lc-piece-rotate-glyph{
  fill:#174ea6;
  font:700 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.lc-piece-rotate-angle{
  fill:#174ea6;
  font:700 10px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  paint-order:stroke;
  stroke:#fff;
  stroke-width:3px;
  stroke-linejoin:round;
}

.lite-cad.lc-theme-dark .lc-edge-painter-hud{
  border-color:var(--lc-dark-border-strong);
  background:rgba(35,39,44,.96);
  color:var(--lc-dark-text);
}

.lite-cad.lc-theme-dark .lc-edge-painter-hud-hint{
  color:var(--lc-dark-muted);
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-painter-action.is-active{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-handle{
  fill:#252b31;
  stroke:#4c9fe8;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-handle:hover{
  fill:#2d3d4d;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-glyph,
.lite-cad.lc-theme-dark .lc-piece-rotate-angle{
  fill:#9ed0f7;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-angle{
  stroke:#23272c;
}


/* =========================================================
   CAD Lite v1.3.104 — rigid group rotation + Painter access
   ========================================================= */

/* HUD is fixed to the visible canvas viewport by JS, so canvas scrolling can
   never strand the picker outside the usable viewport. */
.lc-edge-painter-hud{
  position:fixed !important;
  right:auto !important;
  margin:0 !important;
  z-index:2147482000 !important;
}

#lc-inspector .lc-edge-painter-control-row{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:5px;
  width:100%;
  align-items:stretch;
}

#lc-inspector .lc-edge-painter-profile-select{
  width:100% !important;
  min-width:0 !important;
  height:27px !important;
  min-height:27px !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
  font-size:9.5px !important;
}

#lc-inspector .lc-edge-painter-control-row .lc-edge-painter-action{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}

/* Rotate handle is intentionally quieter than selection/annotation tools. */
.lc-piece-rotate-stem{
  stroke:#64748b !important;
  stroke-width:1 !important;
  opacity:.38 !important;
}

.lc-piece-rotate-handle{
  fill:rgba(255,255,255,.90) !important;
  stroke:#64748b !important;
  stroke-width:1.15 !important;
  filter:none !important;
  opacity:.82;
}

.lc-piece-rotate-handle:hover{
  fill:#f7fbff !important;
  stroke:#2563eb !important;
  stroke-width:1.5 !important;
  opacity:1;
}

.lc-piece-rotate-handle:active{
  fill:#edf5ff !important;
  stroke:#2563eb !important;
  opacity:1;
}

.lc-piece-rotate-glyph{
  fill:#64748b !important;
  font-size:10px !important;
  font-weight:650 !important;
}

.lc-piece-rotate-layer:hover .lc-piece-rotate-glyph{
  fill:#2563eb !important;
}

.lc-piece-rotate-angle{
  fill:#475569 !important;
  font-size:9px !important;
  font-weight:650 !important;
  stroke-width:2.5px !important;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-stem{
  stroke:#94a3b8 !important;
  opacity:.38 !important;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-handle{
  fill:rgba(35,39,44,.90) !important;
  stroke:#8995a3 !important;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-handle:hover,
.lite-cad.lc-theme-dark .lc-piece-rotate-handle:active{
  fill:#293746 !important;
  stroke:#6eb5ef !important;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-glyph{
  fill:#a1abb6 !important;
}

.lite-cad.lc-theme-dark .lc-piece-rotate-layer:hover .lc-piece-rotate-glyph{
  fill:#9ed0f7 !important;
}


/* =========================================================
   CAD Lite v1.3.105 — Note text formatting
   ========================================================= */

#lc-inspector .lc-note-format-row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

#lc-inspector .lc-note-format-main{
  display:grid;
  grid-template-columns:48px 28px 28px minmax(0,1fr);
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
}

#lc-inspector .lc-note-format-extra{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-width:0;
}

#lc-inspector .lc-note-format-row .lc-note-size-input{
  width:48px !important;
  min-width:0 !important;
  height:28px !important;
  padding:3px 5px !important;
  text-align:center;
}

#lc-inspector .lc-note-format-btn,
#lc-inspector .lc-note-align-btn{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  padding:0 !important;
  border:1px solid #c7ccd3 !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#34383d !important;
}

#lc-inspector .lc-note-format-btn.is-active,
#lc-inspector .lc-note-align-btn.is-active{
  background:#e8f1fa !important;
  border-color:#7f9eb9 !important;
  color:#174e7a !important;
}

#lc-inspector .lc-note-align-group{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px;
  min-width:0;
}

#lc-inspector .lc-note-align-group .lc-note-align-btn{
  width:100% !important;
  min-width:0 !important;
}

#lc-inspector .lc-note-color-group{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#4b5563;
  font-size:10px;
}

#lc-inspector .lc-note-color-input{
  box-sizing:border-box;
  width:36px !important;
  min-width:36px !important;
  height:26px !important;
  padding:2px !important;
  border-radius:5px !important;
}

#lc-inspector .lc-note-format-extra .lc-note-format-btn{
  width:48px !important;
  min-width:48px !important;
  font-size:9px !important;
}

#lc-inspector .lc-note-rotation-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 42px 54px;
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

#lc-inspector .lc-note-rotation-input{
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  padding:3px 5px !important;
  text-align:right;
  box-sizing:border-box;
}

#lc-inspector .lc-note-rotation-degree{
  margin-left:-2px;
  color:#6b7280;
  font-size:11px;
}

#lc-inspector .lc-note-rotation-btn{
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 5px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#34383d !important;
  font-size:10px !important;
}

#lc-inspector .lc-note-format-btn:hover,
#lc-inspector .lc-note-align-btn:hover,
#lc-inspector .lc-note-rotation-btn:hover{
  background:#f3f4f6 !important;
  border-color:#9da4ad !important;
}

#lc-inspector .lc-note-format-btn.is-active:hover,
#lc-inspector .lc-note-align-btn.is-active:hover{
  background:#dce9f5 !important;
  border-color:#6f90ad !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-format-btn,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-align-btn,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-rotation-btn{
  background:var(--lc-dark-input) !important;
  border-color:var(--lc-dark-border-strong) !important;
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-color-group,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-rotation-degree{
  color:var(--lc-dark-text-soft) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-format-btn.is-active,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-align-btn.is-active{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}


/* =========================================================
   CAD Lite v1.3.106 — contained Note formatting + rotation
   ========================================================= */


/* =========================================================
   CAD Lite v1.3.107 — polished Note Inspector tools
   ========================================================= */

#lc-inspector .lc-annotation-textarea{resize:none !important;}

#lc-inspector .lc-note-tools{
  display:grid;
  gap:8px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

#lc-inspector .lc-note-typography-row{
  display:grid;
  grid-template-columns:minmax(68px,1.2fr) 54px 38px 44px;
  align-items:end;
  gap:5px;
  width:100%;
  min-width:0;
}

#lc-inspector .lc-note-tool-group{
  display:grid;
  gap:3px;
  min-width:0;
}

#lc-inspector .lc-note-tool-label{
  overflow:hidden;
  color:#6b7280;
  font-size:9px;
  font-weight:650;
  letter-spacing:.035em;
  line-height:1.15;
  text-transform:uppercase;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#lc-inspector .lc-note-tool-controls{min-width:0;}

#lc-inspector .lc-note-size-wrap{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  height:28px;
  overflow:hidden;
  border:1px solid #d1d5db;
  border-radius:5px;
  background:#f7f8f9;
  box-sizing:border-box;
}

#lc-inspector .lc-note-size-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#5f6872;
  border-right:1px solid #d1d5db;
  background:#eef1f4;
}

#lc-inspector .lc-note-tool-icon{
  display:block;
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}

#lc-inspector .lc-note-size-input{
  width:100% !important;
  min-width:0 !important;
  height:26px !important;
  padding:2px 4px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  text-align:center;
  box-sizing:border-box;
}

#lc-inspector .lc-note-style-group .lc-note-tool-controls{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px;
}

#lc-inspector .lc-note-format-btn,
#lc-inspector .lc-note-align-btn,
#lc-inspector .lc-note-rotation-btn{
  box-sizing:border-box;
  height:28px !important;
  min-height:28px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#34383d !important;
}

#lc-inspector .lc-note-style-group .lc-note-format-btn{
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
}

#lc-inspector .lc-note-color-input{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  padding:2px !important;
  border-radius:5px !important;
}

#lc-inspector .lc-note-halo-btn{
  width:100% !important;
  min-width:0 !important;
  padding:0 3px !important;
  font-size:9px !important;
}

#lc-inspector .lc-note-format-btn.is-active,
#lc-inspector .lc-note-align-btn.is-active{
  background:#e8f1fa !important;
  border-color:#7f9eb9 !important;
  color:#174e7a !important;
}

#lc-inspector .lc-note-alignment-section,
#lc-inspector .lc-note-rotation-section{padding-top:1px;}

#lc-inspector .lc-note-align-group{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  width:100%;
  min-width:0;
}

#lc-inspector .lc-note-align-btn{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
}

#lc-inspector .lc-note-align-btn .lc-note-tool-icon{
  width:17px;
  height:17px;
}

#lc-inspector .lc-note-rotation-control{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 44px 34px;
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
}

#lc-inspector .lc-note-rotation-input-wrap{
  position:relative;
  min-width:0;
}

#lc-inspector .lc-note-rotation-input{
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  padding:3px 18px 3px 6px !important;
  text-align:right;
  box-sizing:border-box;
}

#lc-inspector .lc-note-rotation-degree{
  position:absolute;
  top:50%;
  right:7px;
  transform:translateY(-50%);
  color:#6b7280;
  font-size:11px;
  pointer-events:none;
}

#lc-inspector .lc-note-rotation-btn{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
}

#lc-inspector .lc-note-rotation-reset{font-size:10px !important;}

#lc-inspector .lc-note-rotation-icon-btn .lc-note-tool-icon{
  width:16px;
  height:16px;
}

#lc-inspector .lc-note-format-btn:hover,
#lc-inspector .lc-note-align-btn:hover,
#lc-inspector .lc-note-rotation-btn:hover{
  background:#f3f4f6 !important;
  border-color:#9da4ad !important;
}

#lc-inspector .lc-note-format-btn.is-active:hover,
#lc-inspector .lc-note-align-btn.is-active:hover{
  background:#dce9f5 !important;
  border-color:#6f90ad !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-tool-label,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-rotation-degree{
  color:var(--lc-dark-text-soft) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-size-wrap{
  border-color:var(--lc-dark-border-strong);
  background:var(--lc-dark-panel-3);
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-size-icon{
  color:var(--lc-dark-text-soft);
  border-color:var(--lc-dark-border-strong);
  background:var(--lc-dark-panel-3);
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-size-input,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-format-btn,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-align-btn,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-rotation-btn{
  background:var(--lc-dark-input) !important;
  border-color:var(--lc-dark-border-strong) !important;
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-note-format-btn.is-active,
.lite-cad.lc-theme-dark #lc-inspector .lc-note-align-btn.is-active{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}


/* =========================================================
   CAD Lite v1.3.108 — unified annotation + slab inspectors
   ========================================================= */

#lc-inspector .lc-annotation-inspector .lc-inspector-field-label{
  display:block;
  margin:0 0 3px !important;
  color:#6b7280;
  font-size:9px !important;
  font-weight:650 !important;
  letter-spacing:.035em;
  line-height:1.15;
  text-transform:uppercase;
}

#lc-inspector .lc-inspector-field{
  display:grid;
  gap:3px;
  min-width:0;
}

#lc-inspector .lc-inspector-group-title{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:16px;
  margin:4px 0 0;
  color:#5f6872;
  font-size:9px;
  font-weight:700;
  letter-spacing:.055em;
  line-height:1;
  text-transform:uppercase;
}

#lc-inspector .lc-inspector-group-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  color:#66717c;
}

#lc-inspector .lc-inspector-glyph{
  display:block;
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}

#lc-inspector .lc-annotation-inspector .lc-input,
#lc-inspector .lc-annotation-inspector select,
#lc-inspector .lc-annotation-inspector input[type="text"],
#lc-inspector .lc-annotation-inspector input[type="number"],
#lc-inspector .lc-annotation-inspector input[type="color"]{
  box-sizing:border-box;
  min-height:28px !important;
  border-radius:5px !important;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease;
}

#lc-inspector .lc-annotation-inspector textarea.lc-input{
  border-radius:5px !important;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;
}

#lc-inspector .lc-annotation-inspector .lc-input:hover,
#lc-inspector .lc-annotation-inspector select:hover,
#lc-inspector .lc-annotation-inspector textarea:hover{
  border-color:#9aa6b2 !important;
}

#lc-inspector .lc-inspector-property-grid{
  align-items:end;
  gap:5px !important;
}

#lc-inspector .lc-line-appearance-grid{
  grid-template-columns:minmax(0,1fr) 64px 46px !important;
}

#lc-inspector .lc-line-color-input{
  width:100% !important;
  min-width:0 !important;
  padding:2px !important;
}

#lc-inspector .lc-line-endpoint-stack{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:5px !important;
  padding-top:0 !important;
}

#lc-inspector .lc-line-endpoint-stack .lc-label{
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:end !important;
  gap:3px !important;
}

#lc-inspector .lc-line-endpoint-stack .lc-label > span{
  margin:0 0 3px !important;
}

#lc-inspector .lc-annotation-summary{
  gap:5px !important;
}

#lc-inspector .lc-annotation-summary > div{
  box-sizing:border-box;
  min-height:46px;
  padding:6px 7px !important;
  border:1px solid #e0e4e8;
  border-radius:5px !important;
  background:#f7f8f9;
  transition:background .12s ease,border-color .12s ease;
}

#lc-inspector .lc-annotation-summary > div:hover{
  background:#f1f4f6;
  border-color:#cbd2d9;
}

#lc-inspector .lc-annotation-summary span{
  margin-bottom:3px !important;
  font-size:9px !important;
  font-weight:650 !important;
}

#lc-inspector .lc-annotation-summary strong{
  font-size:11px !important;
  font-weight:650 !important;
}

#lc-inspector .lc-inspector-unit-input{
  position:relative;
  min-width:0;
}

#lc-inspector .lc-inspector-unit-input > .lc-input{
  width:100% !important;
  padding-right:28px !important;
}

#lc-inspector .lc-inspector-unit-input > span{
  position:absolute;
  top:50%;
  right:8px;
  transform:translateY(-50%);
  color:#7b848e;
  font-size:9px;
  pointer-events:none;
}

#lc-inspector .lc-overlay-opacity-field{
  gap:4px !important;
}

#lc-inspector .lc-overlay-opacity-head strong{
  font-size:10px !important;
  font-weight:650 !important;
}

#lc-inspector .lc-overlay-toggle-stack{
  padding-top:1px !important;
}

#lc-inspector .lc-overlay-visible-btn{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100% !important;
  min-height:28px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#4b5563 !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

#lc-inspector .lc-overlay-visible-btn:hover{
  background:#f3f4f6 !important;
  border-color:#9da4ad !important;
  color:#24282d !important;
}

#lc-inspector .lc-overlay-visible-btn.is-active{
  background:#e8f1fa !important;
  border-color:#7f9eb9 !important;
  color:#174e7a !important;
}

#lc-inspector .lc-overlay-visible-btn .lc-inspector-glyph{
  width:15px;
  height:15px;
}

#lc-inspector .lc-annotation-delete,
#lc-inspector .lc-note-leader-action{
  min-height:30px !important;
  border-radius:5px !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-annotation-inspector .lc-inspector-field-label,
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-group-title,
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-group-icon{
  color:var(--lc-dark-muted) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-annotation-summary > div{
  background:var(--lc-dark-panel-3) !important;
  border-color:var(--lc-dark-border) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-annotation-summary > div:hover{
  background:var(--lc-dark-hover) !important;
  border-color:#69737e !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-unit-input > span{
  color:var(--lc-dark-muted) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-overlay-visible-btn{
  background:var(--lc-dark-input) !important;
  border-color:var(--lc-dark-border-strong) !important;
  color:var(--lc-dark-text-soft) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-overlay-visible-btn:hover{
  background:var(--lc-dark-hover) !important;
  border-color:#69737e !important;
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-overlay-visible-btn.is-active{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}


/* =========================================================
   CAD Lite v1.3.109 — Inspector refinement
   ========================================================= */

#lc-inspector .lc-note-typography-row{
  grid-template-columns:minmax(0,1fr) 66px !important;
  gap:6px !important;
}

#lc-inspector .lc-note-color-halo-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(72px,.72fr);
  align-items:end;
  gap:6px;
  width:100%;
  min-width:0;
}

#lc-inspector .lc-note-color-halo-row .lc-note-tool-group{
  min-width:0;
}

#lc-inspector .lc-note-color-halo-row .lc-note-color-input,
#lc-inspector .lc-note-color-halo-row .lc-note-halo-btn{
  width:100% !important;
  min-width:0 !important;
}

#lc-inspector .lc-annotation-summary + .lc-inspector-property-grid,
#lc-inspector .lc-annotation-summary + .lc-inspector-field,
#lc-inspector .lc-inspector-property-grid + .lc-inspector-property-grid,
#lc-inspector .lc-inspector-property-grid + .lc-overlay-opacity-field{
  margin-top:5px;
}

#lc-inspector .lc-overlay-opacity-field{
  margin-top:5px;
}

#lc-inspector .lc-overlay-toggle-stack{
  margin-top:3px;
}


/* =========================================================
   CAD Lite v1.3.110 — Note Inspector grid alignment
   ========================================================= */

/* Shared spacing token for the Note tool rows. */
#lc-inspector .lc-note-tools{
  gap:8px !important;
}

/* 4-column base grid:
   Font Size = 2 cols, Bold = 1, Italic = 1. */
#lc-inspector .lc-note-typography-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  align-items:end !important;
  width:100% !important;
  min-width:0 !important;
}

#lc-inspector .lc-note-typography-row .lc-note-size-group{
  grid-column:span 2;
}

#lc-inspector .lc-note-typography-row .lc-note-style-group{
  grid-column:span 2;
}

#lc-inspector .lc-note-style-group .lc-note-tool-controls{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
  width:100%;
  min-width:0;
}

/* Color = 2 columns, Halo = 2 columns on the same 4-column base. */
#lc-inspector .lc-note-color-halo-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  align-items:end !important;
  width:100% !important;
  min-width:0 !important;
}

#lc-inspector .lc-note-color-halo-row .lc-note-color-group{
  grid-column:span 2;
}

#lc-inspector .lc-note-color-halo-row .lc-note-halo-group{
  grid-column:span 2;
}

/* Keep all row controls on the same physical height and box geometry. */
#lc-inspector .lc-note-size-wrap,
#lc-inspector .lc-note-style-group .lc-note-format-btn,
#lc-inspector .lc-note-color-input,
#lc-inspector .lc-note-halo-btn,
#lc-inspector .lc-note-align-btn,
#lc-inspector .lc-note-rotation-btn,
#lc-inspector .lc-note-rotation-input{
  height:30px !important;
  min-height:30px !important;
  box-sizing:border-box !important;
}

#lc-inspector .lc-note-size-input{
  height:28px !important;
  min-height:28px !important;
}

/* Alignment always divides the full row into exact thirds. */
#lc-inspector .lc-note-align-group{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
}

/* Rotation always divides the full row into exact quarters. */
#lc-inspector .lc-note-rotation-control{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  align-items:stretch !important;
}

#lc-inspector .lc-note-rotation-input-wrap{
  width:100%;
  min-width:0;
}

#lc-inspector .lc-note-rotation-input{
  width:100% !important;
  min-width:0 !important;
}

/* Labels align directly to the left edge of the columns below them. */
#lc-inspector .lc-note-tool-label{
  margin:0 !important;
  padding:0 !important;
}

#lc-inspector .lc-note-size-group,
#lc-inspector .lc-note-style-group,
#lc-inspector .lc-note-color-group,
#lc-inspector .lc-note-halo-group,
#lc-inspector .lc-note-alignment-section,
#lc-inspector .lc-note-rotation-section{
  min-width:0 !important;
}


/* =========================================================
   CAD Lite v1.3.111 — per-piece label color
   ========================================================= */

#lc-inspector .lc-piece-label-color-row{
  display:grid !important;
  gap:3px !important;
  margin:0 !important;
}

#lc-inspector .lc-piece-label-color-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) 58px;
  gap:6px;
  width:100%;
  min-width:0;
}

#lc-inspector .lc-piece-label-color-input{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  height:27px !important;
  padding:2px !important;
  border-radius:5px !important;
}

#lc-inspector .lc-piece-label-color-auto{
  width:100% !important;
  min-width:0 !important;
  height:27px !important;
  padding:0 7px !important;
  border:1px solid #c7ccd3 !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#34383d !important;
  font-size:10px !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}

#lc-inspector .lc-piece-label-color-auto:hover{
  background:#f3f4f6 !important;
  border-color:#9da4ad !important;
}

#lc-inspector .lc-piece-label-color-auto.is-active{
  background:#e8f1fa !important;
  border-color:#7f9eb9 !important;
  color:#174e7a !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-piece-label-color-auto{
  background:var(--lc-dark-input) !important;
  border-color:var(--lc-dark-border-strong) !important;
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-piece-label-color-auto:hover{
  background:var(--lc-dark-hover) !important;
  border-color:#69737e !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-piece-label-color-auto.is-active{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}