/* 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;
}


/* ===== CAD Lite v1.4 — Floor Plan Underlay ===== */
.lc-plan-card .lc-plan-body{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}
.lc-plan-card .lc-plan-body[hidden]{display:none!important}
.lc-plan-empty{display:flex;flex-direction:column;gap:8px;padding:4px 0}
.lc-plan-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.lc-plan-summary-text{min-width:0}
.lc-plan-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-plan-status{margin-top:2px;font-size:11px;font-weight:700}
.lc-plan-status.is-calibrated{color:#15803d}
.lc-plan-status.is-uncalibrated{color:#b45309}
.lc-plan-top-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.lc-plan-section{border-top:1px solid var(--lc-border,#e5e7eb);padding-top:9px;display:flex;flex-direction:column;gap:7px}
.lc-plan-section-title{font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.lc-plan-control-row{display:grid;grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:7px;font-size:12px}
.lc-plan-control-row input[type="range"]{width:100%;min-width:0}
.lc-plan-value{text-align:right;font-variant-numeric:tabular-nums}
.lc-plan-check-row{display:flex;align-items:center;gap:7px;font-size:12px}
.lc-plan-check-row input{margin:0}
.lc-plan-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.lc-plan-button-grid .lc-btn{width:100%;justify-content:center}
.lc-plan-file-actions{flex-direction:row;justify-content:space-between}
.lc-plan-lock-note{line-height:1.35}
.lc-plan-muted{color:#6b7280}
.lc-plan-calibration-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #93c5fd;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700}
#lc-svg.lc-plan-calibrating{cursor:crosshair!important}

.lc-plan-modal-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.46);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.lc-plan-dialog{width:min(760px,96vw);max-height:min(860px,94vh);display:flex;flex-direction:column;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}
.lc-plan-import-dialog{width:min(1080px,97vw)}
.lc-plan-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e5e7eb}
.lc-plan-dialog-head h2{margin:0;font-size:17px;line-height:1.2}
.lc-plan-dialog-head .lc-iconbtn{font-size:22px;line-height:1}
.lc-plan-dialog-body{padding:14px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:0}
.lc-plan-dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb}
.lc-plan-help{margin:0;font-size:12px;line-height:1.45;color:#4b5563}
.lc-plan-error{min-height:18px;color:#b91c1c;font-size:12px;font-weight:700}
.lc-plan-distance-input{max-width:260px}
.lc-plan-page-row{display:flex;align-items:end;justify-content:space-between;gap:12px}
.lc-plan-page-row .lc-label{min-width:180px}
.lc-plan-pdf-preview{position:relative;min-height:260px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;overflow:auto;padding:10px}
.lc-plan-pdf-preview canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.12)}
.lc-plan-preview-busy{position:absolute;inset:auto 12px 12px auto;padding:5px 8px;background:rgba(17,24,39,.84);color:#fff;border-radius:5px;font-size:11px}
.lc-plan-preview-busy[hidden]{display:none!important}
.lc-plan-editor-tools{display:flex;gap:6px;flex-wrap:wrap}
.lc-plan-editor-preview{display:flex;align-items:center;justify-content:center;min-height:360px;background:#e5e7eb;border:1px solid #cbd5e1;border-radius:8px;overflow:auto;padding:8px}
.lc-plan-editor-canvas{display:block;width:min(100%,980px);height:auto;max-height:62vh;background:#f3f4f6;touch-action:none}
.lc-plan-editor-meta{font-size:11px;color:#6b7280;font-variant-numeric:tabular-nums}

.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog,
.lite-cad.lc-theme-dark .lc-plan-dialog{background:#111827;color:#f9fafb;border-color:#374151}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog-head,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog-foot,
.lite-cad.lc-theme-dark .lc-plan-dialog-head,
.lite-cad.lc-theme-dark .lc-plan-dialog-foot{border-color:#374151}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-help,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-muted{color:#9ca3af}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-pdf-preview,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-editor-preview{background:#1f2937;border-color:#4b5563}

@media (max-width:720px){
  .lc-plan-modal-overlay{padding:8px}
  .lc-plan-dialog{max-height:96vh}
  .lc-plan-dialog-body{padding:10px}
  .lc-plan-editor-preview{min-height:260px}
  .lc-plan-button-grid{grid-template-columns:1fr}
}


/* CAD Lite v1.4.3 — floor-plan refinement + view controls */
#lc-plan-card > .lc-card-head{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
#lc-plan-card > .lc-card-head > .lc-head-title-row{
  box-sizing:border-box;
  width:100%;
  min-height:26px !important;
  padding:0 5px !important;
}
#lc-plan-card .lc-head-inline-actions{
  margin-left:auto;
}
.lc-plan-number-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 72px 22px;
  gap:5px;
  align-items:center;
  font-size:12px;
}
.lc-plan-number-row .lc-input{
  min-width:0;
  height:28px;
  padding:3px 6px;
}
.lc-plan-nudge-wrap{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.lc-plan-nudge-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
  max-width:180px;
}
.lc-plan-nudge-grid .lc-btn{
  min-width:0 !important;
  width:100%;
  height:27px;
  padding:0 5px;
}
.lc-plan-nudge-blank{display:block}
.lc-view-range-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px 38px;
  align-items:center;
  gap:6px;
  padding:6px 7px;
  font-size:13px;
}
.lc-view-range-row input[type="range"]{
  width:100%;
  min-width:0;
}
.lc-view-range-value{
  text-align:right;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}


/* CAD Lite v1.4.4 — zoomable plan preparation + import calibration */
.lc-plan-preview-controls{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}
.lc-plan-preview-controls .lc-btn{
  min-width:0 !important;
}
.lc-plan-zoom-read{
  margin-left:auto;
  min-width:72px;
  text-align:right;
}
.lc-plan-scroll-preview{
  overflow:auto !important;
  overscroll-behavior:contain;
  border:1px solid #d1d5db;
  border-radius:7px;
  background:#f3f4f6;
}
.lc-plan-editor-preview{
  max-height:min(58vh,660px);
}
.lc-plan-pdf-preview{
  max-height:min(62vh,700px);
}
.lc-plan-editor-canvas,
.lc-plan-pdf-canvas{
  display:block;
  max-width:none !important;
  width:auto !important;
  height:auto !important;
}
.lc-plan-calibration-controls{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr);
  gap:7px 12px;
  align-items:center;
  padding:8px;
  border:1px solid #e5e7eb;
  border-radius:7px;
  background:#fafafa;
}
.lc-plan-calibration-controls.is-active{
  border-color:#86efac;
  background:#f0fdf4;
}
.lc-plan-calibration-distance{
  display:grid;
  grid-template-columns:auto minmax(100px,1fr);
  gap:8px;
  align-items:center;
  font-size:12px;
}
.lc-plan-crop-preview-wrap{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding-top:2px;
}
.lc-plan-crop-preview{
  display:block;
  width:min(420px,100%);
  height:auto;
  border:1px solid #d1d5db;
  border-radius:6px;
  background:#f3f4f6;
}
@media (max-width:760px){
  .lc-plan-calibration-controls{grid-template-columns:1fr}
}


/* CAD Lite v1.4.5 — direct piece sizing + symbolic edge labels */
.lc-piece-resize-handle{
  fill:#fff;
  stroke:#2563eb;
  stroke-width:1.5;
}
.lc-piece-resize-handle:hover{
  fill:#dbeafe;
  stroke:#1d4ed8;
}
.lc-piece-resize-label{
  fill:#1d4ed8;
  font-size:11px;
  font-weight:700;
  paint-order:stroke;
  stroke:#fff;
  stroke-width:4px;
  stroke-linejoin:round;
}
.lc-edge-profile-legend text{
  font-family:inherit;
}


/* CAD Lite v1.4.7 — spatial creation, snapping, plan control polish */
.lc-piece-resize-handle{
  fill:rgba(255,255,255,.88);
  stroke:#2563eb;
  stroke-width:1.25;
  opacity:.72;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.10));
  transition:opacity .08s ease,fill .08s ease,stroke-width .08s ease;
}
.lc-piece-resize-handle:hover{
  fill:#eef5ff;
  stroke:#2563eb;
  stroke-width:1.6;
  opacity:1;
}
.lc-plan-flip-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.lc-plan-flip-btn svg{width:16px;height:14px;flex:0 0 auto}
.lc-plan-nudge-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:150px;
  margin-inline:auto;
}
.lc-plan-nudge-grid .lc-btn{height:28px}


/* CAD Lite v1.4.8 — seam visibility + edge drafting modes */
.lc-edge-label-mode-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:4px 7px 6px;
  font-size:13px;
}
.lc-edge-label-mode-choices{
  display:flex;
  align-items:center;
  gap:3px;
}
.lc-edge-label-mode-btn{
  width:28px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid var(--border,#d1d5db);
  border-radius:5px;
  background:transparent;
  color:inherit;
  cursor:pointer;
  opacity:.72;
}
.lc-edge-label-mode-btn svg{width:16px;height:13px}
.lc-edge-label-mode-btn:hover{opacity:1;background:rgba(37,99,235,.06)}
.lc-edge-label-mode-btn.is-selected{
  opacity:1;
  border-color:#7aa7e8;
  background:#eaf2ff;
  color:#174ea6;
}
.lite-cad.lc-theme-dark .lc-edge-label-mode-btn.is-selected{
  background:#24384a;
  border-color:#527a9c;
  color:#9ed0f7;
}
.lc-seams-eye{
  width:24px !important;
  height:24px !important;
  padding:2px !important;
}


/* CAD Lite v1.4.9 — persistent visual Piece inspector */
.lc-piece-visual-card{
  margin:0 0 6px;
  padding:6px 7px 7px;
  border:1px solid var(--border,#d1d5db);
  border-radius:6px;
  background:rgba(148,163,184,.055);
}
.lc-piece-visual-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:18px;
  margin-bottom:2px;
}
.lc-piece-visual-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:750;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.lc-piece-visual-hint{
  flex:0 0 auto;
  font-size:9px;
  opacity:.55;
}
.lc-piece-visual-svg{
  display:block;
  width:100%;
  height:118px;
  border-radius:4px;
  background:rgba(255,255,255,.5);
}
.lc-piece-visual-shape.is-editable,
.lc-piece-visual-label-edit{
  cursor:pointer;
}
.lc-piece-visual-shape.is-editable:hover{
  stroke:#2563eb;
  stroke-width:1.8;
}
.lc-piece-visual-label-edit{
  paint-order:stroke;
  stroke:rgba(255,255,255,.88);
  stroke-width:2.5px;
}
.lc-piece-visual-hidden-color{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.lc-piece-label-color-row-subtle{
  margin-top:4px;
  padding-top:4px;
  border-top:1px solid rgba(148,163,184,.18);
  opacity:.82;
}
.lc-piece-label-color-row-subtle:hover,
.lc-piece-label-color-row-subtle:focus-within{
  opacity:1;
}
.lc-piece-label-color-row-subtle > span:first-child{
  font-size:10px;
  letter-spacing:.02em;
}
.lc-piece-label-color-stack{
  transform:scale(.9);
  transform-origin:right center;
}
.lite-cad.lc-theme-dark .lc-piece-visual-card{
  background:rgba(255,255,255,.025);
}
.lite-cad.lc-theme-dark .lc-piece-visual-svg{
  background:rgba(0,0,0,.12);
}


/* CAD Lite v1.4.10 — layout opacity, edge labels, mirror + group resize */
.lc-edge-label-mode-row{
  padding:5px 7px !important;
  gap:10px !important;
}
.lc-edge-label-mode-left{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  flex:1 1 auto;
  cursor:pointer;
}
.lc-edge-label-mode-choices{
  display:grid !important;
  grid-template-columns:repeat(2,42px);
  gap:4px !important;
  flex:0 0 auto;
}
.lc-edge-label-mode-btn{
  width:42px !important;
  height:26px !important;
}
.lc-edge-label-mode-btn svg{
  width:22px !important;
  height:17px !important;
  overflow:visible;
}
.lc-edge-legend-hud{
  position:absolute;
  top:76px;
  right:12px;
  z-index:14;
  min-width:126px;
  padding:7px 8px;
  border:1px solid #cbd5e1;
  border-radius:6px;
  background:rgba(255,255,255,.94);
  color:#111827;
  box-shadow:0 4px 14px rgba(0,0,0,.10);
  pointer-events:none;
  font-size:10px;
}
.lc-edge-legend-hud-title{
  font-weight:800;
  font-size:9px;
  letter-spacing:.045em;
  margin-bottom:4px;
}
.lc-edge-legend-hud-row{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:4px;
  align-items:center;
  line-height:1.45;
}
.lc-edge-legend-hud-row strong{
  font-size:11px;
}
.lite-cad.lc-theme-dark .lc-edge-legend-hud{
  background:rgba(32,35,39,.95);
  color:var(--lc-dark-text);
  border-color:var(--lc-dark-border-strong);
  box-shadow:var(--lc-dark-shadow);
}
.lc-piece-mirror-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin-top:4px;
}
.lc-piece-mirror-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.lc-piece-mirror-btn svg{
  width:15px;
  height:13px;
}
.lc-inspector-edge-mode{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
  padding:4px 0 6px;
  border-bottom:1px solid rgba(148,163,184,.22);
  font-size:11px;
}


/* CAD Lite v1.4.11 — rebuilt Prepare Floor Plan workspace */
.lc-plan-import-dialog{
  width:min(1240px,98vw) !important;
  height:min(900px,96vh);
  max-height:96vh !important;
}
.lc-plan-import-dialog .lc-plan-dialog-body{
  flex:1 1 auto;
  overflow:hidden !important;
  display:grid !important;
  grid-template-rows:auto minmax(250px,1fr) auto;
  gap:10px !important;
}
.lc-plan-editor-top-grid{
  display:grid;
  grid-template-columns:minmax(430px,1.15fr) minmax(320px,.85fr);
  gap:12px;
  min-height:0;
}
.lc-plan-editor-control-panel{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  align-content:start;
}
.lc-plan-tool-group{
  min-width:0;
  padding:6px;
  border:1px solid #e5e7eb;
  border-radius:7px;
  background:#fafafa;
}
.lc-plan-tool-group-title{
  margin-bottom:5px;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
  color:#6b7280;
}
.lc-plan-tool-group-row{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.lc-plan-tool-btn{
  min-width:0 !important;
  flex:1 1 68px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:5px 6px !important;
}
.lc-plan-tool-btn svg{
  width:15px;
  height:14px;
  flex:0 0 auto;
}
.lc-plan-brush-control{
  grid-column:span 2;
  display:grid;
  grid-template-columns:auto minmax(90px,1fr) 44px;
  gap:6px;
  align-items:center;
  padding:5px 7px;
  font-size:11px;
}
.lc-plan-brush-control input{width:100%;min-width:0}
.lc-plan-editor-control-panel > .lc-plan-zoom-read{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  font-size:10px;
}
.lc-plan-editor-control-panel > .lc-plan-editor-help{
  grid-column:1/-1;
  min-height:32px;
  padding:6px 7px;
  border-radius:6px;
  background:#f3f4f6;
}
.lc-plan-import-dialog .lc-plan-crop-preview-wrap{
  min-height:0;
  padding:6px;
  border:1px solid #e5e7eb;
  border-radius:7px;
  background:#fafafa;
}
.lc-plan-import-dialog .lc-plan-crop-preview{
  width:100% !important;
  max-height:230px;
  object-fit:contain;
}
.lc-plan-import-dialog .lc-plan-editor-preview{
  min-height:250px !important;
  max-height:none !important;
  height:100%;
  align-items:flex-start;
  justify-content:flex-start;
}
.lc-plan-import-dialog .lc-plan-editor-canvas{
  max-height:none !important;
}
.lc-plan-import-dialog .lc-plan-editor-meta{
  min-height:16px;
}

/* Modal dark mode is outside .lite-cad, so style its controls explicitly. */
.lc-plan-modal-overlay.lc-theme-dark{
  color-scheme:dark;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog{
  background:#202327 !important;
  color:#eceff1 !important;
  border-color:#505861 !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog-head,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog-foot{
  background:#262a2f !important;
  color:#eceff1 !important;
  border-color:#3b4148 !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog-head h2,
.lc-plan-modal-overlay.lc-theme-dark .lc-label,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-section-title,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-tool-group-title{
  color:#eceff1 !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-dialog-body,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-tool-group,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-crop-preview-wrap{
  background:#202327 !important;
  color:#eceff1 !important;
  border-color:#3b4148 !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-editor-help{
  background:#262a2f !important;
  color:#b6bec8 !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-btn.ghost,
.lc-plan-modal-overlay.lc-theme-dark .lc-btn.alt{
  background:#202327 !important;
  color:#eceff1 !important;
  border-color:#505861 !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-btn.alt{
  background:#24384a !important;
  border-color:#527a9c !important;
  color:#9ed0f7 !important;
}
.lc-plan-modal-overlay.lc-theme-dark input,
.lc-plan-modal-overlay.lc-theme-dark select{
  background:#181b1f !important;
  color:#eceff1 !important;
  border-color:#505861 !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-muted,
.lc-plan-modal-overlay.lc-theme-dark .lc-small,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-editor-meta{
  color:#9aa3ad !important;
}
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-pdf-preview,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-editor-preview{
  background:#17191c !important;
  border-color:#505861 !important;
}

@media (max-width:900px){
  .lc-plan-import-dialog{height:96vh}
  .lc-plan-editor-top-grid{grid-template-columns:1fr}
  .lc-plan-editor-control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lc-plan-import-dialog .lc-plan-crop-preview{max-height:160px}
}


/* CAD Lite v1.4.12 — visual-only Inspector preview + consistent visibility UI */
#lc-inspector .lc-piece-visual-card{
  position:relative;
  box-sizing:border-box;
  width:100%;
  margin:0 0 7px !important;
  overflow:hidden;
}
#lc-inspector .lc-piece-visual-svg{
  box-sizing:border-box;
  pointer-events:none !important;
  overflow:hidden;
}
#lc-inspector .lc-piece-visual-head{
  overflow:hidden;
}
#lc-inspector .lc-piece-visual-card + .lc-subcard{
  margin-top:0 !important;
  clear:both;
}
#lc-inspector .lc-inspector-eye{
  box-sizing:border-box !important;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:3px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#4b5563 !important;
}
#lc-inspector .lc-inspector-eye:hover{
  background:#e9ecef !important;
  color:#202124 !important;
}
#lc-inspector .lc-inspector-eye svg{
  display:block;
  width:13px !important;
  height:13px !important;
  margin:auto;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-eye{
  background:transparent !important;
  color:var(--lc-dark-muted) !important;
  border:0 !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-eye:hover{
  background:var(--lc-dark-hover) !important;
  color:var(--lc-dark-text) !important;
}
.lc-piece-visual-shape,
.lc-piece-visual-svg text,
.lc-piece-visual-svg circle,
.lc-piece-visual-svg rect,
.lc-piece-visual-svg path,
.lc-piece-visual-svg line,
.lc-piece-visual-svg ellipse{
  pointer-events:none !important;
}


/* CAD Lite v1.4.13 — PLAN navigator visibility eye */
#lc-plan-card .lc-plan-head-eye:disabled{
  cursor:default !important;
  pointer-events:none !important;
}


