/* ==========================================================================
   Larder — design tokens + components (dark only)
   Plain CSS. Works with server-rendered templates + HTMX. No JS required.
   ========================================================================== */
:root{
  color-scheme: dark;

  /* Ground ---------------------------------------------------------------- */
  --lr-bg:            #0F0C0A;   /* near-black, warm */
  --lr-bg-raised:     #16120F;
  --lr-glow-amber:    rgba(242,150,48,.15);
  --lr-glow-ember:    rgba(214,110,40,.09);
  --lr-glow-rose:     rgba(150,52,78,.13);

  /* Glass (white over ground). Nested = more opacity, never more blur ------ */
  --lr-glass-1:       rgba(255,255,255,.05);   /* page panels */
  --lr-glass-2:       rgba(255,255,255,.075);  /* nested / inputs */
  --lr-glass-3:       rgba(255,255,255,.11);   /* nested x2 / hover */
  --lr-glass-chrome:  rgba(28,23,19,.62);      /* tab bar, sidebar, sheets */
  --lr-scrim:         rgba(8,6,5,.62);
  --lr-blur:          18px;
  --lr-blur-chrome:   20px;
  --lr-saturate:      140%;

  /* Solid fallbacks (prefers-reduced-transparency) ------------------------ */
  --lr-solid-1:       #1B1714;
  --lr-solid-2:       #231E1A;
  --lr-solid-3:       #2C2621;
  --lr-solid-chrome:  #191512;

  /* Lines ----------------------------------------------------------------- */
  --lr-line:          rgba(255,255,255,.08);
  --lr-line-strong:   rgba(255,255,255,.15);
  --lr-line-top:      rgba(255,255,255,.12);   /* top-edge highlight */

  /* Text (all AA on glass-1..3 over ground) ------------------------------- */
  --lr-text:          #F6F0E9;   /* 16.9:1 */
  --lr-text-2:        #CFC5BA;   /* 11.0:1 */
  --lr-text-3:        #A69B8F;   /*  6.8:1 */
  --lr-text-disabled: #6F665E;   /* decorative / disabled only */

  /* Accent: amber --------------------------------------------------------- */
  --lr-amber:         #F2A33A;
  --lr-amber-hover:   #F8B453;
  --lr-amber-press:   #E0922B;
  --lr-on-amber:      #1F1306;   /* 9.6:1 on amber */
  --lr-amber-text:    #FFC37A;   /* amber as text on dark, 11:1 */
  --lr-amber-soft:    rgba(242,163,58,.14);
  --lr-amber-line:    rgba(242,163,58,.40);

  /* Status ---------------------------------------------------------------- */
  --lr-have:          #A3CCA0;   /* muted green */
  --lr-have-soft:     rgba(163,204,160,.12);
  --lr-have-line:     rgba(163,204,160,.30);
  --lr-missing:       #CDBBA2;   /* soft amber-gray */
  --lr-missing-soft:  rgba(205,187,162,.10);
  --lr-missing-line:  rgba(205,187,162,.28);
  --lr-danger:        #F4948A;   /* destructive text */
  --lr-danger-solid:  #B8382E;   /* destructive fill, white text 5.6:1 */
  --lr-danger-soft:   rgba(244,148,138,.12);
  --lr-danger-line:   rgba(244,148,138,.36);
  --lr-info:          #A9C1DE;

  --lr-focus:         0 0 0 2px var(--lr-bg), 0 0 0 4px var(--lr-amber);

  /* Radii ----------------------------------------------------------------- */
  --lr-r-xs: 6px;  --lr-r-sm: 10px; --lr-r-md: 14px;
  --lr-r-lg: 20px; --lr-r-xl: 28px; --lr-r-pill: 999px;

  /* Spacing (4pt) --------------------------------------------------------- */
  --lr-s-1: 4px;  --lr-s-2: 8px;  --lr-s-3: 12px; --lr-s-4: 16px;
  --lr-s-5: 20px; --lr-s-6: 24px; --lr-s-7: 32px; --lr-s-8: 40px;
  --lr-s-9: 48px; --lr-s-10: 64px;

  /* Type ------------------------------------------------------------------ */
  --lr-font-ui:      "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --lr-font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;
  --lr-t-xs: 12px; --lr-t-sm: 14px; --lr-t-base: 16px; --lr-t-md: 18px;
  --lr-t-lg: 22px; --lr-t-xl: 28px; --lr-t-2xl: 36px; --lr-t-3xl: 48px;
  --lr-lh-tight: 1.15; --lr-lh-ui: 1.4; --lr-lh-read: 1.65;
  --lr-w-regular: 400; --lr-w-medium: 500; --lr-w-semibold: 600; --lr-w-bold: 700;

  /* Elevation ------------------------------------------------------------- */
  --lr-shadow-1: 0 1px 2px rgba(0,0,0,.30), 0 8px 24px rgba(0,0,0,.26);
  --lr-shadow-2: 0 2px 6px rgba(0,0,0,.35), 0 24px 56px rgba(0,0,0,.48);
  --lr-shadow-amber: 0 6px 22px rgba(242,140,40,.34);

  /* Motion ---------------------------------------------------------------- */
  --lr-ease: cubic-bezier(.2,.7,.2,1);
  --lr-dur-1: 120ms; --lr-dur-2: 200ms; --lr-dur-3: 320ms;

  /* Layout ---------------------------------------------------------------- */
  --lr-tabbar-h: 72px; --lr-sidebar-w: 248px; --lr-content-max: 960px;
}

