.lk-card-live-editor,
.lk-card-live-editor *{
  box-sizing:border-box;
}
.text-bubble.lk-card-live-editor{
  width:min(1440px, calc(100vw - 24px));
  max-width:100%;
  min-width:0;
  margin:16px auto 32px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(15,46,38,.12);
  border-radius:8px;
  background:#f8fbf9;
  color:#101828;
  box-shadow:0 24px 70px rgba(15,32,26,.08);
}
.lk-card-live-editor .lk-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.lk-live-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-width:0;
  padding:16px 20px;
  border-bottom:1px solid rgba(15,46,38,.10);
  background:rgba(255,255,255,.92);
}
.lk-live-title-block{
  display:grid;
  gap:5px;
  min-width:0;
}
.lk-live-kicker{
  color:#047857;
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.lk-live-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex-wrap:wrap;
}
.lk-card-live-editor .lk-card-editor-title{
  margin:0;
  color:#101828;
  font-size:clamp(20px, 1.2rem + .45vw, 26px);
  line-height:1.15;
  overflow-wrap:anywhere;
}
.lk-live-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:26px;
  padding:5px 10px;
  border:1px solid rgba(16,185,129,.24);
  border-radius:999px;
  background:#dcfce7;
  color:#047857;
  font-size:12px;
  font-weight:950;
}
.lk-live-qr-line{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#667085;
  font-size:12px;
  font-weight:800;
}
.lk-live-qr-line code{
  max-width:min(460px, 56vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#334155;
  font-size:12px;
}
.lk-live-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  min-width:0;
  flex-wrap:wrap;
}
.lk-live-actions .btn,
.lk-live-template-select{
  min-height:42px;
  border-radius:8px;
  font-weight:900;
}
.lk-live-history{
  display:flex;
  gap:6px;
  padding:3px;
  border:1px solid rgba(15,46,38,.10);
  border-radius:10px;
  background:#fff;
}
.lk-live-history .btn{
  min-width:42px;
  min-height:34px;
  padding:0 9px;
}
.lk-live-history .btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.lk-live-template-select{
  width:150px;
  max-width:100%;
  border:1px solid rgba(15,46,38,.12);
  background:#fff;
  color:#064e3b;
  padding:0 12px;
}
.lk-live-primary{
  background:linear-gradient(180deg,#0b7a53,#065f46) !important;
  color:#fff !important;
  border-color:#065f46 !important;
  box-shadow:0 12px 24px rgba(6,95,70,.20);
}
.lk-live-status-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:10px 20px;
  border-bottom:1px solid rgba(15,46,38,.08);
  background:#fbfefc;
}
.lk-card-live-editor .lk-status{
  justify-content:flex-start;
  min-width:0;
  color:#536170;
  font-weight:800;
}
.lk-live-grid{
  display:grid;
  grid-template-columns:minmax(240px,280px) minmax(420px,1fr) minmax(280px,330px);
  grid-template-areas:"design canvas details";
  align-items:stretch;
  gap:0;
  min-width:0;
}
.lk-live-design-panel{
  grid-area:design;
  border-width:0 1px 0 0;
}
.lk-live-canvas{
  grid-area:canvas;
  min-width:0;
  background:
    radial-gradient(900px 360px at 50% 8%, rgba(16,185,129,.09), transparent 62%),
    linear-gradient(180deg,#f8fdfb,#eff8f4);
}
.lk-live-details{
  grid-area:details;
  border-width:0 0 0 1px;
}
.lk-card-live-editor .lk-panel{
  min-width:0;
  border-color:rgba(15,46,38,.10);
  border-radius:0;
  background:rgba(255,255,255,.94);
  box-shadow:none;
  padding:18px;
}
.lk-card-live-editor .lk-panel-left{
  position:static;
  top:auto;
}
.lk-live-design-panel,
.lk-live-details{
  max-height:calc(100vh - 168px);
  overflow:auto;
  scrollbar-gutter:stable;
}
.lk-live-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  margin-bottom:18px;
  padding:5px;
  border:1px solid rgba(15,46,38,.10);
  border-radius:8px;
  background:#edf8f3;
}
.lk-live-tab{
  min-width:0;
  min-height:38px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#344054;
  font:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.lk-live-tab.is-active{
  background:#fff;
  color:#047857;
  box-shadow:0 8px 20px rgba(15,46,38,.08);
}
.lk-live-section{
  display:grid;
  gap:12px;
  min-width:0;
  padding:0 0 18px;
  margin:0 0 18px;
  border-bottom:1px solid rgba(15,46,38,.08);
}
.lk-live-section:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}
.lk-live-section h3,
.lk-live-section-head h3{
  margin:0;
  color:#101828;
  font-size:14px;
  line-height:1.25;
  letter-spacing:0;
}
.lk-live-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.lk-live-section-head span,
.lk-live-section-head p{
  margin:4px 0 0;
  color:#667085;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}
.lk-template-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.lk-template-card{
  display:grid;
  gap:6px;
  min-width:0;
  padding:6px;
  border:1px solid rgba(15,46,38,.12);
  border-radius:8px;
  background:#fff;
  color:#344054;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  text-align:center;
}
.lk-template-card:hover,
.lk-template-card:focus-visible,
.lk-template-card.is-active{
  border-color:#10b981;
  outline:0;
  box-shadow:0 0 0 3px rgba(16,185,129,.14);
}
.lk-template-mini{
  display:block;
  aspect-ratio:1.58;
  border-radius:6px;
  border:1px solid rgba(15,46,38,.12);
  background:#fff;
  overflow:hidden;
  position:relative;
}
.lk-template-mini::before,
.lk-template-mini::after{
  content:"";
  position:absolute;
  border-radius:999px;
}
.lk-template-mini::before{
  width:28%;
  height:52%;
  right:9%;
  top:20%;
  border:5px solid #e5f8ef;
  background:repeating-linear-gradient(45deg,#0f172a 0 3px,#fff 3px 6px);
}
.lk-template-mini::after{
  width:34%;
  height:10%;
  left:12%;
  top:28%;
  background:#0f172a;
  box-shadow:0 15px 0 rgba(15,23,42,.34),0 30px 0 rgba(15,23,42,.18);
}
.lk-template-mini.is-creator{
  background:#fff7ed;
}
.lk-template-mini.is-dark{
  background:#0b1612;
}
.lk-template-mini.is-dark::after{
  background:#ecfdf5;
  box-shadow:0 15px 0 rgba(236,253,245,.55),0 30px 0 rgba(236,253,245,.28);
}
.lk-color-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.lk-color-chip{
  display:grid;
  gap:7px;
  min-width:0;
  color:#667085;
  font-size:12px;
  font-weight:850;
}
.lk-color-chip input[type="color"]{
  width:100%;
  height:42px;
  min-width:0;
  padding:4px;
  border:1px solid rgba(15,46,38,.12);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.lk-card-live-editor .lk-row{
  min-width:0;
  margin-bottom:0;
}
.lk-card-live-editor .lk-row label{
  color:#536170;
  font-size:12px;
  font-weight:850;
}
.lk-card-live-editor :where(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="file"],select){
  width:100%;
  max-width:100%;
  min-height:40px;
  min-width:0;
  border:1px solid rgba(15,46,38,.13);
  border-radius:8px;
  background:#fff;
  color:#101828;
  font:inherit;
  padding:9px 11px;
}
.lk-card-live-editor input[type="range"]{
  width:100%;
}
.lk-card-live-editor .lk-badge{
  color:#667085;
  font-size:12px;
  line-height:1.4;
}
.lk-card-live-editor .lk-help{
  color:#667085;
  font-size:12px;
  line-height:1.4;
}
.lk-card-live-editor .lk-card-size-grid,
.lk-live-profile-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.lk-live-toggle{
  min-height:40px;
  padding:9px 11px;
  border:1px solid rgba(15,46,38,.10);
  border-radius:8px;
  background:#f8fbf9;
}
.lk-card-live-editor .lk-swatches{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
.lk-card-live-editor .lk-swatch{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
  min-height:46px;
  padding:10px;
  border:1px solid rgba(15,46,38,.12);
  border-radius:8px;
  background:#fff;
  color:#101828;
  font:inherit;
  text-align:left;
}
.lk-card-live-editor .lk-swatch .t{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lk-card-live-editor .lk-swatch .p{
  margin:0;
  color:#667085;
  font-size:11px;
  font-weight:850;
}
.lk-card-live-editor .lk-swatch .dots{
  margin:0;
}