.lk-create{
  --lk-surface:#fff;
  --lk-bg-soft:#f4fbf7;
  --lk-text:#0b1324;
  --lk-muted:#6b7280;
  --lk-border:#e5e7eb;
  --lk-accent:#10b981;
  --lk-button-text:#fff;
  background:linear-gradient(180deg,var(--lk-bg-soft),#f8fafc 120%);
  border-radius:18px;
  padding:22px;
  overflow:visible;
  box-shadow:0 10px 30px rgba(2,6,23,.06),0 4px 10px rgba(2,6,23,.04);
  max-width:100%;
  box-sizing:border-box;
}
.lk-create *,
.lk-create *::before,
.lk-create *::after{box-sizing:border-box;}
@media (max-width:700px){
  .lk-create{
    width:min(100%, calc(100vw - 20px));
    margin-inline:auto;
    overflow-x:hidden;
  }
}

.lk-create h1{margin:6px 0 4px;font-size:28px;letter-spacing:0;}
.lk-create .muted{color:var(--lk-muted);}
.lk-create .meta{color:var(--lk-muted);font-size:14px;}


.lk-create .notice{
  border-radius:12px;
  padding:14px 16px;
  font-weight:600;
  line-height:1.4;
  margin:14px 0;
}
.lk-create .notice ul{margin:0;padding-left:18px;}
.lk-create .notice.success{background:#ecfdf5;border:1px solid #10b981;color:#065f46;}
.lk-create .notice.error{background:#fef2f2;border:1px solid #ef4444;color:#7f1d1d;}


.lk-create .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 22px;
  margin-top:14px;
}
@media (max-width:920px){
  .lk-create .form-grid{grid-template-columns:1fr;}
}


.lk-create .field{min-width:0;}
.lk-create .field.locked{opacity:.9;}
.lk-create .field.locked .input{
  background:color-mix(in srgb, var(--lk-surface) 70%, #000 30%);
  border-color:color-mix(in srgb, var(--lk-border) 70%, #000 30%);
}
.lk-create .lock-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:#fee2e2;
  color:#b91c1c;
  font-size:12px;
  font-weight:800;
}


.lk-create .label-row{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:8px;
  font-weight:600;
}


.lk-create .input{
  width:100%;
  min-width:0;
  padding:12px;
  font-size:15px;
  border-radius:12px;
  border:1px solid var(--lk-border);
  background:var(--lk-surface);
  color:var(--lk-text);
  transition:border-color .12s, box-shadow .12s, background-color .12s, opacity .12s;
}
.lk-create textarea.input{min-height:120px;resize:vertical;}
.lk-create .input:focus{
  outline:none;
  border-color:color-mix(in srgb, var(--lk-accent) 40%, var(--lk-border));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--lk-accent) 14%, transparent);
}
.lk-create .input:disabled{opacity:.65;cursor:not-allowed;}
.lk-create input::placeholder,
.lk-create textarea::placeholder{color:var(--lk-muted);opacity:1;}


.lk-create select.input{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
  padding-right:2.6em;
  background-color:var(--lk-surface);
  color:var(--lk-text);
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 22px) calc(50% - 3px),
    calc(100% - 16px) calc(50% - 3px),
    calc(100% - 2.5em) 50%;
  background-size:6px 6px,6px 6px,1px 2.2em;
  background-repeat:no-repeat;
}
.lk-create select.input option{background:#fff;color:#0b1324;}
.lk-create select.input option:disabled{color:#9ca3af;}


.lk-create .input-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}


.lk-create .lk-sl-prefix{
  flex:0 0 auto;
  font-family:ui-monospace, Menlo, Consolas, monospace;
  background:#f1f5f9;
  color:#0f172a;
  border:1px solid var(--lk-border);
  border-radius:12px;
  padding:10px 12px;
  opacity:.95;
}


.lk-create .preview{margin-top:8px;color:var(--lk-muted);}
.lk-create .preview code{
  background:#f8fafc;
  border:1px dashed var(--lk-border);
  padding:4px 8px;
  border-radius:8px;
}


.lk-create .btn{
  background:var(--lk-accent);
  color:var(--lk-button-text);
  border:1px solid transparent;
}


.lk-create .lk-upgrade-row{
  align-items:center;
  justify-content:space-between;
}
.lk-create .lk-up-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:8px;
  padding:6px 10px;
  border-radius:999px;
  background:#0b1324;
  color:#fff;
  text-decoration:none;
  font-weight:700;
}


.lk-create .lk-ul{
  margin:10px 0 0;
  padding-left:18px;
}
.lk-create .lk-ul li{margin:4px 0;}

