.lk-qr .lk-create-studio form{
  grid-template-columns:minmax(0,1.55fr) minmax(318px,.68fr);
  gap:18px;
}
.lk-qr .lk-qr-createFields{
  grid-template-columns:minmax(260px,.95fr) minmax(300px,1.05fr);
  gap:14px;
}
.lk-qr .lk-qr-sizeField{
  min-width:0;
}
.lk-qr .lk-qr-sizeShell{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid rgba(15,118,110,.16);
  border-radius:8px;
  background:
    radial-gradient(420px 180px at 0 0, rgba(190,242,100,.24), transparent 60%),
    linear-gradient(180deg,#f7fff8,#ffffff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.lk-qr .lk-qr-sizeTop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:#123a30;
  font-size:12px;
  font-weight:900;
}
.lk-qr .lk-qr-sizeTop output{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(15,118,110,.16);
  background:#eafff2;
  color:#0f513c;
}
.lk-qr input[type=range][data-qr-size-slider]{
  width:100%;
  accent-color:#79e36a;
  cursor:pointer;
}
.lk-qr .lk-qr-sizeTicks{
  display:flex;
  justify-content:space-between;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}
.lk-qr .qrDesignBox{
  border-color:rgba(15,118,110,.18);
  background:linear-gradient(180deg,#fbfffd,#f5fff9);
  padding:10px;
}
.lk-qr .qrDesignBox > summary{
  padding:0 2px 8px;
}
.lk-qr .lk-qr-styleLab{
  gap:10px;
  margin-top:4px;
  padding:12px;
  border:1px solid rgba(18,58,48,.12);
  background:
    radial-gradient(560px 220px at 8% 0, rgba(190,242,100,.22), transparent 62%),
    linear-gradient(180deg,#f8fff8,#eefbf2);
  color:#123a30;
  box-shadow:none;
}
.lk-qr .lk-qr-styleLab label,
.lk-qr .lk-qr-styleLab .qrColorRow span,
.lk-qr .lk-qr-styleLab .lk-qr-jsonBox > span{
  color:#123a30;
}
.lk-qr .lk-qr-styleLab .help{
  color:#48665c;
}
.lk-qr .lk-qr-styleLab .qrColorRow,
.lk-qr .lk-qr-styleLab .qrLogoField,
.lk-qr .lk-qr-styleLab .qrSwatch,
.lk-qr .lk-qr-styleLab .lk-qr-styleGrid label,
.lk-qr .lk-qr-jsonDetails,
.lk-qr .lk-qr-jsonBox{
  border-color:rgba(18,58,48,.12);
  background:rgba(255,255,255,.82);
}
.lk-qr .lk-qr-styleLab .qrColorRow{
  display:grid;
  grid-template-columns:minmax(96px,.36fr) minmax(0,1fr);
  align-items:start;
  min-height:54px;
  padding:8px 10px;
}
.lk-qr .lk-qr-colorPalette{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(22px,22px));
  justify-content:end;
  gap:6px;
  width:100%;
  min-width:0;
}
.lk-qr .lk-qr-colorPalette input[type=hidden]{
  display:none;
}
.lk-qr .lk-qr-colorDot{
  width:22px;
  height:22px;
  border:2px solid rgba(18,58,48,.18);
  border-radius:999px;
  background:var(--qr-dot-color,#000);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.88), 0 5px 12px rgba(18,58,48,.07);
  cursor:pointer;
}
.lk-qr .lk-qr-colorDot.is-active{
  border-color:#79e36a;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.96), 0 0 0 3px rgba(121,227,106,.22);
}
.lk-qr .lk-qr-colorDot:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.96), 0 0 0 3px rgba(37,99,235,.24);
}
.lk-qr .lk-qr-styleLab input[type=color]{
  width:44px;
  height:38px;
  border-color:rgba(18,58,48,.18);
  box-shadow:0 1px 0 rgba(255,255,255,.9), 0 6px 14px rgba(18,58,48,.08);
}
.lk-qr .lk-qr-styleLab .qrSwatches{
  margin-top:0;
}
.lk-qr .lk-qr-styleLab .qrSwatch{
  min-height:34px;
  padding:6px 8px;
  color:#123a30;
  box-shadow:0 6px 14px rgba(18,58,48,.05);
}
.lk-qr .lk-qr-styleGrid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.lk-qr .lk-qr-styleGrid label{
  gap:6px;
  padding:8px;
  min-width:0;
}
.lk-qr .lk-qr-styleLab select,
.lk-qr .lk-qr-styleLab input[type=file]{
  min-height:40px;
  border-color:rgba(18,58,48,.14);
  background:#ffffff;
  color:#13241e;
}
.lk-qr .lk-qr-styleLab select{
  padding:8px 10px;
}
.lk-qr .lk-qr-jsonDetails{
  border:1px solid rgba(18,58,48,.12);
  border-radius:8px;
  overflow:hidden;
}
.lk-qr .lk-qr-jsonDetails summary{
  min-height:40px;
  padding:10px 12px;
  color:#123a30;
  cursor:pointer;
  font-size:13px;
  font-weight:900;
}
.lk-qr .lk-qr-jsonBox{
  margin:0;
  padding:10px;
  border:0;
  border-top:1px solid rgba(18,58,48,.10);
  border-radius:0;
}
.lk-qr .lk-qr-jsonBox textarea,
.lk-qr .lk-qr-styleLab textarea{
  min-height:112px;
  max-height:176px;
  border-color:rgba(18,58,48,.14);
  background:#071310;
  color:#eafff2;
}
.lk-qr .lk-qr-styleLab .qrLogoField{
  padding:10px;
}
.lk-qr .lk-qr-styleLab .qrLogoField input[type=file]{
  padding:8px 10px;
}
.lk-qr .lk-qr-previewPanel{
  top:88px;
  padding:14px;
  border-color:rgba(22,163,74,.22);
  background:
    radial-gradient(460px 220px at 12% 0, rgba(190,242,100,.30), transparent 64%),
    linear-gradient(180deg,#f3fff7,#ffffff 62%,#f8fbff);
}
.lk-qr .lk-qr-previewFrame{
  width:min(100%, 286px);
  padding:14px;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.lk-qr .lk-qr-liveSvg{
  width:min(100%, 236px);
}
.lk-qr .lk-qr-previewMeta{
  padding:10px;
}

@media (min-width:1040px) and (max-width:1180px){
  .lk-qr .lk-create-studio form{
    grid-template-columns:minmax(0,1.42fr) minmax(300px,.62fr);
  }
  .lk-qr .lk-qr-createFields{
    grid-template-columns:minmax(240px,.95fr) minmax(280px,1.05fr);
  }
  .lk-qr .lk-qr-previewPanel{
    position:sticky;
  }
}
@media (max-width:900px){
  .lk-qr .lk-qr-styleGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .lk-qr .lk-qr-styleLab .qrColorRow{
    grid-template-columns:1fr;
    min-height:50px;
  }
  .lk-qr .lk-qr-colorPalette{
    justify-content:start;
  }
}
@media (max-width:760px){
  .lk-qr .lk-create-studio form{
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .lk-qr .lk-qr-createFields{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .lk-qr .lk-qr-previewPanel{
    order:-1;
    position:static;
    padding:12px;
  }
  .lk-qr .lk-qr-previewFrame{
    width:min(100%, 230px);
    padding:12px;
  }
  .lk-qr .lk-qr-liveSvg{
    width:min(100%, 194px);
  }
  .lk-qr .lk-qr-previewMeta{
    font-size:12px;
  }
  .lk-qr .qrDesignBox{
    padding:8px;
  }
  .lk-qr .lk-qr-styleLab{
    padding:10px;
  }
  .lk-qr .lk-qr-styleGrid,
  .lk-qr .qrDesignGrid{
    grid-template-columns:1fr;
  }
  .lk-qr .lk-qr-styleLab .qrColorRow{
    min-height:46px;
  }
  .lk-qr .lk-qr-styleLab .qrSwatches{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lk-qr .lk-qr-styleLab .qrSwatch{
    justify-content:flex-start;
  }
  .lk-qr .lk-qr-jsonBox textarea,
  .lk-qr .lk-qr-styleLab textarea{
    min-height:104px;
  }
}
@media (max-width:420px){
  .lk-qr .lk-qr-styleLab .qrSwatches{
    grid-template-columns:1fr;
  }
}
@media (min-width:761px) and (max-width:1180px){
  .lk-qr .lk-create-studio form{
    grid-template-columns:1fr;
  }
  .lk-qr .lk-qr-createFields{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lk-qr .lk-qr-createFields > details.adv,
  .lk-qr .lk-qr-createFields > .lk-cap-box,
  .lk-qr .lk-qr-createFields > .help,
  .lk-qr .lk-qr-createFields > .lk-create-submit{
    grid-column:1/-1;
  }
  .lk-qr .lk-qr-previewPanel{
    position:static;
    top:auto;
    width:min(100%, 560px);
    justify-self:center;
  }
}
@media (min-width:761px) and (max-width:920px){
  .lk-qr .lk-qr-createFields{
    grid-template-columns:1fr;
  }
  .lk-qr .lk-qr-previewPanel{
    width:min(100%, 520px);
  }
}
@media (min-width:761px) and (max-width:1180px){
  .lk-qr .lk-create-studio form{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,320px);
    gap:14px;
  }
  .lk-qr .lk-qr-createFields{
    grid-template-columns:1fr;
  }
  .lk-qr .lk-qr-previewPanel{
    position:sticky;
    top:82px;
    width:auto;
    max-height:calc(100vh - 104px);
    overflow:auto;
    align-self:start;
    justify-self:stretch;
  }
  .lk-qr .lk-qr-previewFrame{
    width:min(100%, 244px);
    padding:12px;
  }
  .lk-qr .lk-qr-liveSvg{
    width:min(100%, 204px);
  }
  .lk-qr .lk-qr-previewMeta{
    font-size:12px;
  }
}
@media (min-width:761px) and (max-width:860px){
  .lk-qr .lk-create-studio form{
    grid-template-columns:minmax(0,1fr) minmax(248px,280px);
    gap:12px;
  }
  .lk-qr .lk-qr-previewPanel{
    padding:10px;
  }
  .lk-qr .lk-qr-previewTop{
    gap:6px;
  }
  .lk-qr .lk-qr-previewUse{
    white-space:nowrap;
  }
  .lk-qr .lk-qr-previewFrame{
    width:min(100%, 218px);
    padding:10px;
  }
  .lk-qr .lk-qr-liveSvg{
    width:min(100%, 180px);
  }
}

.lk-qr .card.is-editing .edit form.lk-qr-editDesignPane{
  display:block;
  gap:0;
  width:100%;
  max-width:100%;
}
.lk-qr .card.is-editing .edit form.lk-qr-editDesignPane[hidden]{
  display:none !important;
}
.lk-qr .card.is-editing .edit form.lk-qr-editDesignPane > .lk-qr-editDesign{
  width:100%;
  max-width:100%;
}
.lk-qr .lk-qr-editDesign{
  display:grid;
  gap:14px;
  padding:14px;
  border:1px solid rgba(15,118,110,.18);
  border-radius:8px;
  background:
    radial-gradient(760px 260px at 0 0, rgba(190,242,100,.22), transparent 64%),
    linear-gradient(180deg,#f7fff8,#ffffff 62%,#f8fbff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.lk-qr .lk-qr-editDesignHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(18,58,48,.10);
}
.lk-qr .lk-qr-editDesignHead h4{
  margin:0 0 4px;
  color:#123a30;
  font-size:16px;
}
.lk-qr .lk-qr-editDesignHead .btn2{
  flex:0 0 auto;
}
.lk-qr .lk-qr-editDesignGrid{
  display:grid;
  grid-template-columns:minmax(232px,300px) minmax(0,1fr);
  gap:16px;
  align-items:start;
  width:100%;
  min-width:0;
}
.lk-qr .lk-qr-editDesignPreview{
  position:sticky;
  top:92px;
  display:grid;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(18,58,48,.12);
  border-radius:8px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.lk-qr .lk-qr-editPreviewTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#123a30;
  font-size:13px;
}
.lk-qr .lk-qr-editPreviewFrame{
  display:grid;
  place-items:center;
  width:min(100%, 232px);
  aspect-ratio:1;
  margin:0 auto;
  padding:12px;
  border:1px solid rgba(18,58,48,.12);
  border-radius:8px;
  background:
    linear-gradient(45deg,rgba(16,24,39,.035) 25%,transparent 25% 50%,rgba(16,24,39,.035) 50% 75%,transparent 75%) 0 0/20px 20px,
    var(--qr-bg,#fff);
}
.lk-qr .lk-qr-editPreviewFrame .lk-qr-liveSvg{
  width:min(100%, 196px);
}
.lk-qr .lk-qr-editPreviewMeta{
  display:grid;
  gap:3px;
  min-width:0;
  padding:9px;
  border:1px solid rgba(18,58,48,.10);
  border-radius:8px;
  background:#f8fffb;
  font-size:12px;
}
.lk-qr .lk-qr-editPreviewMeta span{
  color:#64748b;
  font-weight:850;
}
.lk-qr .lk-qr-editPreviewMeta strong{
  color:#0f172a;
  font-weight:900;
  overflow-wrap:anywhere;
}
.lk-qr .lk-qr-editDesignControls{
  display:grid;
  gap:10px;
  min-width:0;
}
.lk-qr .lk-qr-editDesignControls .lk-qr-styleLab{
  margin-top:0;
}
.lk-qr .lk-qr-editDesignControls .qrDesignGrid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));
}
.lk-qr .lk-qr-editDesignControls .qrColorRow{
  grid-template-columns:1fr;
  gap:8px;
}
.lk-qr .lk-qr-editDesignControls .lk-qr-colorPalette{
  justify-content:start;
}
.lk-qr .lk-qr-editDesignActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:0 2px;
  text-align:right;
}
@media (max-width:980px){
  .lk-qr .lk-qr-editDesignGrid{
    grid-template-columns:1fr;
  }
  .lk-qr .lk-qr-editDesignPreview{
    position:static;
    grid-template-columns:minmax(180px,240px) minmax(0,1fr);
    align-items:start;
  }
  .lk-qr .lk-qr-editPreviewTop{
    grid-column:1/-1;
  }
  .lk-qr .lk-qr-editPreviewFrame{
    width:min(100%, 220px);
  }
}
@media (max-width:760px){
  .lk-qr .lk-qr-editDesign{
    padding:10px;
  }
  .lk-qr .lk-qr-editDesignHead{
    display:grid;
  }
  .lk-qr .lk-qr-editDesignHead .btn2{
    width:100%;
  }
  .lk-qr .lk-qr-editDesignPreview{
    grid-template-columns:1fr;
  }
  .lk-qr .lk-qr-editPreviewFrame{
    width:min(100%, 214px);
  }
  .lk-qr .lk-qr-editDesignActions{
    text-align:left;
    justify-content:flex-start;
  }
}
.lk-qr .lk-qr-styleHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid rgba(18,58,48,.10);
  border-radius:8px;
  background:#f8fffb;
}
.lk-qr .lk-qr-styleHeader strong{
  display:block;
  color:#123a30;
  font-size:15px;
}
.lk-qr .lk-qr-tierPill{
  flex:0 0 auto;
  border:1px solid rgba(18,58,48,.14);
  border-radius:999px;
  padding:7px 10px;
  color:#123a30;
  background:#fff;
  font-size:12px;
  font-weight:900;
}
.lk-qr .qrTemplatePanel{
  display:grid;
  gap:8px;
}
.lk-qr .qrTemplateTitle{
  color:#123a30;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.lk-qr .qrTemplateGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
}
.lk-qr .qrTemplate{
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  min-height:58px;
}
.lk-qr .qrTemplate > span:last-child{
  display:grid;
  gap:2px;
}
.lk-qr .qrTemplate small{
  color:#64748b;
  font-size:11px;
  font-weight:850;
}
.lk-qr .qrPresetSave{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto auto;
  gap:10px;
  align-items:end;
  padding:12px;
  border:1px solid rgba(18,58,48,.10);
  border-radius:8px;
  background:#fff;
}
.lk-qr .qrPresetSave label{
  display:grid;
  gap:6px;
  margin:0;
}
.lk-qr .lk-qr-styleLab input[type=text]{
  width:100%;
  min-height:42px;
  border:1px solid rgba(18,58,48,.14);
  border-radius:8px;
  padding:9px 10px;
  font:inherit;
}
@media (max-width:760px){
  .lk-qr .lk-qr-styleHeader,
  .lk-qr .qrPresetSave{
    grid-template-columns:1fr;
    display:grid;
  }
  .lk-qr .lk-qr-tierPill,
  .lk-qr .qrPresetSave .btn2{
    width:100%;
    justify-content:center;
  }
}