.area-layouts{margin:12px;padding:12px;border:1px solid #ccd9e8;border-radius:10px;background:#f2f6fc}.area-layouts>summary{font-weight:700;cursor:pointer;color:#203b5a}.area-layouts p{font-size:12px;line-height:1.5}.area-layouts input{box-sizing:border-box;width:100%;min-width:0;margin:4px 0 8px;padding:8px;border:1px solid #c4cfdf;border-radius:6px}.area-layout-filters{display:flex;gap:8px}.area-layout-filters label{flex:1;min-width:0;font-size:12px}.area-layouts button{padding:8px;margin:3px 3px 6px 0;border:1px solid #b7c9e3;background:white;border-radius:6px;cursor:pointer}.area-layout-card{margin-top:10px;padding:12px;background:white;border:1px solid #d6dfeb;border-radius:8px}.area-layout-card strong{display:block;line-height:1.5}.area-layout-card button:first-of-type{background:#245ed7;color:white}.area-layout-form{max-height:85vh;overflow:auto;max-width:460px!important}.area-layout-form>label{display:block;margin:10px 0}.area-layout-form input:not([type=checkbox]),.area-layout-form textarea{box-sizing:border-box;display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #bdcada;border-radius:6px}.area-layout-form button{padding:10px 16px;margin-right:8px}.area-layout-form button[type=submit]{background:#245ed7;color:white;border:0;border-radius:6px}

.catalog-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px 8px 8px;flex-shrink:0;background:#fff}
.catalog-tabs button{min-width:0;padding:11px 2px;border:1px solid #ccd7e5;border-radius:7px;background:#f3f6fa;color:#354860;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.catalog-tabs button[aria-selected=true]{background:#2863df;color:#fff;border-color:#2863df}
.catalog-tabs button:focus-visible{outline:2px solid #1744a0;outline-offset:2px}
#areaLayoutPanel{overflow:auto;min-height:0;flex:1}
#areaLayoutPanel[hidden],#catalog[hidden],#categoryChips[hidden],#catalog-search[hidden]{display:none!important}
#areaLayoutPanel .area-layouts{margin:4px 8px 12px;background:#fff;padding:12px}
.area-layouts h3{margin:0 0 8px;color:#203b5a;font-size:16px}

@media(max-width:1150px){.catalog-tabs button{font-size:12px;padding:10px 0}}

.area-pyeong-buttons{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.area-pyeong-buttons button[aria-pressed=true]{background:#2863df;color:white;border-color:#2863df}.area-layout-card img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;margin-top:9px;border-radius:6px;background:#f5f7fa}.area-image-controls{padding:12px;background:#f3f7fc;border:1px solid #d8e1ed;border-radius:8px;margin:14px 0}.area-image-controls h4{margin:0 0 10px}.area-image-controls label{display:block;margin:10px 0}.area-image-controls select{box-sizing:border-box;width:100%;padding:9px;margin-top:5px;border:1px solid #c4cfdf;border-radius:6px;background:white}.area-image-controls small{display:block;font-size:12px;color:#62718a;line-height:1.5}.area-image-controls img{display:block;width:100%;margin-top:10px;max-height:280px;object-fit:contain;background:#fff;border-radius:6px}.area-image-controls img[hidden]{display:none}.area-image-check input[type=checkbox]{width:auto;display:inline;margin-right:5px}[data-area-resume-image]{background:#edf4ff!important;color:#194f9d!important}
/* Image-led layout browser. */
#areaLayoutPanel{background:#f6f8fc}#areaLayoutPanel .area-layouts{margin:0;padding:16px 12px;border:0;border-radius:0;background:transparent}.area-browser-heading>span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#6c85a5}.area-browser-heading h3{font-size:19px;margin:5px 0 7px;color:#203b59;letter-spacing:-.6px}.area-browser-heading p{margin:0 0 15px;color:#6e7f94;font-size:12px}.area-pyeong-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0 14px}.area-pyeong-buttons button{margin:0;padding:9px 3px;border:1px solid #dce4ee;border-radius:7px;background:#fff;color:#66798e;font-size:11px;font-weight:600}.area-pyeong-buttons button[aria-pressed=true]{background:#253f61;border-color:#253f61;color:#fff}.area-search-field{display:block}.area-search-field>span{display:none}.area-layouts .area-search-field input{margin:0 0 8px;padding:11px 12px;background:#fff;border-color:#dde5f0;border-radius:8px;font-size:12px}.area-layout-filters{justify-content:flex-end}.area-layout-filters label{display:flex;align-items:center;gap:8px;font-size:11px;color:#708298;flex:0 1 auto}.area-layout-filters input{width:90px;margin:0;padding:6px 8px;background:white;font-size:11px}.area-admin-tools{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.area-admin-tools button{font-size:11px;margin:0;padding:7px 9px;color:#486385;background:#edf3fc;border-color:#d9e4f4}.area-result-count{margin:14px 0 7px;font-size:11px!important;color:#7c8ba0}.area-layouts [data-area-status]:empty{display:none}.area-layout-card{padding:0;margin:0 0 15px;border:1px solid #e0e7f0;border-radius:12px;overflow:hidden;background:white;box-shadow:0 3px 12px #203b5a06}.area-layout-card .area-card-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;margin:0;padding:0;border:0;border-radius:0;background:#edf2f8!important;color:#70839c;overflow:hidden;cursor:zoom-in}.area-card-thumbnail img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border-radius:0;background:#f1f4f8}.area-card-thumbnail img[hidden],.area-thumbnail-status[hidden]{display:none!important}.area-thumbnail-status{padding:18px;text-align:center;font-size:11px;line-height:1.7}.area-card-body{padding:14px 12px}.area-card-body>strong{font-size:15px;letter-spacing:-.35px;color:#233b57}.area-card-body>p{margin:7px 0 13px;font-size:11px;line-height:1.7;color:#7c8c9e}.area-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:6px}.area-card-actions button{margin:0;padding:9px 4px;border-radius:7px;font-size:11px;font-weight:600}.area-card-actions .area-preview-button{background:#f5f8fc!important;color:#506987!important;border-color:#e0e7f0}.area-card-actions .area-load-button{background:#2866d7!important;color:#fff;border-color:#2866d7}.area-card-admin{margin-top:13px;border-top:1px solid #edf1f6;padding-top:8px}.area-card-admin summary{cursor:pointer;font-size:10px;color:#8492a4}.area-card-admin button{font-size:10px;padding:6px;margin:7px 4px 0 0}.area-preview-modal .modal-box{width:min(900px,92vw);max-width:900px;max-height:90vh;overflow:auto}.area-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.area-preview-title h3{margin:0;font-size:19px}.area-preview-title button{border:0;background:transparent;font-size:26px;padding:3px 8px;cursor:pointer}.area-preview-modal img{display:block;width:100%;max-height:62vh;object-fit:contain;background:#f2f5fa;border-radius:10px}.area-preview-modal img[hidden]{display:none}.area-preview-modal [data-preview-info]{color:#74859b;font-size:13px}.area-preview-modal [data-preview-load]{padding:11px 18px;background:#2866d7;color:#fff;border:0;border-radius:7px;margin-top:16px;cursor:pointer}
#areaImageAdjustBar{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:30;background:#fff;border:1px solid #b6cbed;border-radius:10px;padding:12px 15px;box-shadow:0 4px 18px #203b5a20;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);flex-wrap:wrap;font-size:12px}#areaImageAdjustBar strong{color:#25486c}#areaImageAdjustBar span{color:#7c8ba0;font-size:11px}#areaImageAdjustBar button{padding:9px 11px;border:0;border-radius:6px;cursor:pointer;white-space:nowrap}#areaImageAdjustBar [data-adjust-save]{background:#2866d7;color:#fff}#areaImageAdjustBar[hidden]{display:none!important}