.lk-studio{ width:min(1100px, calc(100vw - 24px)); max-width:100%; min-width:0; margin:20px auto; }
.lk-studio, .lk-studio *{ box-sizing:border-box; }
.lk-studio-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.lk-studio-grid{ display:grid; grid-template-columns: minmax(320px, 360px) minmax(0, 1fr); gap:14px; margin-top:14px; }

.lk-panel{ min-width:0; border:1px solid rgba(0,0,0,.08); border-radius:8px; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.07); padding:14px; }
.lk-panel h3{ margin:0 0 10px 0; font-size:14px; }


.lk-row{ margin-bottom:12px; }
.lk-row label{ display:block; font-size:12px; color:#666; margin-bottom:6px; }
.lk-row input[type="text"],
.lk-row input[type="email"],
.lk-row input[type="tel"],
.lk-row input[type="url"],
.lk-row input[type="file"],
.lk-row select{ width:100%; padding:10px 11px; border-radius:12px; border:1px solid rgba(0,0,0,.12); }
.lk-row input[type="color"]{ width:100%; height:44px; border-radius:12px; border:1px solid rgba(0,0,0,.12); padding:4px; background:#fff; }
.lk-row .inline{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

.lk-badge{ font-size:12px; color:#666; }
.lk-help{ font-size:12px; color:#6B7280; margin-top:6px; }


.lk-status{ font-size:12px; color:#666; display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.lk-dot{ width:8px; height:8px; border-radius:50%; background:#9CA3AF; display:inline-block; }
.lk-dot.ok{ background:#10B981; }
.lk-dot.bad{ background:#EF4444; }


.lk-swatches{ display:flex; gap:8px; flex-wrap:wrap; }
.lk-swatch{ border:1px solid rgba(0,0,0,.10); border-radius:12px; padding:8px; cursor:pointer; user-select:none; background:#fff; min-width:108px; }
.lk-swatch .t{ font-size:12px; color:#111; font-weight:700; }
.lk-swatch .p{ font-size:11px; color:#666; margin-top:2px; }
.lk-swatch .dots{ display:flex; gap:6px; margin-top:8px; }
.lk-swatch .dot{ width:14px; height:14px; border-radius:7px; border:1px solid rgba(0,0,0,.12); }


.lk-preview-wrap{ min-width:0; overflow:hidden; }
.lk-preview-stage{
  padding:18px;
  min-height:360px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:auto;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
}
.lk-preview-scale{
  --z:1;
  display:inline-flex;
  inline-size:max-content;
  block-size:max-content;
  transform:scale(var(--z));
  transform-origin:center top;
}
.lk-card-wrap{ display:inline-flex; flex:0 0 auto; }
.lk-preview-wrap .lk-card{ flex:0 0 auto; }
.lk-zoom{ display:flex; gap:8px; flex-wrap:wrap; }
.lk-zoom [data-zoom].is-active{ box-shadow:0 0 0 3px rgba(16,185,129,.18); }

.lk-profile-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.lk-profile-grid .lk-row{ margin-bottom:0; min-width:0; }
.lk-logo-panel{ display:grid; gap:10px; border:1px solid rgba(15,23,42,.08); border-radius:14px; padding:12px; background:#F8FAFC; }
.lk-logo-head{ display:flex; align-items:center; gap:10px; min-width:0; }
.lk-logo-preview{
  width:52px;
  height:52px;
  border-radius:999px;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex:0 0 52px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#475569;
  font-weight:900;
}
.lk-logo-preview img{ width:100%; height:100%; object-fit:cover; display:block; }
.lk-logo-actions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.lk-logo-actions input[type="file"]{ flex:1 1 220px; min-width:0; background:#fff; }
.lk-studio .btn.danger{ background:#FEF2F2; color:#991B1B; border:1px solid rgba(185,28,28,.22); }
.lk-studio .btn.danger:hover,
.lk-studio .btn.danger:focus-visible{ background:#FEE2E2; box-shadow:0 0 0 3px rgba(239,68,68,.18); }

.lk-accordion details{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:#fff;
  margin-bottom:10px;
  overflow:hidden;
}
.lk-accordion summary{
  list-style:none;
  cursor:pointer;
  padding:12px 12px;
  font-weight:800;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lk-accordion summary::-webkit-details-marker{ display:none; }
.lk-acc-body{ padding:12px; border-top:1px solid rgba(0,0,0,.06); }
.lk-acc-pill{ font-size:12px; color:#6B7280; font-weight:600; }


@media (min-width: 981px){
  .lk-panel-left{
    max-height: calc(100vh - 140px);
    overflow:auto;
    position: sticky;
    top: 12px;
  }
}
@media (max-width: 980px){
  .lk-studio-grid{ grid-template-columns: 1fr; }
  .lk-studio{ width:min(100%, calc(100vw - 20px)); }
  .lk-panel{ padding:12px; }
  .lk-preview-stage{ min-height:300px; justify-content:flex-start; align-items:flex-start; padding:14px; }
  .lk-profile-grid{ grid-template-columns:1fr; }
}


:root{
  --focus:#10b981;
}

.lk-sl-input-wide{max-width:260px;}
.lk-sl-input-mid{max-width:160px;}
.lk-sl-input-narrow{max-width:120px;}

.lk-edit-actions-spaced{margin-top:14px;}
.lk-edit-muted-spaced{margin-top:8px;}
.lk-edit-lock-spaced{margin-top:10px;}

.lk-card-editor-title,
.lk-card-preview-title{
  margin:0;
  letter-spacing:0;
}
.lk-card-color-cell{
  flex:1 1 140px;
  min-width:140px;
}
.lk-card-size-cell{
  flex:1 1 160px;
  min-width:160px;
}
.lk-card-flat-label{
  margin:0 0 6px;
}
.lk-card-inline-wide,
.lk-card-size-grid{
  gap:12px;
}
.lk-card-size-grid{
  align-items:flex-start;
}
.lk-card-range-fill{
  flex:1;
  width:100%;
}
.lk-card-checkline{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
.lk-card-logo-panel-spaced{
  margin-top:12px;
}
.lk-card-break{
  word-break:break-all;
}
.lk-card-dest-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.lk-card-dest-status,
.lk-card-zero-notice{
  margin:0;
}
.lk-card-preview-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.lk-sl-card,
.lk-edit-card,
.lk-cards-page,
.lk-studio .lk-panel,
.lk-poll-create,
.ama-dash .amd-head,
.ama-dash .amd-card,
#lk-support-edit .card,
.lk-legal-page,
.lk-contact,
.lk-campaign-public{
  border-color:rgba(6,78,59,.14);
  box-shadow:0 18px 44px rgba(6,78,59,.08);
}

.lk-sl-card{
  border-radius:8px;
  background:
    radial-gradient(720px 220px at 18% 0%, rgba(16,185,129,.12), transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(245,252,248,.92));
}
.lk-sl-statusBadge::before{
  background:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.14);
}
.lk-sl-statusCard h1{
  letter-spacing:0;
}
.lk-sl-heroGlow{
  background:
    radial-gradient(circle at 20% 20%, rgba(16,185,129,.16), transparent 55%),
    radial-gradient(circle at 76% 10%, rgba(190,242,100,.14), transparent 52%);
}
.lk-sl-options input,
.lk-edit-option input,
.lk-studio input[type="checkbox"],
.lk-studio input[type="radio"],
.lk-studio input[type="range"],
.lk-poll-create input[type="range"]{
  accent-color:#10b981;
}
.lk-sl-modeCard:hover,
.lk-sl-checkline:hover,
.lk-edit-option:hover{
  border-color:rgba(16,185,129,.32);
  background:#f0fdf4;
}
.lk-sl-modeCard:has(input:checked),
.lk-sl-checkline:has(input:checked),
.lk-edit-option:has(input:checked){
  border-color:rgba(16,185,129,.55);
  background:#ecfdf5;
  box-shadow:inset 0 0 0 1px rgba(16,185,129,.14);
}
.lk-sl-copyBtn.is-primary,
.lk-sl-primaryAction,
.lk-edit-btn-primary,
.lk-studio .btn:not(.ghost):not(.danger),
.lk-cards-page .btn:not(.ghost),
.lk-poll-create .btn:not(.ghost),
.ama-dash .amd-btn:not(.ghost):not(.neutral):not(.danger),
#lk-support-edit .btn.primary{
  border-color:#064e3b;
  background:#064e3b;
  color:#fff;
}
.lk-sl-copyBtn.is-primary:hover,
.lk-sl-primaryAction:hover,
.lk-edit-btn-primary:hover,
.lk-studio .btn:not(.ghost):not(.danger):hover,
.lk-cards-page .btn:not(.ghost):hover,
.lk-poll-create .btn:not(.ghost):hover,
.ama-dash .amd-btn:not(.ghost):not(.neutral):not(.danger):hover,
#lk-support-edit .btn.primary:hover{
  border-color:#047857;
  background:#047857;
}
.lk-sl-linkButton,
.lk-edit-btn,
.lk-studio .btn.ghost,
.lk-cards-page .btn.ghost,
.lk-poll-add,
.ama-dash .amd-btn.ghost,
#lk-support-edit .btn.ghost{
  border-color:rgba(6,78,59,.16);
  background:#fff;
  color:#064e3b;
}
.lk-sl-linkButton:hover,
.lk-edit-btn:hover,
.lk-studio .btn.ghost:hover,
.lk-cards-page .btn.ghost:hover,
.lk-poll-add:hover,
.ama-dash .amd-btn.ghost:hover,
#lk-support-edit .btn.ghost:hover{
  border-color:rgba(16,185,129,.38);
  background:#ecfdf5;
  color:#047857;
}

.lk-edit-card{
  background:#f5fcf8;
}
.lk-edit-head,
.lk-edit-passwordPanel,
.lk-edit-clickPanel,
.lk-edit-expiryPanel,
.lk-sr-panel{
  background:linear-gradient(180deg,#ffffff,#f5fcf8);
  border-color:rgba(16,185,129,.16);
}
.lk-edit-plan,
.lk-edit-shortLink,
.lk-edit-option:has(input:checked),
.lk-sr-helpTip,
.lk-sr-addMore{
  color:#047857;
}
.lk-edit-section input:focus,
.lk-studio input:focus,
.lk-studio select:focus,
.lk-cards-page input:focus,
.lk-cards-page select:focus,
.lk-poll-input:focus,
.lk-poll-select:focus,
#lk-support-edit input:focus,
#lk-support-edit textarea:focus,
#lk-support-edit select:focus{
  border-color:#10b981;
  box-shadow:0 0 0 3px rgba(16,185,129,.14);
  outline:0;
}
.lk-edit-meterFill{
  background:linear-gradient(90deg,#064e3b,#10b981,#a3e635);
}

.lk-studio{
  color:#0b1f18;
}
.lk-studio .lk-panel{
  background:linear-gradient(180deg,#ffffff,#f8fcf9);
}
.lk-studio .lk-help{
  display:block;
  width:auto;
  height:auto;
  margin-top:6px;
  border-radius:0;
  background:transparent;
  color:#5f7169;
  font-size:12px;
  line-height:1.45;
  cursor:default;
}
.lk-studio span.lk-help{
  display:inline-block;
}
.lk-studio .lk-swatch,
.lk-studio .lk-accordion details{
  border-color:rgba(6,78,59,.12);
  border-radius:8px;
}
.lk-studio .lk-swatch:hover,
.lk-studio .lk-swatch:focus-visible{
  border-color:rgba(16,185,129,.42);
  box-shadow:0 12px 26px rgba(6,78,59,.10);
}
.lk-preview-stage{
  background:
    radial-gradient(520px 180px at 18% 0%, rgba(16,185,129,.12), transparent 62%),
    linear-gradient(180deg,#f8fcf9,#edf9f2);
}
.lk-zoom [data-zoom].is-active{
  box-shadow:0 0 0 3px rgba(16,185,129,.18);
}