/* Base ------------------------------------------------------------------- */
.lr-app, .lr-screen{
  font-family: var(--lr-font-ui); color: var(--lr-text);
  font-size: var(--lr-t-base); line-height: var(--lr-lh-ui);
  -webkit-font-smoothing: antialiased;
  background-color: var(--lr-bg);
  background-image:
    radial-gradient(520px 420px at 12% -4%, var(--lr-glow-amber), transparent 70%),
    radial-gradient(460px 380px at 104% 38%, var(--lr-glow-rose), transparent 70%),
    radial-gradient(520px 420px at 30% 112%, var(--lr-glow-ember), transparent 70%);
  background-attachment: fixed;   /* glows stay put while content scrolls */
  background-repeat: no-repeat;
}
.lr-screen{ position: relative; overflow: hidden; height: 100%; box-sizing: border-box; background-attachment: scroll; }
.lr-app *, .lr-screen *{ box-sizing: border-box; }
.lr-app :focus-visible, .lr-screen :focus-visible{ outline: none; box-shadow: var(--lr-focus); }
.lr-display{ font-family: var(--lr-font-display); font-variation-settings: "SOFT" 80, "opsz" 72; font-weight: 560; letter-spacing: -.01em; line-height: var(--lr-lh-tight); }
.lr-h1{ font-size: var(--lr-t-xl); font-weight: 650; letter-spacing: -.02em; line-height: var(--lr-lh-tight); margin: 0; }
.lr-h2{ font-size: var(--lr-t-md); font-weight: 600; letter-spacing: -.01em; margin: 0; }
.lr-eyebrow{ font-size: var(--lr-t-xs); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--lr-text-3); }
.lr-muted{ color: var(--lr-text-2); }
.lr-subtle{ color: var(--lr-text-3); font-size: var(--lr-t-sm); }
.lr-ico{ width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.lr-ico-sm{ width: 16px; height: 16px; }
.lr-ico-lg{ width: 28px; height: 28px; stroke-width: 1.5; }

/* Surfaces --------------------------------------------------------------- */
.lr-glass{
  background: var(--lr-glass-1);
  -webkit-backdrop-filter: blur(var(--lr-blur)) saturate(var(--lr-saturate));
  backdrop-filter: blur(var(--lr-blur)) saturate(var(--lr-saturate));
  border: 1px solid var(--lr-line); border-top-color: var(--lr-line-top);
  border-radius: var(--lr-r-lg); box-shadow: var(--lr-shadow-1);
}
.lr-glass-2{ background: var(--lr-glass-2); border: 1px solid var(--lr-line); border-radius: var(--lr-r-md); }   /* nested: no extra blur */
.lr-glass-3{ background: var(--lr-glass-3); border: 1px solid var(--lr-line-strong); border-radius: var(--lr-r-sm); }
.lr-chrome{
  background: var(--lr-glass-chrome);
  -webkit-backdrop-filter: blur(var(--lr-blur-chrome)) saturate(var(--lr-saturate));
  backdrop-filter: blur(var(--lr-blur-chrome)) saturate(var(--lr-saturate));
  border: 1px solid var(--lr-line);
}
.lr-divider{ height: 1px; background: var(--lr-line); border: 0; margin: 0; }

/* Buttons ---------------------------------------------------------------- */
.lr-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 18px; border-radius: var(--lr-r-pill);
  font: 600 15px/1 var(--lr-font-ui); letter-spacing: -.005em; text-decoration: none; white-space: nowrap;
  border: 1px solid transparent; cursor: pointer; color: var(--lr-text);
  transition: background var(--lr-dur-1) var(--lr-ease), border-color var(--lr-dur-1) var(--lr-ease), transform var(--lr-dur-1) var(--lr-ease);
}
.lr-btn:active{ transform: scale(.98); }
.lr-btn-primary{ background: var(--lr-amber); color: var(--lr-on-amber); box-shadow: var(--lr-shadow-amber); }
.lr-btn-primary:hover{ background: var(--lr-amber-hover); }
.lr-btn-secondary{ background: var(--lr-glass-2); border-color: var(--lr-line-strong); }
.lr-btn-secondary:hover{ background: var(--lr-glass-3); }
.lr-btn-ghost{ background: transparent; color: var(--lr-text-2); }
.lr-btn-ghost:hover{ background: var(--lr-glass-1); color: var(--lr-text); }
.lr-btn-danger{ background: var(--lr-danger-solid); color: #fff; }
.lr-btn-danger-quiet{ background: var(--lr-danger-soft); color: var(--lr-danger); border-color: var(--lr-danger-line); }
.lr-btn-sm{ min-height: 36px; padding: 0 14px; font-size: 14px; }
.lr-btn-block{ width: 100%; }
.lr-btn-icon{ width: 44px; padding: 0; }
.lr-btn[disabled], .lr-btn[aria-disabled="true"]{ background: var(--lr-glass-1); color: var(--lr-text-disabled); border-color: var(--lr-line); box-shadow: none; cursor: not-allowed; }
.lr-btn.is-loading{ color: transparent; position: relative; }

/* Fields ----------------------------------------------------------------- */
.lr-field{ display: flex; flex-direction: column; gap: 6px; }
.lr-label{ font-size: 13px; font-weight: 600; color: var(--lr-text-2); }
.lr-input, .lr-select, .lr-textarea{
  width: 100%; min-height: 48px; padding: 0 14px; border-radius: var(--lr-r-md);
  background: var(--lr-glass-2); border: 1px solid var(--lr-line-strong);
  color: var(--lr-text); font: 400 16px/1.4 var(--lr-font-ui);
}
.lr-input::placeholder, .lr-textarea::placeholder{ color: var(--lr-text-3); }
.lr-input:focus, .lr-select:focus, .lr-textarea:focus{ outline: none; border-color: var(--lr-amber-line); box-shadow: 0 0 0 3px var(--lr-amber-soft); }
.lr-textarea{ padding: 12px 14px; min-height: 120px; resize: vertical; line-height: 1.55; }
.lr-select{ appearance: none; padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CFC5BA' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; }
.lr-hint{ font-size: 13px; color: var(--lr-text-3); }
.lr-error-text{ font-size: 13px; color: var(--lr-danger); }
.lr-input.is-invalid{ border-color: var(--lr-danger-line); }
.lr-input.is-uncertain, .lr-select.is-uncertain{ border-color: var(--lr-amber-line); background: var(--lr-amber-soft); }
.lr-search{ position: relative; }
.lr-search .lr-ico{ position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--lr-text-3); }
.lr-search .lr-input{ padding-left: 42px; border-radius: var(--lr-r-pill); }

/* Stepper + segmented ---------------------------------------------------- */
.lr-stepper{ display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: var(--lr-r-pill); background: var(--lr-glass-2); border: 1px solid var(--lr-line-strong); }
.lr-stepper button{ width: 40px; height: 40px; border-radius: var(--lr-r-pill); border: 0; background: transparent; color: var(--lr-text); display: grid; place-items: center; cursor: pointer; }
.lr-stepper button:hover{ background: var(--lr-glass-3); }
.lr-stepper output{ min-width: 64px; text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.lr-seg{ display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--lr-r-pill); background: var(--lr-glass-2); border: 1px solid var(--lr-line); }
.lr-seg button, .lr-seg a{ min-height: 38px; min-width: 44px; padding: 0 14px; border-radius: var(--lr-r-pill); border: 0; background: transparent; color: var(--lr-text-2); font: 600 14px/1 var(--lr-font-ui); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; }
.lr-seg .is-active, .lr-seg [aria-pressed="true"]{ background: var(--lr-amber); color: var(--lr-on-amber); }

/* Chips, tags, badges ---------------------------------------------------- */
.lr-chip{ display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border-radius: var(--lr-r-pill); background: var(--lr-glass-1); border: 1px solid var(--lr-line-strong); color: var(--lr-text-2); font: 500 14px/1 var(--lr-font-ui); white-space: nowrap; cursor: pointer; }
.lr-chip.is-active, .lr-chip[aria-pressed="true"]{ background: var(--lr-amber-soft); border-color: var(--lr-amber-line); color: var(--lr-amber-text); }
.lr-chip-missing{ display: inline-flex; align-items: center; gap: 5px; min-height: 26px; padding: 0 10px; border-radius: var(--lr-r-pill); background: var(--lr-missing-soft); border: 1px dashed var(--lr-missing-line); color: var(--lr-missing); font: 500 13px/1 var(--lr-font-ui); }
.lr-tag{ display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: var(--lr-r-xs); background: var(--lr-glass-2); color: var(--lr-text-2); font: 500 12px/1 var(--lr-font-ui); letter-spacing: .01em; }
.lr-badge{ display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 0 9px; border-radius: var(--lr-r-pill); font: 600 12px/1 var(--lr-font-ui); letter-spacing: .01em; }
.lr-badge-ready{ background: var(--lr-amber); color: var(--lr-on-amber); }
.lr-badge-missing{ background: var(--lr-missing-soft); color: var(--lr-missing); border: 1px solid var(--lr-missing-line); }
.lr-badge-have{ background: var(--lr-have-soft); color: var(--lr-have); border: 1px solid var(--lr-have-line); }
.lr-badge-neutral{ background: var(--lr-glass-2); color: var(--lr-text-2); border: 1px solid var(--lr-line); }
.lr-badge-owner{ background: var(--lr-amber-soft); color: var(--lr-amber-text); border: 1px solid var(--lr-amber-line); }

/* Markers next to ingredients -------------------------------------------- */
.lr-mark{ width: 22px; height: 22px; border-radius: var(--lr-r-pill); display: grid; place-items: center; flex: none; }
.lr-mark-have{ background: var(--lr-have-soft); color: var(--lr-have); border: 1px solid var(--lr-have-line); }
.lr-mark-missing{ border: 1.5px dashed var(--lr-missing-line); color: var(--lr-missing); }
.lr-mark-staple{ background: var(--lr-glass-2); color: var(--lr-text-3); border: 1px solid var(--lr-line); }

/* Cards + rows ----------------------------------------------------------- */
.lr-card{ display: flex; flex-direction: column; overflow: hidden; text-decoration: none; color: inherit; }
.lr-card-media{ aspect-ratio: 16/10; background: linear-gradient(160deg, #3A2A1C, #231914 60%, #2A1820); display: grid; place-items: center; color: rgba(255,255,255,.28); }
.lr-card-body{ padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 8px; }
.lr-card-title{ font-family: var(--lr-font-display); font-variation-settings: "SOFT" 80, "opsz" 36; font-weight: 560; font-size: 19px; line-height: 1.2; margin: 0; }
.lr-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: var(--lr-text-3); font-size: 13px; }
.lr-meta span{ display: inline-flex; align-items: center; gap: 5px; }
.lr-row{ display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 16px; color: inherit; text-decoration: none; }
.lr-row + .lr-row{ border-top: 1px solid var(--lr-line); }
.lr-row-main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lr-row-title{ font-weight: 500; }
.lr-row-sub{ font-size: 13px; color: var(--lr-text-3); }
.lr-qty{ font-variant-numeric: tabular-nums; color: var(--lr-text-2); font-size: 14px; }

/* Navigation ------------------------------------------------------------- */
.lr-tabbar{ position: absolute; left: 12px; right: 12px; bottom: 12px; height: var(--lr-tabbar-h); border-radius: 26px; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); align-items: center; padding: 0 6px; box-shadow: var(--lr-shadow-2); }
.lr-tab{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 56px; border-radius: 18px; color: var(--lr-text-3); font: 600 11px/1 var(--lr-font-ui); letter-spacing: .02em; text-decoration: none; }
.lr-tab.is-active, .lr-tab[aria-current="page"]{ color: var(--lr-amber-text); }
.lr-tab.is-active .lr-ico{ stroke-width: 2; }
.lr-fab{ justify-self: center; width: 56px; height: 56px; margin-top: -26px; border-radius: 20px; border: 0; background: var(--lr-amber); color: var(--lr-on-amber); display: grid; place-items: center; box-shadow: var(--lr-shadow-amber), 0 0 0 6px rgba(15,12,10,.9); cursor: pointer; }
.lr-fab .lr-ico{ width: 26px; height: 26px; stroke-width: 2.2; }
.lr-sidebar{ width: var(--lr-sidebar-w); flex: 0 0 var(--lr-sidebar-w); padding: 22px 14px; display: flex; flex-direction: column; gap: 4px; border-width: 0 1px 0 0; border-radius: 0; }
.lr-nav-item{ display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-radius: 12px; color: var(--lr-text-2); text-decoration: none; font-weight: 500; font-size: 15px; }
.lr-nav-item:hover{ background: var(--lr-glass-1); color: var(--lr-text); }
.lr-nav-item.is-active, .lr-nav-item[aria-current="page"]{ background: var(--lr-amber-soft); color: var(--lr-amber-text); }
.lr-brand{ display: flex; align-items: center; gap: 10px; padding: 4px 10px 18px; font-family: var(--lr-font-display); font-variation-settings: "SOFT" 100, "opsz" 48; font-weight: 600; font-size: 22px; }
.lr-topbar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }

/* Overlays --------------------------------------------------------------- */
.lr-scrim{ position: absolute; inset: 0; background: var(--lr-scrim); }
.lr-sheet{ position: absolute; left: 0; right: 0; bottom: 0; border-radius: var(--lr-r-xl) var(--lr-r-xl) 0 0; border-bottom: 0; padding: 10px 20px 28px; display: flex; flex-direction: column; gap: 16px; box-shadow: var(--lr-shadow-2); background: rgba(30,25,21,.82); }
.lr-sheet-handle{ width: 40px; height: 5px; border-radius: 3px; background: var(--lr-line-strong); align-self: center; }
.lr-modal{ width: min(520px, 100% - 32px); border-radius: var(--lr-r-xl); padding: 24px; display: flex; flex-direction: column; gap: 18px; box-shadow: var(--lr-shadow-2); background: rgba(30,25,21,.82); }
.lr-toast{ display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 10px 10px 10px 16px; border-radius: var(--lr-r-md); box-shadow: var(--lr-shadow-2); font-size: 14px; background: rgba(36,30,25,.86); }
.lr-toast-success .lr-toast-ico{ color: var(--lr-have); }
.lr-toast-error{ border-color: var(--lr-danger-line); }
.lr-toast-error .lr-toast-ico{ color: var(--lr-danger); }
.lr-banner{ display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: var(--lr-r-md); font-size: 14px; line-height: 1.45; }
.lr-banner-offline{ background: rgba(169,193,222,.10); border: 1px solid rgba(169,193,222,.28); color: #D6E2F0; }
.lr-banner-error{ background: var(--lr-danger-soft); border: 1px solid var(--lr-danger-line); color: #FAD2CD; }
.lr-note{ display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--lr-r-md); background: var(--lr-glass-1); border: 1px solid var(--lr-line); color: var(--lr-text-2); font-size: 13px; line-height: 1.5; }

/* Reading ---------------------------------------------------------------- */
.lr-ing{ display: flex; align-items: flex-start; gap: 12px; padding: 11px 0; line-height: var(--lr-lh-read); }
.lr-ing + .lr-ing{ border-top: 1px solid var(--lr-line); }
.lr-ing-amt{ min-width: 76px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--lr-text); }
.lr-ing-note{ color: var(--lr-text-3); }
.lr-rounded{ display: block; font-size: 12px; color: var(--lr-text-3); font-style: italic; line-height: 1.4; }
.lr-step{ display: flex; gap: 14px; line-height: var(--lr-lh-read); }
.lr-step-num{ width: 30px; height: 30px; flex: none; border-radius: var(--lr-r-pill); display: grid; place-items: center; background: var(--lr-amber-soft); color: var(--lr-amber-text); font-weight: 700; font-size: 14px; border: 1px solid var(--lr-amber-line); }