/* CAD Lite v1.4.14 — QC refinement pass */

/* PLAN card follows the same typography hierarchy as the rest of the rails. */
#lc-plan-card .lc-plan-body{
  padding-top:5px !important;
}
#lc-plan-card .lc-plan-summary{
  margin-top:2px;
}
#lc-plan-card .lc-plan-file-name{
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:#2f3337 !important;
}
#lc-plan-card .lc-plan-section-title{
  font-size:9.5px !important;
  font-weight:600 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase;
  color:#5f6368 !important;
}
.lite-cad.lc-theme-dark #lc-plan-card .lc-plan-file-name{
  color:var(--lc-dark-text-soft) !important;
}
.lite-cad.lc-theme-dark #lc-plan-card .lc-plan-section-title{
  color:var(--lc-dark-muted) !important;
}

/* Edge Labels is one coherent checkbox + two-option row. */
#lc-view-menu .lc-edge-label-mode-row,
.lc-view-submenu .lc-edge-label-mode-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 38px 38px !important;
  align-items:center !important;
  gap:4px !important;
  padding:5px 7px !important;
}
#lc-view-menu .lc-edge-label-mode-left,
.lc-view-submenu .lc-edge-label-mode-left{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0;
  white-space:nowrap;
  margin:0 !important;
}
#lc-view-menu .lc-edge-label-mode-choices,
.lc-view-submenu .lc-edge-label-mode-choices{
  display:contents !important;
}
#lc-view-menu .lc-edge-label-mode-btn,
.lc-view-submenu .lc-edge-label-mode-btn{
  width:38px !important;
  min-width:38px !important;
  height:25px !important;
  padding:0 !important;
}

