:root{--navy:#14375f;--blue:#2567a5;--line:#dce4ee;--muted:#60748b}*{box-sizing:border-box}body{margin:0;font:14px/1.5 'Noto Sans KR','Apple SD Gothic Neo',Arial,sans-serif;color:#182b43;background:#f0f4f9}button,input{font:inherit}button{cursor:pointer}button,a{transition:.15s}button{border:1px solid #ccd8e6;border-radius:6px;background:white;color:#17375c;padding:8px 11px}button:hover{background:#e7f0fa}a{color:#175f9c;text-decoration:none}#loading{margin:12vh auto;max-width:540px;background:white;padding:40px;border-radius:14px;box-shadow:0 14px 50px #183c6212}#loading strong{font-size:25px}#loading p{color:#52677e}.bar{height:62px;background:#163b69;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:14px}.bar-brand{display:flex;flex-direction:column;min-width:155px}.bar-brand b{font-size:13px;letter-spacing:.13em}.bar-brand span{font-size:11px;color:#d0e0f0}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar button{font-size:12px;padding:7px 10px}.toolbar button.chosen{background:#d5e9ff;border-color:#77a6db}.toolbar .primary{background:#48a4f3;border-color:#48a4f3;color:#092944;font-weight:800}.toolbar a{color:white;padding:6px 8px}.notice{height:34px;line-height:34px;padding:0 20px;background:#e8f2fc;border-bottom:1px solid #d3e2f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice.error{background:#fff0f0;color:#a02727}.layout{height:calc(100vh - 96px);display:grid;grid-template-columns:250px minmax(0,1fr) 290px}.left,.right{overflow:auto;background:#fff;border-right:1px solid var(--line)}.right{border-right:0;border-left:1px solid var(--line)}.tabs{display:flex;position:sticky;top:0;z-index:5;background:#f5f8fc;border-bottom:1px solid var(--line)}.tabs button{flex:1;border:0;border-radius:0;background:transparent;font-size:12px;padding:14px 4px;font-weight:700}.tabs button.on{background:white;color:#0e5ca3;border-bottom:2px solid #0e5ca3}.panel-heading{padding:14px 12px;font-weight:700;font-size:12px;color:#50657c}.stage{min-width:0;background:#dce5ef}.stage #gjs{height:100%;border:0}.gjs-one-bg{background-color:#fff}.gjs-two-color{color:#1c3551}.gjs-three-bg{background-color:#e5f0fc}.gjs-four-color,.gjs-four-color-h:hover{color:#1d72bb}.gjs-block{width:44%;min-height:78px;box-shadow:none;border:1px solid #e0e6ed;border-radius:8px;font-size:12px}.gjs-blocks-cs{padding:4px}.gjs-layer{font-size:12px}.tip{padding:12px;font-size:12px;color:#687a90;line-height:1.6;margin:0}.upload-button,.wide{display:block;margin:12px;width:calc(100% - 24px);background:#175e9c;color:#fff;border:0;border-radius:6px;text-align:center;padding:11px;font-weight:700;cursor:pointer}.wide{background:#edf5fd;color:#175e9c}.asset-card{display:flex;align-items:center;gap:9px;margin:8px;padding:7px;border:1px solid #e3e9f1;border-radius:7px;cursor:pointer}.asset-card img{width:55px;height:52px;object-fit:cover}.asset-card span{font-size:11px;word-break:break-all}.element-actions{position:sticky;bottom:0;background:white;border-top:1px solid #e0e7ef;padding:12px;display:flex;gap:8px}.element-actions button{flex:1;font-size:12px}.element-actions .danger{color:#a32c2c;border-color:#eecaca}.gjs-sm-sector .gjs-sm-title{font-size:12px}.gjs-trt-traits{font-size:12px}@media(max-width:1000px){.layout{grid-template-columns:200px minmax(0,1fr) 230px}.bar{height:auto;min-height:62px}.toolbar{justify-content:flex-end}}@media(max-width:720px){.layout{grid-template-columns:150px minmax(0,1fr)}.right{display:none}.bar-brand{display:none}.toolbar{justify-content:center}.layout{height:calc(100vh - 130px)}}

.slider-main{background:#d7eafa!important;border-color:#9bc2e7!important;color:#123d69!important;font-weight:800!important}.slider-guide{margin:10px;padding:12px;border:1px solid #c5d9ed;background:#f1f7fd;border-radius:7px;font-size:12px}.slider-guide p{color:#56708a;line-height:1.6}.slider-guide button{margin:4px 3px 0 0;font-size:11px}

/* 위치 이동 버튼은 좁은 패널에서도 두 줄로 배치해 오작동을 줄입니다. */
.element-actions{flex-wrap:wrap}.element-actions button{flex:1 1 calc(50% - 8px);min-width:0}.stage{position:relative}.stage::after{content:'편집기 화면 아래의 흰색 공간은 실제 홈페이지 여백과 다를 수 있습니다. 미리보기로 확인하세요.';position:absolute;bottom:5px;right:8px;z-index:2;max-width:80%;padding:5px 8px;border-radius:5px;background:#eef4f9e6;color:#58708a;font-size:10px;pointer-events:none}

.position-tool{padding:12px;border-top:1px solid #dce4ee;background:#f5f9ff}.position-tool b{color:#123a66}.position-tool p{font-size:11px;color:#586d84;line-height:1.5}.pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.pos-grid label{font-size:11px;color:#536a83}.pos-grid input{display:block;width:100%;padding:7px;border:1px solid #cedae8;border-radius:5px}.pos-grid button{font-size:11px;padding:8px 3px}#free-move.enabled{background:#ffe4ad;border-color:#d99932;color:#573000;font-weight:700}

/* 편집 전용 가이드 컨트롤 */
#grid-toggle.chosen,#guide-toggle.chosen,#snap-toggle.chosen{background:#ccebe3;border-color:#6eae9d;color:#0c594b;font-weight:700}
.guide-hint{background:#eaf4ff;border-left:3px solid #2a74bd;padding:8px;border-radius:3px}

/* 문단·섹션 최소 높이 조절: 편집기 UI 전용 */
.block-size-tool{padding:13px 12px;background:#f0f7ff;border-top:1px solid #cddfed;border-bottom:1px solid #cddfed}.block-size-tool b{color:#143b69;font-size:13px}.block-size-tool p{font-size:11px;color:#506b86;line-height:1.6;margin:7px 0}.block-size-row{display:flex;gap:6px;align-items:end;margin-top:8px}.block-size-row label{flex:1;min-width:0;font-size:11px;color:#536a83}.block-size-row input{width:100%;min-width:0;padding:8px;border:1px solid #b7cde4;border-radius:5px;background:white}.block-size-row button{flex:1;min-width:0;padding:8px 5px;font-size:11px;font-weight:700}.block-size-row button:disabled{opacity:.45;cursor:not-allowed}.block-size-note{font-size:10px!important}

/* 겹치는 이미지/문단의 표시 순서 조절 */
.layer-order-tool{padding:12px;background:#fffaf0;border-top:1px solid #ecd8b3}.layer-order-tool b{font-size:13px;color:#6d4517}.layer-order-tool p{font-size:11px;line-height:1.55;color:#6b5a43;margin:6px 0 10px}.layer-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layer-order-grid button{font-size:11px;padding:9px 5px;border-color:#e0c9a3;background:#fff}.layer-order-grid button:hover{background:#f9e6c8}.layer-order-note{font-size:10px!important}

/* 섹션 전체 크기 전용 */
.section-size-tool{padding:13px 12px;border-top:2px solid #a9c5e6;background:#f2f8ff}.section-size-tool b{color:#123c6c;font-size:13px}.section-size-tool p{font-size:11px;color:#526d89;line-height:1.6}.section-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.section-size-grid label{font-size:11px;color:#536a83;min-width:0}.section-size-grid input{display:block;width:100%;padding:8px;border:1px solid #b7cde4;border-radius:5px}.section-size-grid button,.wide-section{padding:9px 5px;font-size:11px;font-weight:700}.wide-section{width:100%;background:#e0efff;border-color:#9ac2ec}.section-size-note{font-size:10px!important}

/* 클릭 한 번으로 추가하는 요소 패널 */
.quick-add-help{font-size:11px;color:#516b85;line-height:1.55;margin:0 12px 10px}.quick-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 12px 12px}.quick-add-button{min-height:42px;padding:8px 4px;font-size:11px;font-weight:700;color:#174c80;background:#eef6ff;border:1px solid #b5d4ef;border-radius:7px}.quick-add-button:hover,.quick-add-button:focus-visible{background:#d9ebff;border-color:#3983c3}.drag-add{margin:0 10px 15px;border-top:1px solid #e1e8ef;padding-top:10px}.drag-add summary{font-size:11px;font-weight:700;color:#61748b;cursor:pointer;padding:8px 2px}.drag-add #blocks{min-height:0}

.section-direct-tool{padding:13px 12px;background:#f5fbf8;border-top:2px solid #76bba6}.section-direct-tool>b{color:#175845;font-size:13px}.section-direct-tool p{font-size:11px;line-height:1.55;color:#456b5e}.section-direct-tool input[type=color]{height:35px;padding:2px;cursor:pointer}.section-direct-tool button{font-size:11px;font-weight:700;padding:9px 3px}.section-direct-tool #direct-size-result{padding:7px;background:#e7f5ef;border-radius:5px}