/* Temporary local editing desk; never changes the public site's visual identity. */
.photo-edit-launch{position:fixed;left:12px;top:145px;z-index:90;background:#19344b;color:#fff;border:1px solid #ffffff60;border-radius:6px;padding:12px 16px;font:600 13px system-ui;box-shadow:0 3px 15px #0002}
.photo-edit-open body{margin-left:460px;width:calc(100% - 460px);position:relative}
.photo-edit-open .photo-edit-launch{display:none}
.photo-editor{--edit-ink:#ecf2f6;--edit-thumb-height:130px;position:fixed;inset:0 auto 0 0;width:460px;height:100dvh;overflow-y:auto;z-index:100;background:#132b3f;color:var(--edit-ink);border-right:1px solid #40586a;display:flex;flex-direction:column;font:13px/1.5 system-ui,'Apple SD Gothic Neo',sans-serif;text-align:left;box-shadow:6px 0 20px #00122216}
.photo-editor[hidden]{display:none}
.photo-editor *{box-sizing:border-box}
.photo-editor button,.photo-editor input,.photo-editor select{font:inherit}
.photo-editor button:focus-visible,.photo-editor input:focus-visible,.photo-editor select:focus-visible{outline:2px solid #ffda59;outline-offset:2px}
.photo-editor button{color:inherit;text-align:center;cursor:pointer}
.photo-editor-head{flex:none;padding:12px 20px;border-bottom:1px solid #ffffff22;display:flex;align-items:center;justify-content:space-between}
.photo-editor-head strong{font-size:18px;letter-spacing:-.03em}.photo-editor-head small{display:block;color:#bacbd7;font-size:11px;margin-bottom:3px}
.photo-editor-head button{width:40px;height:40px;border:1px solid #ffffff30;border-radius:5px;font-size:20px}
.photo-editor-tools{padding:10px 20px;border-bottom:1px solid #ffffff22;flex:none;max-height:32vh;overflow:auto}
.photo-editor label{display:block;color:#c6d6e1;font-size:12px;margin-bottom:6px}
.photo-editor select,.photo-editor input[type=search]{display:block;width:100%;background:#203e55;color:#fff;border:1px solid #526a7c;border-radius:4px;padding:9px 10px;min-height:40px}
.photo-editor select{margin-bottom:13px}.photo-editor option{background:#203e55}
.photo-editor-hint{font-size:12px;color:#c6d6e1;line-height:1.7;margin:0 0 13px;word-break:keep-all}
.photo-editor-font{display:grid;grid-template-columns:1fr auto;gap:7px}.photo-editor-font button{border:1px solid #526a7c;border-radius:4px;height:40px;padding:0 10px}
.photo-editor-fit{display:flex;gap:6px;margin-bottom:12px}.photo-editor-fit button{flex:1;padding:8px;border:1px solid #526a7c;border-radius:4px;background:#203e55}.photo-editor-fit button[aria-pressed=true]{background:#ffda59;color:#132b3f;border-color:#ffda59}
.photo-editor-crop label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0}.photo-editor-crop input{width:166px;accent-color:#ffda59;cursor:pointer}.photo-editor-crop[hidden]{display:none}
.photo-editor-reset{display:flex;gap:12px;margin-top:12px}.photo-editor-reset button{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:4px 0}.photo-editor button:disabled{opacity:.4;cursor:default}
.photo-editor-browser{padding:14px 18px 0;display:flex;flex-direction:column;min-height:380px;flex:1 0 380px}
.photo-editor-filter{display:flex;gap:4px;margin:10px 0;flex-wrap:wrap}.photo-editor-filter button{padding:7px 10px;border-radius:4px;background:#ffffff0c;font-size:11px}.photo-editor-filter button[aria-pressed=true]{background:#e9f1f5;color:#19344b}
.photo-editor-count{font-size:11px;color:#b9cbd9;margin:0 0 9px}
.photo-editor-grid{overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(var(--edit-thumb-height) + 30px);align-content:start;align-items:start;gap:10px;padding:2px 3px 16px;min-height:0;flex:1}
.photo-editor-photo{display:grid;grid-template-rows:var(--edit-thumb-height) 26px;height:calc(var(--edit-thumb-height) + 30px);min-height:calc(var(--edit-thumb-height) + 30px);align-content:start;padding:0;background:none;border:2px solid transparent;border-radius:5px;overflow:hidden;position:relative;min-width:0}
.photo-editor-photo[aria-pressed=true]{border-color:#ffda59}.photo-editor-photo img{display:block;width:100%;height:var(--edit-thumb-height);min-height:var(--edit-thumb-height);aspect-ratio:auto;object-fit:contain;background:#081c2c}.photo-editor-photo span{display:block;font-size:11px;padding:5px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-editor-photo:hover{background:#ffffff16}
.photo-editor-empty{grid-column:1/-1;color:#c6d6e1;font-size:12px;padding:15px 0}
.photo-editor-foot{padding:9px 18px 10px;border-top:1px solid #ffffff22;flex:none}.photo-editor-status{font-size:11px;color:#c6d6e1;height:32px;overflow:auto;line-height:1.5;margin-bottom:5px}.photo-editor-foot button{width:100%;border:1px solid #526a7c;border-radius:4px;padding:9px}
.photo-edit-open [data-photo-slot]:hover,.photo-edit-open .course:hover,.photo-edit-open .hero-stories:hover,.photo-edit-open .gallery-slideshow:hover{outline:2px dashed #ffda59;outline-offset:-3px;cursor:crosshair}
.photo-edit-open .photo-edit-selected{outline:3px solid #ffda59!important;outline-offset:-3px}
.photo-edit-open .hero-stories .hero-img,.photo-edit-open .gallery-frame{transition:none!important}
.photo-edit-open .hero-img.is-current{opacity:1}
@media(max-width:760px){.photo-edit-open body{margin-left:0;width:100%}.photo-editor{width:min(460px,94vw);--edit-thumb-height:100px;box-shadow:8px 0 24px #0005}.photo-editor-head{flex:none;padding:10px 16px}.photo-editor-tools{padding:12px 16px;max-height:32vh}.photo-editor-browser{padding-top:10px}.photo-edit-launch{top:auto;bottom:18px}.photo-editor-head strong{font-size:16px}}
.photo-editor-pick{display:none}
.photo-edit-picking .photo-editor{display:none}
.photo-edit-picking .photo-edit-launch{display:block}
@media(max-width:1280px){
 .photo-edit-open body{margin-left:0;width:100%}
 .photo-editor-pick{display:block;width:100%;border:1px solid #526a7c;border-radius:4px;padding:9px;margin-bottom:12px}
}

/* Keep adjustments folded so the photo browser gets the available height. */
.photo-editor-options{padding:0;border:0}
.photo-editor-options>summary{font-size:12px;font-weight:500;padding:7px 28px 7px 0;color:#c6d6e1;line-height:1.5}
.photo-editor-options>summary:after{color:#ffda59;top:7px}
.photo-editor-options-body{padding-top:13px}
.photo-editor-tools>#edit-target{margin-bottom:4px}
.photo-editor-foot-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
.photo-editor-foot-actions button{font-size:12px;padding:7px}
.photo-editor-browser>label,.photo-editor-browser>input,.photo-editor-filter,.photo-editor-count{flex-shrink:0}
@media(max-width:1280px){.photo-editor-pick{padding:7px;margin-bottom:8px}}

.photo-editor-device{display:flex;gap:6px;margin-top:12px}.photo-editor-device button{flex:1;padding:10px;border:1px solid #526a7c;border-radius:5px}.photo-editor-device [aria-pressed=true]{background:#ffda59;color:#132b3f;border-color:#ffda59}
.photo-editor-device-note{font-size:11px;color:#bacbd7;margin:7px 0 12px}
.photo-editor-mobile-preview>p{font-size:12px;color:#c6d6e1;margin-bottom:8px}
.photo-editor-preview-frame{width:100%;max-width:235px;max-height:410px;margin:0 auto 14px;background:#081c2c;overflow:hidden;border-radius:8px;border:1px solid #526a7c}
.photo-editor-preview-frame img{display:block;width:100%;height:100%;max-width:none}
.photo-editor.is-mobile-edit .photo-editor-tools{max-height:none;flex:1;min-height:0;overflow:auto}
.photo-editor.is-mobile-edit .photo-editor-browser,.photo-editor.is-mobile-edit .photo-editor-font,.photo-editor.is-mobile-edit label[for=edit-font]{display:none}
.photo-editor.is-mobile-edit .photo-editor-options>summary{font-size:0}.photo-editor.is-mobile-edit .photo-editor-options>summary:before{content:'모바일 사진 맞춤 · 구도';font-size:12px}
/* Keep the mobile crop and its controls visible together. */
.photo-editor.is-mobile-edit .photo-editor-tools{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr);column-gap:14px;align-content:start;align-items:start}
.photo-editor.is-mobile-edit .photo-editor-tools>*{grid-column:1/-1;min-width:0}
.photo-editor.is-mobile-edit .photo-editor-mobile-preview{grid-column:1}
.photo-editor.is-mobile-edit .photo-editor-options{grid-column:2}
.photo-editor.is-mobile-edit .photo-editor-preview-frame{max-width:170px}
.photo-editor.is-mobile-edit .photo-editor-crop label{display:block;margin:15px 0}
.photo-editor.is-mobile-edit .photo-editor-crop input{display:block;width:100%;margin:8px 0}
.photo-editor.is-mobile-edit .photo-editor-fit{flex-direction:column}
.photo-editor.is-mobile-edit .photo-editor-options>summary{pointer-events:none}

.photo-editor-offset input{display:block;width:100%;margin:8px 0;accent-color:#ffda59}.photo-editor-preview-frame{background:#8397a9}

.photo-editor-preview-frame{position:relative}