/* Inspector eye actions use the same unboxed eye treatment as navigator headers. */
#lc-inspector .lc-sinks-dims-eye,
#lc-inspector .lc-seams-eye{
  width:23px !important;
  min-width:23px !important;
  height:23px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#lc-inspector .lc-sinks-dims-eye:hover,
#lc-inspector .lc-seams-eye:hover{
  background:rgba(127,127,127,.10) !important;
}
#lc-inspector .lc-sinks-dims-eye svg,
#lc-inspector .lc-seams-eye svg{
  width:14px !important;
  height:14px !important;
}

/* Remove the tiny seam between the floating piece preview and Piece Info. */
#lc-inspector .lc-piece-visual-card{
  margin-bottom:0 !important;
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
}
#lc-inspector .lc-piece-visual-card + .lc-subcard{
  border-top-color:transparent !important;
}

/* Left navigator headers now use the same fill language as Inspector sections. */
.lite-cad:not(.lc-theme-dark) .lc-left-rail .lc-card-head,
.lite-cad:not(.lc-theme-dark) .lc-left-rail .lc-head-title-row{
  background:#fafafa !important;
  color:#2f3337 !important;
}
.lite-cad.lc-theme-dark .lc-left-rail .lc-card-head,
.lite-cad.lc-theme-dark .lc-left-rail .lc-head-title-row{
  background:var(--lc-dark-panel-2) !important;
  color:var(--lc-dark-text) !important;
}