/* Loading ---------------------------------------------------------------- */
.lr-skel{ background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.10), rgba(255,255,255,.05)); background-size: 200% 100%; border-radius: var(--lr-r-sm); animation: lr-shimmer 1.6s linear infinite; }
@keyframes lr-shimmer{ to{ background-position: -200% 0; } }
.lr-pulse{ animation: lr-pulse 2.4s var(--lr-ease) infinite; }
@keyframes lr-pulse{ 0%,100%{ opacity: .45; } 50%{ opacity: 1; } }

/* Accessibility fallbacks ------------------------------------------------ */
@media (prefers-reduced-transparency: reduce){
  .lr-glass{ background: var(--lr-solid-1); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .lr-glass-2, .lr-input, .lr-select, .lr-textarea, .lr-stepper, .lr-seg{ background-color: var(--lr-solid-2); }
  .lr-glass-3{ background: var(--lr-solid-3); }
  .lr-chrome, .lr-sheet, .lr-modal, .lr-toast{ background: var(--lr-solid-chrome); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .lr-app, .lr-screen{ background-image: none; }
}
@media (prefers-reduced-motion: reduce){
  .lr-app *, .lr-screen *{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .lr-skel{ animation: none; }
}
/* Mirror toggle for previews / user setting */
.is-solid .lr-glass{ background: var(--lr-solid-1); backdrop-filter: none; -webkit-backdrop-filter: none; }
.is-solid .lr-chrome, .is-solid .lr-sheet, .is-solid .lr-modal{ background: var(--lr-solid-chrome); backdrop-filter: none; }
.is-solid .lr-glass-2{ background: var(--lr-solid-2); }