.lk-qr{
  --qr-app-ink:#071915;
  --qr-app-muted:#526172;
  --qr-app-border:#dce8e3;
  --qr-app-panel:#ffffff;
  --qr-app-soft:#f4faf7;
  --qr-app-green:#0b5a46;
  --qr-app-green-dark:#062e27;
  --qr-app-mint:#38b879;
  --qr-app-lime:#b9f46d;
  --qr-app-shadow:0 18px 44px rgba(15,31,28,.08);
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--qr-app-ink);
}
.text-bubble.lk-qr,
.text-bubble.lk-qr.is-editing-qr{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
.lk-shell.is-authenticated .main-inner:has(> .lk-qr),
.lk-shell.is-authenticated .main-inner:has(> .lk-qr.is-editing-qr){
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
  padding-inline:0;
}
@media(max-width:920px){
  .lk-shell.is-authenticated .main-inner:has(> .lk-qr),
  .lk-shell.is-authenticated .main-inner:has(> .lk-qr.is-editing-qr){
    padding-inline:clamp(12px,3vw,18px);
  }
}
.lk-qr .hero{
  display:grid;
  gap:18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.lk-qr .spark{
  display:none;
}
.lk-qr .titleRow{
  align-items:flex-end;
  gap:18px;
}
.lk-qr h2{
  color:var(--qr-app-ink);
  font-size:clamp(2rem,4vw,3.1rem);
  line-height:1.02;
  letter-spacing:0;
}
.lk-qr .sub{
  color:var(--qr-app-muted);
  font-size:1rem;
}
.lk-qr .sub p{
  margin:4px 0 0;
}
.lk-qr .lk-qr-pageActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.lk-qr .lk-qr-statbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:
    radial-gradient(circle at 94% 24%,rgba(185,244,109,.20),transparent 30%),
    linear-gradient(120deg,#062e2a 0%,#06382d 42%,#137338 100%);
  box-shadow:0 20px 46px rgba(6,46,42,.20);
}
.lk-qr .lk-qr-stat{
  min-width:0;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:0 20px;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.28);
}
.lk-qr .lk-qr-stat:first-child{
  padding-left:0;
}
.lk-qr .lk-qr-stat:nth-last-child(2){
  border-right:0;
  padding-right:0;
}
.lk-qr .lk-qr-statIcon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.lk-qr .lk-qr-statIcon svg{
  width:24px;
  height:24px;
}
.lk-qr .lk-qr-stat span:last-child{
  display:grid;
  gap:3px;
}
.lk-qr .lk-qr-stat small{
  color:rgba(255,255,255,.78);
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
}
.lk-qr .lk-qr-stat strong{
  color:#fff;
  font-size:clamp(1.7rem,2.6vw,2.25rem);
  line-height:1;
}
.lk-qr .lk-qr-stat em{
  color:rgba(255,255,255,.78);
  font-style:normal;
  font-size:.86rem;
}
.lk-qr .lk-qr-legacyPills{
  display:none;
}
.lk-qr .grid{
  grid-template-columns:1fr;
  gap:18px;
  margin-top:22px;
}
.lk-qr .panel,
.lk-qr .card,
.lk-qr .empty{
  border:1px solid var(--qr-app-border);
  border-radius:8px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--qr-app-shadow);
}
.lk-qr .panelHead{
  min-height:58px;
  padding:16px 18px;
  background:#fff;
}
.lk-qr .panelHead strong{
  color:var(--qr-app-ink);
  font-size:1.06rem;
}
.lk-qr .panelBody{
  padding:18px;
}
.lk-qr .lk-create-studio form{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.38fr);
  gap:18px;
  align-items:start;
}
.lk-qr .lk-qr-createFields{
  display:grid;
  gap:12px;
}
.lk-qr .field{
  margin-bottom:0;
}
.lk-qr label,
.lk-qr .field > label,
.lk-qr .titleEdit label,
.lk-qr .edit label{
  color:#263b34;
  font-weight:850;
}
.lk-qr input[type=text],
.lk-qr input[type=url],
.lk-qr input[type=number],
.lk-qr input[type=datetime-local],
.lk-qr input[type=file],
.lk-qr select,
.lk-qr textarea{
  min-height:42px;
  border:1px solid #cbdad3;
  border-radius:8px;
  background:#fff;
  color:var(--qr-app-ink);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.lk-qr input:focus,
.lk-qr select:focus,
.lk-qr textarea:focus{
  border-color:#38a77b;
  box-shadow:0 0 0 4px rgba(56,184,121,.14);
}
.lk-qr details.adv{
  padding:0;
  border:1px solid var(--qr-app-border);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.lk-qr details.adv summary{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  color:var(--qr-app-ink);
  font-size:.95rem;
  font-weight:900;
  list-style:none;
}
.lk-qr details.adv summary::-webkit-details-marker{
  display:none;
}
.lk-qr details.adv summary::after{
  content:"";
  width:9px;
  height:9px;
  border-right:2px solid var(--qr-app-green);
  border-bottom:2px solid var(--qr-app-green);
  transform:rotate(45deg);
  transition:transform .16s ease;
}
.lk-qr details.adv[open] summary{
  border-bottom:1px solid var(--qr-app-border);
}
.lk-qr details.adv[open] summary::after{
  transform:rotate(225deg);
}
.lk-qr details.adv > *:not(summary){
  margin:14px 16px 16px;
}
.lk-qr details.adv.srSpotlight{
  border-color:#cde5da;
  background:linear-gradient(180deg,#f8fdf9,#fff);
  box-shadow:none;
}
.lk-qr .lk-qr-previewPanel{
  position:sticky;
  top:18px;
  align-self:start;
  border:1px solid var(--qr-app-border);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--qr-app-shadow);
}
.lk-qr .lk-qr-previewTop{
  padding:16px 16px 0;
}
.lk-qr .lk-qr-previewFrame{
  border-radius:8px;
  background:
    repeating-linear-gradient(45deg,rgba(56,184,121,.06) 0 10px,rgba(56,184,121,.02) 10px 20px),
    #f1fbf5;
}
.lk-qr .lk-library .panelBody{
  display:grid;
  gap:14px;
}
.lk-qr .tabs,
.lk-qr .toolbar,
.lk-qr .filters{
  gap:8px;
}
.lk-qr .tabBtn,
.lk-qr .miniBtn,
.lk-qr .btn2{
  min-height:38px;
  border-radius:8px;
  border:1px solid var(--qr-app-border);
  background:#fff;
  color:#11251d;
  font-weight:850;
}
.lk-qr .btn2.primary,
.lk-qr .tabBtn.active,
.lk-qr .miniBtn.active{
  border-color:#0b5a46;
  background:linear-gradient(180deg,#0e614d,#094937);
  color:#fff;
  box-shadow:0 10px 22px rgba(9,73,55,.16);
}
.lk-qr .cards{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:14px;
}
.lk-qr .card{
  border-radius:8px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.lk-qr .card:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(15,31,28,.10);
}
@media (max-width:1120px){
  .lk-qr .lk-qr-statbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 0;
  }
  .lk-qr .lk-qr-stat:nth-child(2){
    border-right:0;
    padding-right:0;
  }
  .lk-qr .lk-qr-stat:nth-child(3){
    padding-left:0;
  }
}
@media (max-width:1320px){
  .lk-shell.is-authenticated .lk-qr .lk-qr-statbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lk-shell.is-authenticated .lk-qr .lk-qr-stat:nth-child(2){
    border-right:0;
    padding-right:0;
  }
  .lk-shell.is-authenticated .lk-qr .lk-qr-stat:nth-child(3){
    padding-left:0;
  }
  .lk-shell.is-authenticated .lk-qr .lk-create-studio form{
    grid-template-columns:1fr;
  }
  .lk-shell.is-authenticated .lk-qr .lk-qr-previewPanel{
    position:static;
    width:min(100%,560px);
    max-height:none;
    justify-self:center;
  }
}
@media (max-width:900px){
  .lk-qr .lk-create-studio form{
    grid-template-columns:1fr;
  }
  .lk-qr .lk-qr-previewPanel{
    position:static;
  }
}
@media (max-width:680px){
  .lk-qr .titleRow{
    align-items:stretch;
  }
  .lk-qr .lk-qr-pageActions{
    justify-content:flex-start;
  }
  .lk-qr .lk-qr-pageActions .btn2{
    width:100%;
  }
  .lk-qr .lk-qr-statbar{
    grid-template-columns:1fr;
    padding:16px;
  }
  .lk-qr .lk-qr-stat,
  .lk-qr .lk-qr-stat:first-child,
  .lk-qr .lk-qr-stat:nth-child(3),
  .lk-qr .lk-qr-stat:nth-last-child(2){
    padding:0;
    border-right:0;
  }
  .lk-qr .panelBody{
    padding:14px;
  }
}