/* Edge mode selector fits naturally before Paint Edges in Inspector. */
#lc-inspector .lc-inspector-edge-mode{
  margin:5px 0 4px !important;
  padding:4px 0 !important;
}


/* =========================================================
   CAD Lite v1.4.17 — compact Prepare Floor Plan toolbar
   ========================================================= */

/* Read as one toolbar, not a dashboard of boxed cards. */
.lc-plan-editor-control-panel{
  display:flex !important;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:0 !important;
  padding:5px 6px;
  border:1px solid #d9dde2;
  border-radius:6px;
  background:#fff;
}

.lc-plan-tool-group{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.lc-plan-tool-group:first-child{
  padding-left:2px !important;
}

.lc-plan-tool-group:not(:last-of-type)::after{
  content:"";
  position:absolute;
  right:0;
  top:2px;
  bottom:2px;
  width:1px;
  background:#e5e7eb;
}

.lc-plan-tool-group-title{
  margin:0 0 3px !important;
  font-size:8px !important;
  font-weight:750 !important;
  line-height:1;
  letter-spacing:.04em;
  color:#6b7280;
}

.lc-plan-tool-group-row{
  display:flex;
  flex-wrap:nowrap !important;
  gap:3px !important;
}

.lc-plan-tool-btn{
  flex:0 0 auto !important;
  min-width:30px !important;
  height:27px !important;
  padding:3px 5px !important;
  border-radius:4px !important;
  font-size:9px !important;
  gap:3px !important;
}

.lc-plan-tool-btn svg{
  width:14px !important;
  height:13px !important;
}

.lc-plan-tool-btn:disabled{
  opacity:.42;
  cursor:default;
}

.lc-plan-brush-control{
  flex:1 1 230px;
  align-self:flex-end;
  grid-column:auto !important;
  margin:10px 6px 0 8px;
  padding:3px 0 3px 8px !important;
  border-left:1px solid #e5e7eb;
  font-size:9px !important;
}

.lc-plan-editor-control-panel > .lc-plan-zoom-read{
  flex:0 0 auto;
  align-self:flex-end;
  min-height:27px;
  margin:10px 4px 0 2px;
  padding:0 3px;
  justify-content:center !important;
  font-size:9px !important;
}

.lc-plan-editor-control-panel > .lc-plan-editor-help{
  flex:1 0 100%;
  min-height:0 !important;
  margin-top:5px;
  padding:5px 6px !important;
  font-size:9px;
  line-height:1.25;
}

.lc-plan-modal-overlay.lc-theme-dark .lc-plan-editor-control-panel{
  background:#202327 !important;
  border-color:#505861 !important;
}

.lc-plan-modal-overlay.lc-theme-dark .lc-plan-tool-group:not(:last-of-type)::after,
.lc-plan-modal-overlay.lc-theme-dark .lc-plan-brush-control{
  border-color:#3b4148 !important;
}

@media (max-width:900px){
  .lc-plan-editor-control-panel{
    display:flex !important;
  }
  .lc-plan-tool-group{
    padding:0 6px 5px !important;
  }
  .lc-plan-brush-control{
    flex-basis:100%;
    margin-left:2px;
  }
}


/* =========================================================
   CAD Lite v1.4.18 — Floor Plan picker + toolbar cleanup
   ========================================================= */

/* The legacy Squarespace compatibility rule forces file inputs visible.
   This picker is programmatic only and must never appear in the app shell. */
.lite-cad #lc-plan-file-input,
.lite-cad input.lc-plan-file-input{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  position:absolute !important;
  pointer-events:none !important;
}

/* Give Prepare Floor Plan the same visual idea as the main canvas toolbar:
   one compact action strip, then a quiet utility strip underneath. */
.lc-plan-editor-control-panel{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:5px !important;
  padding:5px 6px !important;
}

.lc-plan-editor-actionbar{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:0;
  min-width:0;
}

.lc-plan-editor-actionbar .lc-plan-tool-group{
  flex:0 0 auto;
  padding:0 6px !important;
}

.lc-plan-editor-actionbar .lc-plan-tool-group:first-child{
  padding-left:0 !important;
}

.lc-plan-editor-actionbar .lc-plan-tool-group:last-child{
  padding-right:0 !important;
}

/* Icons carry the action; group labels provide context, just like the
   compact controls in the main top toolbar. Tooltips retain the full name. */
.lc-plan-editor-actionbar .lc-plan-tool-btn{
  width:27px !important;
  min-width:27px !important;
  height:25px !important;
  padding:0 !important;
  border-radius:4px !important;
}

.lc-plan-editor-actionbar .lc-plan-tool-btn span{
  display:none !important;
}

.lc-plan-editor-actionbar .lc-plan-tool-btn svg{
  width:14px !important;
  height:14px !important;
}

.lc-plan-editor-actionbar .lc-plan-tool-group-title{
  margin:0 0 3px !important;
  font-size:7.5px !important;
  line-height:9px !important;
  white-space:nowrap;
}

.lc-plan-editor-actionbar .lc-plan-tool-group-row{
  gap:2px !important;
}

/* Keep separators inside their own group so wrapped rows never collide. */
.lc-plan-editor-actionbar .lc-plan-tool-group:not(:last-child)::after{
  right:0;
  top:0;
  bottom:0;
}

/* Brush + zoom status are isolated from the action buttons so they can never
   overlap them when the dialog gets narrower. */
.lc-plan-editor-utilitybar{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  align-items:center;
  gap:8px;
  min-width:0;
  padding-top:4px;
  border-top:1px solid #e5e7eb;
}

.lc-plan-editor-utilitybar .lc-plan-brush-control{
  width:auto !important;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  grid-column:auto !important;
  align-self:center !important;
}

.lc-plan-editor-utilitybar .lc-plan-zoom-read{
  margin:0 !important;
  padding:0 2px !important;
  min-height:0 !important;
  align-self:center !important;
  white-space:nowrap;
}

.lc-plan-editor-control-panel > .lc-plan-editor-help{
  margin-top:0 !important;
}

.lc-plan-modal-overlay.lc-theme-dark .lc-plan-editor-utilitybar{
  border-top-color:#3b4148 !important;
}

@media (max-width:720px){
  .lc-plan-editor-actionbar{
    row-gap:6px;
  }
  .lc-plan-editor-utilitybar{
    grid-template-columns:1fr;
    gap:4px;
  }
  .lc-plan-editor-utilitybar .lc-plan-zoom-read{
    justify-self:end;
  }
}


/* =========================================================
   CAD Lite v1.4.19 — edge UI + resize/calibration QC
   ========================================================= */

/* Edge Labels checkbox should read as a full-size control, not a tiny native tick. */
#lc-view-menu .lc-edge-label-mode-left input[type="checkbox"],
.lc-view-submenu .lc-edge-label-mode-left input[type="checkbox"]{
  width:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  max-height:16px !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 16px !important;
  accent-color:#2563eb;
}

/* JS positions the HUD from the actual canvas-wrap top. Keep this safe fallback
   inside the canvas card rather than the old hard-coded 76px toolbar offset. */
.lc-edge-legend-hud{
  top:8px;
}


/* =========================================================
   CAD Lite v1.4.21 — Navigator + Piece/Edges cleanup
   ========================================================= */

/* LEFT RAIL — give the whole rail the same clear identity as INSPECTOR. */
.lc-left-rail > .lc-left-rail-head{
  box-sizing:border-box;
  flex:0 0 auto;
  min-height:27px;
  padding:7px 9px;
  margin:0;
  display:flex;
  align-items:center;
  border-bottom:1px solid #dfe2e6;
  background:#fff;
}

.lc-left-rail > .lc-left-rail-head h3{
  margin:0;
  padding:0;
  font-size:11px;
  font-weight:650;
  line-height:1;
  color:#202124;
}

.lite-cad.lc-theme-dark .lc-left-rail > .lc-left-rail-head{
  background:var(--lc-dark-panel) !important;
  border-bottom-color:var(--lc-dark-border) !important;
}

.lite-cad.lc-theme-dark .lc-left-rail > .lc-left-rail-head h3{
  color:var(--lc-dark-text) !important;
}

/* Piece Info — Splash actions share a deliberate action area. */
#lc-inspector .lc-piece-splash-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:4px;
  margin-top:6px;
}

