/* GuDoC CompanyOS — 랜딩 페이지 빌더
   console.css/transfer.css/templates.css/faq.css 토큰·셸 재사용. 페이지 전용만 정의. */

/* ── 목록 ── */
.lp-listbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.lp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;}
.lp-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#E0D5CC);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;}
.lp-card__thumb{height:118px;position:relative;display:flex;align-items:flex-end;padding:14px;}
.lp-card__thumb .tmpill{position:absolute;top:11px;right:11px;}
.lp-card__thumbtitle{color:#fff;font-weight:800;font-size:16px;text-shadow:0 1px 8px rgba(0,0,0,.35);line-height:1.3;}
.lp-card__b{padding:13px 15px 15px;display:flex;flex-direction:column;gap:5px;flex:1;}
.lp-card__nm{font-size:14.5px;font-weight:800;color:var(--color-text-strong,#15110E);}
.lp-card__code{font-size:11.5px;font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--sky,#0369A1);}
.lp-card__meta{font-size:12px;color:var(--color-text-muted,#6B5F57);}
.lp-card__stats{display:flex;align-items:center;gap:12px;font-size:11.5px;color:var(--color-text-muted,#6B5F57);margin-top:3px;padding-top:8px;border-top:1px solid var(--color-divider,#EDE4DD);}
.lp-card__stats--empty{color:var(--color-text-subtle,#9A8C82);}
.lp-card__cvr{margin-left:auto;font-weight:800;color:var(--ok,#1F8A5B);}
.lp-card__act{display:flex;gap:6px;margin-top:11px;}
.lp-card__act .tmbtn{flex:1;}
.lp-card__act .tmbtn--icon{flex:0 0 auto;}

/* ── 빌더 셸 (풀스크린) ── */
.lp-builder{height:100vh;display:flex;flex-direction:column;background:var(--color-bg,#F3ECE5);}
.lp-top{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#E0D5CC);flex:0 0 auto;}
.lp-top__back{width:34px;height:34px;border-radius:9px;border:1px solid var(--color-border,#E0D5CC);background:var(--color-surface,#fff);cursor:pointer;color:var(--color-text-muted,#6B5F57);}
.lp-top__back:hover{background:var(--color-surface-2,#F0E9E3);}
.lp-top__title{display:flex;flex-direction:column;gap:1px;min-width:0;}
.lp-top__name{font-size:15px;font-weight:800;color:var(--color-text-strong,#15110E);border:1px solid transparent;background:none;border-radius:6px;padding:2px 6px;margin-left:-6px;font-family:inherit;max-width:340px;}
.lp-top__name:hover{border-color:var(--color-border,#E0D5CC);}
.lp-top__name:focus{outline:none;border-color:var(--accent-text,#B23A12);}
.lp-top__period{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);padding-left:1px;}
.lp-modeseg,.lp-deviceseg{display:inline-flex;background:var(--color-surface-2,#F0E9E3);border-radius:9px;padding:3px;gap:2px;}
.lp-modeseg__b,.lp-deviceseg__b{font-family:inherit;font-size:12.5px;font-weight:700;border:none;background:none;cursor:pointer;color:var(--color-text-muted,#6B5F57);padding:6px 13px;border-radius:7px;display:inline-flex;align-items:center;gap:6px;}
.lp-modeseg__b.is-on,.lp-deviceseg__b.is-on{background:var(--color-surface,#fff);color:var(--color-text-strong,#15110E);box-shadow:0 1px 3px rgba(0,0,0,.08);}

.lp-stage{flex:1;display:flex;min-height:0;}
.lp-left{flex:0 0 264px;background:var(--color-surface,#fff);border-right:1px solid var(--color-border,#E0D5CC);display:flex;flex-direction:column;min-height:0;}
.lp-lefttabs{display:flex;padding:8px 8px 0;gap:2px;border-bottom:1px solid var(--color-divider,#EDE4DD);}
.lp-ltab{flex:1;font-family:inherit;font-size:12px;font-weight:700;border:none;background:none;cursor:pointer;color:var(--color-text-subtle,#9A8C82);padding:9px 4px;border-radius:8px 8px 0 0;display:inline-flex;align-items:center;justify-content:center;gap:5px;}
.lp-ltab i{font-size:11px;}
.lp-ltab.is-on{color:var(--color-text-strong,#15110E);box-shadow:0 -2px 0 var(--accent-text,#B23A12) inset;}
.lp-leftbody{flex:1;overflow-y:auto;padding:14px;}

.lp-palette__hint{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);margin-bottom:10px;}
.lp-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.lp-paltile{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:11px 10px;border:1px solid var(--color-border,#E0D5CC);border-radius:11px;background:var(--color-surface,#fff);cursor:pointer;font-family:inherit;}
.lp-paltile:hover{border-color:var(--accent-text,#B23A12);background:var(--accent-bg,#FFF1EA);}
.lp-paltile i{font-size:15px;color:var(--accent-text,#B23A12);margin-bottom:3px;}
.lp-paltile__lb{font-size:12.5px;font-weight:800;color:var(--color-text-strong,#15110E);}
.lp-paltile__d{font-size:10.5px;color:var(--color-text-subtle,#9A8C82);line-height:1.3;}

/* 설정/고급 폼 */
.lp-form{display:flex;flex-direction:column;gap:14px;}
.lp-fld{display:flex;flex-direction:column;gap:6px;}
.lp-fld>label{font-size:12px;font-weight:700;color:var(--color-text-muted,#6B5F57);}
.lp-fld2{display:flex;gap:10px;}
.lp-fld2>.lp-fld{flex:1;}
.lp-slug{display:flex;align-items:center;gap:4px;}
.lp-slug>span{color:var(--color-text-subtle,#9A8C82);font-family:'JetBrains Mono',monospace;}
.lp-bgrow{display:flex;gap:7px;flex-wrap:wrap;}
.lp-bgsw{width:30px;height:30px;border-radius:8px;border:2px solid var(--color-border,#E0D5CC);cursor:pointer;}
.lp-bgsw.is-on{border-color:var(--accent-text,#B23A12);box-shadow:0 0 0 2px var(--accent-bg,#FFE9E0);}
.lp-adv-note{font-size:11.5px;line-height:1.5;color:#92660C;background:#FEF6E0;border:1px solid #F4DFA6;border-radius:9px;padding:9px 11px;}
.lp-adv-note i{margin-right:4px;}
.lp-range{width:100%;accent-color:var(--accent-text,#B23A12);}

/* ── 캔버스 ── */
.lp-canvas{flex:1;overflow-y:auto;padding:24px;background:repeating-linear-gradient(45deg,#EFE7DF,#EFE7DF 10px,#F3ECE5 10px,#F3ECE5 20px);min-width:0;}
.lp-canvas__inner{max-width:720px;margin:0 auto;box-shadow:0 10px 40px -16px rgba(40,28,18,.35);border-radius:10px;}
.lp-canvas__empty,.lp-insp__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--color-text-subtle,#9A8C82);text-align:center;}
.lp-canvas__empty i{font-size:30px;opacity:.5;}
.lp-canvas__empty p,.lp-insp__empty p{font-size:13px;}

.lp-blk{position:relative;cursor:pointer;}
.lp-blk__bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:linear-gradient(180deg,rgba(21,17,14,.78),rgba(21,17,14,0));opacity:0;transition:opacity .12s;pointer-events:none;}
.lp-blk:hover .lp-blk__bar,.lp-blk.is-sel .lp-blk__bar{opacity:1;pointer-events:auto;}
.lp-blk__type{font-size:11px;font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:5px;text-shadow:0 1px 3px rgba(0,0,0,.4);}
.lp-blk__tools{display:flex;gap:3px;}
.lp-blk__tools button{width:24px;height:24px;border-radius:6px;border:none;background:rgba(255,255,255,.9);color:var(--color-text-strong,#15110E);cursor:pointer;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center;}
.lp-blk__tools button:hover{background:#fff;}
.lp-blk__tools button.is-danger:hover{background:#C0392B;color:#fff;}
.lp-blk__tools button:disabled{opacity:.35;cursor:default;}
.lp-blk.is-sel{box-shadow:0 0 0 2px var(--accent-text,#B23A12) inset,0 0 0 4px var(--accent-bg,#FFE9E0) inset;}
.lp-blk__body{pointer-events:none;}

/* ── 인스펙터 ── */
.lp-insp{flex:0 0 0;width:0;overflow:hidden;background:var(--color-surface,#fff);border-left:1px solid var(--color-border,#E0D5CC);transition:flex-basis .16s,width .16s;display:flex;flex-direction:column;min-height:0;}
.lp-insp.is-open{flex:0 0 312px;width:312px;}
.lp-insp__empty{padding:30px;}
.lp-insp__h{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--color-divider,#EDE4DD);flex:0 0 auto;}
.lp-insp__type{font-size:13.5px;font-weight:800;color:var(--color-text-strong,#15110E);display:inline-flex;align-items:center;gap:7px;}
.lp-insp__type i{color:var(--accent-text,#B23A12);}
.lp-insp__x{width:28px;height:28px;border:none;background:none;border-radius:7px;cursor:pointer;color:var(--color-text-subtle,#9A8C82);}
.lp-insp__x:hover{background:var(--color-surface-2,#F0E9E3);}
.lp-insp__body{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:14px;}
.lp-insp__note{font-size:12.5px;color:var(--color-text-subtle,#9A8C82);}
.lp-chklist{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow-y:auto;border:1px solid var(--color-border,#E0D5CC);border-radius:10px;padding:7px;}
.lp-chk{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:6px 8px;border-radius:8px;cursor:pointer;}
.lp-chk:hover{background:var(--color-surface-2,#F7F2EE);}
.lp-chk.is-on{background:var(--accent-bg,#FFF1EA);}
.lp-chk input{accent-color:var(--accent-text,#B23A12);}
.lp-chk__nm{font-weight:600;color:var(--color-text-strong,#15110E);flex:1;min-width:0;}
.lp-chk__mt{font-size:11px;color:var(--color-text-subtle,#9A8C82);white-space:nowrap;}

/* ── 미리보기 / 디바이스 ── */
.lp-preview{flex:1;display:flex;flex-direction:column;min-height:0;background:#E7DFD7;}
.lp-preview__toolbar{display:flex;justify-content:center;padding:12px;flex:0 0 auto;border-bottom:1px solid var(--color-border,#E0D5CC);background:var(--color-surface,#fff);}
.lp-preview__stage{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:28px 20px;}
.lp-device{align-self:flex-start;background:#fff;box-shadow:0 18px 50px -20px rgba(30,20,12,.45);}
.lp-device--mobile{width:390px;border-radius:34px;overflow:hidden;border:9px solid #15110E;}
.lp-device--mobile .lp-device__bar{display:flex;align-items:center;justify-content:space-between;padding:9px 22px 7px;font-size:12px;font-weight:700;color:var(--color-text-strong,#15110E);background:#fff;}
.lp-device--desktop{width:980px;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--color-border,#E0D5CC);}
.lp-browser__bar{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#EDE6DF;border-bottom:1px solid var(--color-border,#E0D5CC);}
.lp-browser__dot{width:10px;height:10px;border-radius:50%;background:#C9BEB3;}
.lp-browser__url{margin-left:12px;font-size:11.5px;font-family:'JetBrains Mono',monospace;color:var(--color-text-muted,#6B5F57);background:#fff;border-radius:6px;padding:3px 12px;}
.lp-device__screen{overflow:hidden;}

/* ════ 고객 화면 블록 (lpv) ════ */
.lpv{font-family:inherit;color:var(--color-text-strong,#15110E);}
.lpv-sec{padding:26px 22px;}
.lpv-h2{font-size:20px;font-weight:800;margin:0 0 16px;letter-spacing:-.3px;}
.lpv-hero{padding:48px 26px;color:#fff;}
.lpv-hero--center{text-align:center;}
.lpv-hero__in{max-width:560px;margin:0 auto;}
.lpv-hero--left .lpv-hero__in{margin:0;}
.lpv-hero__eye{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;background:rgba(255,255,255,.22);border-radius:999px;padding:4px 12px;margin-bottom:14px;}
.lpv-hero__t{font-size:34px;font-weight:800;line-height:1.18;margin:0 0 12px;letter-spacing:-.5px;text-wrap:balance;}
.lpv-hero__sub{font-size:16px;line-height:1.5;opacity:.92;margin:0 0 22px;}
.lpv-btn{display:inline-block;background:#fff;color:#15110E;font-weight:800;font-size:15px;border-radius:999px;padding:13px 28px;text-decoration:none;box-shadow:0 6px 18px -8px rgba(0,0,0,.4);}
.lpv-btn--out{background:transparent;border:2px solid currentColor;color:var(--accent-text,#B23A12);box-shadow:none;}
.lpv-cta{display:flex;}
.lpv-cta--center{justify-content:center;}
.lpv-cta--left{justify-content:flex-start;}
.lpv-cta--right{justify-content:flex-end;}
.lpv-cta .lpv-btn{background:var(--accent-text,#B23A12);color:#fff;}
.lpv-cta .lpv-btn--out{background:transparent;color:var(--accent-text,#B23A12);}
.lpv-rich{font-size:15px;line-height:1.7;color:var(--color-text-muted,#5A4F47);}

/* 쿠폰 */
.lpv-coupons{display:flex;flex-direction:column;gap:11px;}
.lpv-coupon{display:flex;align-items:center;gap:14px;border:1.5px solid var(--cc,#FF5A36);border-radius:14px;padding:14px 16px;background:var(--color-surface,#fff);position:relative;}
.lpv-coupon__val{font-size:20px;font-weight:900;color:var(--cc,#FF5A36);flex:0 0 auto;min-width:72px;}
.lpv-coupon__main{flex:1;min-width:0;}
.lpv-coupon__nm{font-size:14px;font-weight:800;color:var(--color-text-strong,#15110E);}
.lpv-coupon__meta{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);margin-top:3px;}
.lpv-coupon__btn{flex:0 0 auto;background:var(--cc,#FF5A36);color:#fff;border:none;border-radius:999px;font-weight:800;font-size:13px;padding:9px 18px;cursor:pointer;font-family:inherit;}

/* 상품 그리드 */
.lpv-grid{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:13px;}
.lpv-pcard{border:1px solid var(--color-border,#E0D5CC);border-radius:13px;overflow:hidden;background:var(--color-surface,#fff);}
.lpv-pcard__b{padding:11px 12px;}
.lpv-pcard__nm{font-size:13.5px;font-weight:800;color:var(--color-text-strong,#15110E);line-height:1.35;}
.lpv-pcard__sl{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);margin-top:2px;}
.lpv-pcard__pr{font-size:13px;font-weight:800;color:var(--accent-text,#B23A12);margin-top:6px;}

/* 판매자 카드 */
.lpv-sellers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px;}
.lpv-scard{border:1px solid var(--color-border,#E0D5CC);border-radius:13px;padding:16px;text-align:center;background:var(--color-surface,#fff);}
.lpv-scard__logo{width:48px;height:48px;border-radius:14px;margin:0 auto 9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;}
.lpv-scard__nm{font-size:14px;font-weight:800;color:var(--color-text-strong,#15110E);}
.lpv-scard__cat{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);margin-top:2px;}
.lpv-scard__tag{display:inline-block;margin-top:8px;font-size:10.5px;font-weight:800;color:var(--accent-text,#B23A12);background:var(--accent-bg,#FFE9E0);border-radius:999px;padding:2px 9px;}

/* 이미지/카운트다운/구분선/플레이스홀더 */
.lpv-img{width:100%;display:block;}
.lpv-cap{font-size:12px;color:var(--color-text-subtle,#9A8C82);text-align:center;margin:8px 0 0;}
.lpv-ph{width:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#ECE3DA,#ECE3DA 11px,#F4EEE7 11px,#F4EEE7 22px);border-radius:10px;}
.lpv-ph span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;color:#A7998C;}
/* ⭐기획전 카드 이식: 실 이미지 프레임·링크 카드(미리보기 = baked LpvCss 미러) */
.lpv-imgframe{width:100%;overflow:hidden;background:var(--color-bg-muted,#F4EEE7);}
.lpv-imgframe img{width:100%;height:100%;object-fit:cover;display:block;}
.lpv-pcard--link,.lpv-scard--link{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;}
.lpv-pcard--link:hover,.lpv-scard--link:hover{transform:translateY(-2px);box-shadow:0 10px 24px -16px rgba(40,28,18,.45);}
.lpv-scard__logo--img{overflow:hidden;background:var(--color-bg-muted,#F4EEE7);padding:0;}
.lpv-scard__logo--img img{width:100%;height:100%;object-fit:cover;display:block;}
.lpv-cd{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--color-text-strong,#15110E);color:#fff;border-radius:14px;text-align:center;}
.lpv-cd__lb{font-size:13px;font-weight:700;opacity:.8;}
.lpv-cd__time{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:1px;}
.lpv-hr{border:none;border-top:1px solid var(--color-divider,#EDE4DD);margin:0;}
.lpv-empty{font-size:12.5px;color:var(--color-text-subtle,#9A8C82);padding:18px;text-align:center;border:1px dashed var(--color-border,#E0D5CC);border-radius:10px;}

/* 테마 변형 */
.lpv--shadow .lpv-pcard,.lpv--shadow .lpv-scard,.lpv--shadow .lpv-coupon{box-shadow:0 8px 22px -14px rgba(40,28,18,.4);}
.lpv--gradient .lpv-pcard,.lpv--gradient .lpv-scard{border:none;background:linear-gradient(160deg,#fff,#F6EFE9);}
.lpv--gradient .lpv-h2{background:linear-gradient(90deg,#B23A12,#E8651B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* 좁은 화면(모바일 프레임)에서 상품 2열 유지, 히어로 축소 */
.lp-device--mobile .lpv-hero{padding:36px 20px;}
.lp-device--mobile .lpv-hero__t{font-size:26px;}
.lp-device--mobile .lpv-sec{padding:22px 16px;}