:root{--line:#dfe2e5;--text:#17191c;--muted:#6d737a;--green:#78b900}*{box-sizing:border-box}body{margin:0;background:#f4f5f6;color:var(--text);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid var(--line);padding:28px 18px}.brand{display:block;color:#17191c;text-decoration:none;font-size:20px;font-weight:850;margin:0 10px 30px}nav{display:grid;gap:3px}nav a{padding:12px;color:#4d5359;text-decoration:none;border-radius:4px;font-weight:650}nav a.active{background:#17191c;color:#fff}main{width:min(1120px,calc(100vw - 260px));margin:auto;padding:34px 24px 70px}main>header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #d5d9dd;padding-bottom:18px;margin-bottom:18px}h1{font-size:25px;margin:0 0 6px}p{margin:0;color:var(--muted);font-size:13px}.primary,.add{height:40px;border:0;border-radius:4px;background:#17191c;color:#fff;padding:0 18px;font-weight:750}.guide{background:#fff;border:1px solid var(--line);padding:15px 17px;margin-bottom:15px;font-size:13px;line-height:1.7}.guide small{color:#697077}#notice{display:none;padding:11px;margin-bottom:12px;background:#f2f8eb;color:#446900}.card{background:#fff;border:1px solid #d7dbde;border-radius:5px;margin-bottom:13px;overflow:hidden}.card.dragging{opacity:.45}.cardHead{height:58px;display:grid;grid-template-columns:30px 34px 1fr auto 34px;gap:8px;align-items:center;padding:0 14px;border-bottom:1px solid #e2e4e6}.drag,.fold{border:0;background:transparent;color:#8b9197;font-size:20px;cursor:grab}.fold{cursor:pointer;font-size:17px}.order{width:28px;height:28px;display:grid;place-items:center;background:#eff1f2;border-radius:3px;font-weight:750}.title{height:36px;border:1px solid transparent;padding:0 9px;font-size:14px;font-weight:750}.title:focus{border-color:#cdd1d5;outline:0}.toggle{display:flex;align-items:center;gap:7px;font-size:12px}.toggle input{display:none}.toggle span{width:36px;height:20px;border-radius:10px;background:#cbd0d4;position:relative}.toggle span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:2px;top:2px}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{left:18px}.body{padding:18px}.card.folded .body{display:none}.images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.images label>b,.fields label{display:grid;gap:7px;font-size:12px}.images small{color:#757b82}.images input{position:absolute;opacity:0}.upload{height:150px;border:1px dashed #bcc2c7;background:#fafafa;display:grid;place-items:center;color:#686e75;background-size:cover;background-position:center;cursor:pointer}.upload.has{color:transparent;border-style:solid}.fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:15px}.fields input[type=text],.fields input[type=url],.fields input:not([type]){height:40px;border:1px solid #cdd1d5;border-radius:4px;padding:0 11px}.newtab{display:flex!important;height:40px;align-items:center}.card footer{display:flex;justify-content:space-between;margin-top:16px}.card footer button{height:35px;border:1px solid #cdd1d5;border-radius:4px;background:#fff;padding:0 12px}.delete{color:#b33840}.add{display:block;margin:22px auto;background:#fff;color:#17191c;border:1px solid #17191c}dialog{width:min(1000px,92vw);padding:0;border:1px solid #bbb}dialog header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #ddd}#previewBox{padding:18px;background:#eceeef}.previewBanner{position:relative;width:100%;aspect-ratio:16/5;background:#ddd center/cover}.previewBanner.mobile{max-width:420px;aspect-ratio:1200/630;margin:auto}.copy{position:absolute;left:5%;bottom:14%;color:#fff;text-shadow:0 2px 8px #000}.copy b,.copy span{display:block}.copy b{font-size:28px}.copy span{margin-top:7px}@media(max-width:760px){.app{grid-template-columns:1fr}aside{padding:16px}nav{grid-template-columns:1fr 1fr}main{width:100%;padding:22px 14px}.images,.fields{grid-template-columns:1fr}.cardHead{grid-template-columns:26px 30px 1fr auto}.fold{display:none}.upload{height:120px}}