#lc-inspector .lc-piece-splash-actions:has(.lc-unlink-splashes-action){
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
}

#lc-inspector .lc-piece-splash-actions .lc-add-splash-action{
  margin-top:0 !important;
}

#lc-inspector .lc-unlink-splashes-action{
  box-sizing:border-box;
  width:100% !important;
  min-width:0 !important;
  min-height:27px !important;
  margin:0 !important;
  padding:4px 5px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  font-size:8.8px !important;
}

#lc-inspector .lc-unlink-splashes-action svg{
  width:13px;
  height:12px;
  flex:0 0 auto;
}

/* EDGES & CORNERS — preserve the spatial editor, then present its supporting
   actions in workflow order without divider/text collisions. */
#lc-inspector .lc-edge-designer{
  gap:6px !important;
}

#lc-inspector .lc-edge-tool-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  min-width:0;
}

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

#lc-inspector .lc-edge-radius-actions .lc-edge-manual-radius-action{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}

/* Label controls are display preferences, so keep them after the editing tools
   and remove the old horizontal rule that visually cut through the flow. */
#lc-inspector .lc-inspector-edge-mode.lc-edge-display-row{
  box-sizing:border-box;
  min-height:28px;
  margin:0 !important;
  padding:3px 4px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  border:0 !important;
  border-radius:4px;
  background:#f7f8fa;
}