.lk-tree-editor-shell{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 380px);
  gap:18px;
  align-items:start;
}
.lk-tree-editor-shell > form{min-width:0;}
.lk-preview-panel{
  position:sticky;
  top:10px;
  min-width:0;
}
.lk-preview-details{
  border:1px solid var(--lk-border);
  border-radius:18px;
  background:color-mix(in srgb, var(--lk-surface) 92%, transparent);
  box-shadow:0 12px 32px rgba(2,6,23,.08);
  overflow:hidden;
}
.lk-preview-details > summary,
.lk-link-advanced > summary{
  list-style:none;
  cursor:pointer;
}
.lk-preview-details > summary::-webkit-details-marker,
.lk-link-advanced > summary::-webkit-details-marker{display:none;}
.lk-preview-details > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  font-weight:900;
  border-bottom:1px solid color-mix(in srgb, var(--lk-border) 76%, transparent);
}
.lk-live-phone{
  padding:14px;
}
.lk-live-screen{
  width:min(100%, 340px);
  min-height:560px;
  margin-inline:auto;
  padding:18px 14px;
  border-radius:28px;
  border:1px solid rgba(15,23,42,.12);
  background:
    radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--lk-accent) 16%, transparent), transparent 34%),
    var(--lk-bg-soft);
  color:var(--lk-text);
  box-shadow:0 20px 50px rgba(2,6,23,.16);
  overflow:hidden;
}
.lk-live-screen.bg-gradient{
  background:linear-gradient(145deg, var(--lk-bg-soft), color-mix(in srgb, var(--lk-accent) 18%, var(--lk-bg-soft)));
}
.lk-live-screen.bg-pattern{
  background:
    radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--lk-accent) 18%, transparent) 1px, transparent 0) 0 0 / 18px 18px,
    var(--lk-bg-soft);
}
.lk-live-cover{
  height:92px;
  margin:-18px -14px 14px;
  background:linear-gradient(135deg, color-mix(in srgb, var(--lk-accent) 30%, #fff), color-mix(in srgb, var(--lk-bg-soft) 85%, #fff));
  background-size:cover;
  background-position:center;
  display:none;
}
.lk-live-cover.has-cover{display:block;}
.lk-live-head{
  text-align:center;
  display:grid;
  gap:7px;
  justify-items:center;
}
.lk-live-avatar{
  width:78px;
  height:78px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.85);
  box-shadow:0 10px 28px rgba(2,6,23,.16);
}
.lk-live-avatar.avatar-rounded{border-radius:22%;}
.lk-live-avatar.avatar-square{border-radius:10px;}
.lk-live-avatar.avatar-small{width:62px;height:62px;}
.lk-live-avatar.avatar-large{width:96px;height:96px;}
.lk-live-title{
  margin:4px 0 0;
  font-size:20px;
  line-height:1.15;
  font-weight:950;
}
.lk-live-headline,
.lk-live-bio,
.lk-live-meta{
  margin:0;
  color:var(--lk-muted);
  line-height:1.35;
  font-size:13px;
}
.lk-live-badge{
  display:none;
  padding:5px 9px;
  border-radius:999px;
  background:color-mix(in srgb, var(--lk-accent) 16%, #fff);
  color:var(--lk-text);
  font-size:12px;
  font-weight:900;
}
.lk-live-badge.has-badge{display:inline-flex;}
.lk-live-buttons{
  margin-top:16px;
  display:grid;
  gap:10px;
}
.lk-live-socials{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}
.lk-live-social{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid color-mix(in srgb, var(--lk-border) 78%, transparent);
  background:color-mix(in srgb, var(--lk-surface) 88%, transparent);
  color:var(--lk-text);
  font-size:11px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(2,6,23,.08);
}
.lk-live-button{
  position:relative;
  min-height:48px;
  border-radius:16px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:var(--lk-accent);
  color:var(--lk-button-text);
  box-shadow:0 10px 22px color-mix(in srgb, var(--lk-accent) 24%, transparent);
  font-weight:850;
  text-align:center;
  overflow:hidden;
}
.lk-live-button.outline{
  background:transparent;
  color:var(--lk-text);
  border:1px solid var(--lk-accent);
  box-shadow:none;
}
.lk-live-button.soft,
.lk-live-button.glass{
  background:color-mix(in srgb, var(--lk-accent) 13%, var(--lk-surface));
  color:var(--lk-text);
}
.lk-live-button.minimal{
  background:transparent;
  color:var(--lk-text);
  box-shadow:none;
}
.lk-live-button.gradient{
  background:linear-gradient(135deg, var(--lk-accent), color-mix(in srgb, var(--lk-accent) 45%, #0f172a));
}
.lk-live-button.image_top{
  flex-direction:column;
}
.lk-live-button.image_right{
  flex-direction:row-reverse;
}
.lk-live-thumb{
  width:42px;
  height:42px;
  border-radius:12px;
  object-fit:cover;
  flex:0 0 auto;
}
.lk-live-button.image_card{
  min-height:130px;
  align-items:flex-end;
  color:#fff;
  background:linear-gradient(180deg, rgba(2,6,23,.08), rgba(2,6,23,.72)), var(--lk-accent);
  background-size:cover;
  background-position:center;
}
.lk-live-button.background_image{
  min-height:120px;
  align-items:flex-end;
  color:#fff;
  background-size:cover;
  background-position:center;
}
.lk-live-text{
  min-width:0;
  display:grid;
  gap:2px;
}
.lk-live-subtitle{
  font-size:12px;
  line-height:1.25;
  opacity:.78;
  font-weight:650;
}
.lk-live-mini-badge{
  position:absolute;
  top:6px;
  right:8px;
  max-width:48%;
  padding:4px 7px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lk-link-advanced{
  border:1px solid color-mix(in srgb, var(--lk-border) 80%, transparent);
  border-radius:14px;
  background:color-mix(in srgb, var(--lk-surface) 86%, transparent);
  overflow:hidden;
}
.lk-link-advanced > summary{
  padding:11px 12px;
  font-weight:900;
  color:var(--lk-text);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.lk-link-advanced > summary::after{
  content:"+";
  font-weight:900;
  color:var(--lk-muted);
}
.lk-link-advanced[open] > summary::after{content:"-";}
.lk-link-advanced-body{
  border-top:1px solid color-mix(in srgb, var(--lk-border) 72%, transparent);
  padding:12px;
  display:grid;
  gap:10px;
}

#linksWrap{
  display:flex;
  flex-direction:column;
  gap:14px;
}