#lc-inspector .lc-edge-display-row > span:first-child{
  font-size:9px;
  font-weight:650;
  color:#5f6368;
}

#lc-inspector .lc-edge-display-row .lc-edge-label-mode-choices{
  display:grid !important;
  grid-template-columns:repeat(2,34px) !important;
  gap:3px !important;
}

#lc-inspector .lc-edge-display-row .lc-edge-label-mode-btn{
  width:34px !important;
  min-width:34px !important;
  height:23px !important;
  padding:0 !important;
}

#lc-inspector .lc-edge-painter-control-row{
  margin:0 !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-edge-mode.lc-edge-display-row{
  background:var(--lc-dark-panel-3) !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-edge-display-row > span:first-child{
  color:var(--lc-dark-text-soft) !important;
}

@media (max-width:1080px){
  #lc-inspector .lc-piece-splash-actions:has(.lc-unlink-splashes-action){
    grid-template-columns:1fr;
  }
}


/* =========================================================
   CAD Lite v1.4.22 — exact Navigator/Inspector header parity
   + balanced Splash actions
   ========================================================= */

/* PIECE INFO splash actions: equal height, with Add Splash never smaller.
   At this narrow rail width equal columns are the cleanest way to preserve
   the full "Unlink All Splashes" label without making Add feel secondary. */
#lc-inspector .lc-piece-splash-actions:has(.lc-unlink-splashes-action){
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:4px !important;
}

#lc-inspector .lc-piece-splash-actions .lc-add-splash-action,
#lc-inspector .lc-piece-splash-actions .lc-unlink-splashes-action{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  margin:0 !important;
  padding:3px 4px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1.05 !important;
}

#lc-inspector .lc-piece-splash-actions .lc-add-splash-action{
  font-size:9px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

#lc-inspector .lc-piece-splash-actions .lc-unlink-splashes-action{
  font-size:8px !important;
  font-weight:600 !important;
  white-space:normal !important;
}

#lc-inspector .lc-piece-splash-actions .lc-unlink-splashes-action svg{
  width:12px !important;
  height:11px !important;
  flex:0 0 12px !important;
}

/* NAVIGATOR section headers use the Inspector section header itself as the
   source of truth: same box, fill, typography, divider rhythm and hover. */
.lc-left-rail .lc-left-section{
  border-top:1px solid #e2e4e7 !important;
}

.lc-left-rail .lc-left-section > .lc-card-head,
.lc-left-rail .lc-left-section > .lc-card-head.lc-single-row-head{
  display:block !important;
  box-sizing:border-box !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.lc-left-rail .lc-left-section > .lc-card-head > .lc-head-title-row,
.lc-left-rail .lc-left-section > .lc-card-head.lc-single-row-head > .lc-head-title-row{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:25px !important;
  margin:0 !important;
  padding:5px 6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !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 !important;
}

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

.lc-left-rail .lc-left-section .lc-head-title-row h3{
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
  color:inherit !important;
}

/* Match Inspector disclosure arrow sizing/weight instead of the older,
   lighter navigator-specific arrow treatment. */
.lc-left-rail .lc-left-section .lc-head-arrow{
  flex:0 0 auto !important;
  margin-left:auto !important;
  font-size:10px !important;
  line-height:1 !important;
  opacity:.7 !important;
}

/* Inline utility icons still fit inside the same 25px Inspector-style row. */
.lc-left-rail .lc-left-section .lc-head-inline-actions{
  min-height:0 !important;
  align-items:center !important;
}

.lc-left-rail .lc-left-section .lc-head-eye,
.lc-left-rail .lc-left-section .lc-piece-fill-toggle{
  height:19px !important;
  min-height:19px !important;
}

/* Dark-mode parity with Inspector section labels. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section{
  border-top-color:var(--lc-dark-border) !important;
}

.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head > .lc-head-title-row,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head.lc-single-row-head > .lc-head-title-row{
  background:var(--lc-dark-panel-2) !important;
  color:var(--lc-dark-text) !important;
}

.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head > .lc-head-title-row:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head.lc-single-row-head > .lc-head-title-row:hover{
  background:var(--lc-dark-hover) !important;
}

/* Keep the PROJECT row from visually merging into the outer NAVIGATOR title. */
.lc-left-rail > .lc-left-rail-head + .lc-left-section{
  border-top:0 !important;
}

@media (max-width:1080px){
  #lc-inspector .lc-piece-splash-actions:has(.lc-unlink-splashes-action){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* =========================================================
   CAD Lite v1.4.23 — one shared rail-header state system
   ========================================================= */

/*
  Navigator and Inspector now use the exact same accordion palette.
  These final rules intentionally outrank the older independent rail rules.
*/
.lite-cad:not(.lc-theme-dark) #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle,
.lite-cad:not(.lc-theme-dark) .lc-left-rail .lc-left-section .lc-head-title-row{
  background:#e9edf1 !important;
  color:#2f3337 !important;
  transition:background-color .12s ease,border-color .12s ease !important;
}

/* Expanded/open section treatment. Both systems expose aria-expanded. */
.lite-cad:not(.lc-theme-dark) #lc-inspector .lc-inspector-collapsible.is-open > .lc-inspector-section-toggle,
.lite-cad:not(.lc-theme-dark) .lc-left-rail .lc-left-section .lc-head-title-row[aria-expanded="true"]{
  background:#f8f9fa !important;
}

/* One hover treatment for every clickable rail section header. */
.lite-cad:not(.lc-theme-dark) #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle:hover,
.lite-cad:not(.lc-theme-dark) .lc-left-rail .lc-left-section .lc-head-title-row:hover{
  background:#dde3e8 !important;
}

/* Keep the SINKS custom header from behaving differently from makeSection(). */
.lite-cad:not(.lc-theme-dark) #lc-inspector .lc-sinks-section > .lc-inspector-section-toggle,
.lite-cad:not(.lc-theme-dark) #lc-inspector .lc-sinks-section > .lc-inspector-section-toggle:hover{
  transition:background-color .12s ease,border-color .12s ease !important;
}
.lite-cad:not(.lc-theme-dark) #lc-inspector .lc-sinks-section > .lc-inspector-section-toggle:hover{
  background:#dde3e8 !important;
}

/* Dark mode mirrors the same open/collapsed/hover hierarchy on both rails. */
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section .lc-head-title-row{
  background:#30353b !important;
  color:var(--lc-dark-text) !important;
  transition:background-color .12s ease,border-color .12s ease !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible.is-open > .lc-inspector-section-toggle,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section .lc-head-title-row[aria-expanded="true"]{
  background:#262a2f !important;
}

.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section .lc-head-title-row:hover{
  background:var(--lc-dark-hover) !important;
}


/* =========================================================
   CAD Lite v1.4.24 — definitive dark rail header parity
   ========================================================= */

/*
  Dark-mode section headers use one palette across both rails.
  Apply the base fill to both the wrapper and visible header row so older
  Navigator wrapper rules cannot bleed a different background through.
*/
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section .lc-head-title-row,
.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; /* #262a2f */
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
  transition:background-color .12s ease,border-color .12s ease !important;
}

/* Open sections share the same slightly lifted state on both sides. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section .lc-head-title-row[aria-expanded="true"],
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible.is-open > .lc-inspector-section-toggle{
  background:var(--lc-dark-panel-3) !important; /* #2d3238 */
}

/* Hover must be visibly different from both base and open states. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section .lc-head-title-row:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-section > .lc-inspector-section-toggle:hover{
  background:#353b42 !important;
}

/* Keep custom SINKS and ordinary makeSection headers identical at rest too. */
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-section > .lc-inspector-section-toggle{
  background:var(--lc-dark-panel-2) !important;
}
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-section.is-open > .lc-inspector-section-toggle{
  background:var(--lc-dark-panel-3) !important;
}


/* =========================================================
   CAD Lite v1.4.25 — exact dark rail header unification
   ========================================================= */

/*
  Use the exact high-specificity selectors that previously disagreed.
  Every section header in NAVIGATOR and INSPECTOR rests on the same fill.
*/
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head > .lc-head-title-row,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head.lc-single-row-head > .lc-head-title-row,
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle,
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-section > .lc-inspector-section-toggle{
  background:#30353b !important;
  color:var(--lc-dark-text) !important;
  border-color:var(--lc-dark-border) !important;
  transition:background-color .12s ease,border-color .12s ease !important;
}

/* Keep open sections visually coherent instead of changing to another rail color. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head > .lc-head-title-row[aria-expanded="true"],
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head.lc-single-row-head > .lc-head-title-row[aria-expanded="true"],
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible.is-open > .lc-inspector-section-toggle,
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-section.is-open > .lc-inspector-section-toggle{
  background:#30353b !important;
}

/* One unmistakable hover state everywhere. */
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head > .lc-head-title-row:hover,
.lite-cad.lc-theme-dark .lc-left-rail .lc-left-section > .lc-card-head.lc-single-row-head > .lc-head-title-row:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-inspector-collapsible > .lc-inspector-section-toggle:hover,
.lite-cad.lc-theme-dark #lc-inspector .lc-sinks-section > .lc-inspector-section-toggle:hover{
  background:#3a4148 !important;
}


/* =========================================================
   CAD Lite v1.4.26 — VIEW > CANVAS > PLAN controls
   ========================================================= */

/* PLAN is a true subsection of Canvas, matching the group language used in
   VIEW > Pieces for Labels / Splashes / Details. */
.lc-view-submenu .lc-view-plan-opacity-row{
  box-sizing:border-box;
  width:100%;
  min-width:0;
}

.lc-view-submenu .lc-view-plan-opacity-row input[type="range"]:disabled{
  opacity:.42;
  cursor:default;
}

.lc-view-submenu .lc-menu-toggle-row input:disabled + span,
.lc-view-submenu .lc-view-plan-opacity-row:has(input:disabled){
  opacity:.48;
}