.cp-overlay{position:fixed;inset:0;z-index:10030;background:var(--card,#fff);color:var(--txt,#202629);display:flex;flex-direction:column;font:14px Inter,system-ui,sans-serif;letter-spacing:0}
.cp-overlay *{box-sizing:border-box;letter-spacing:0}
.cp-overlay p,.cp-overlay li,.cp-photo-body strong{overflow-wrap:anywhere}
.cp-overlay button,.cp-overlay input,.cp-overlay select,.cp-overlay textarea{font:inherit}
.cp-overlay button,.cp-overlay label.cp-button{cursor:pointer}
.cp-header{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--brd,#ddd)}
.cp-header h1{font-size:20px;margin:0}.cp-header p{margin:4px 0 0;color:var(--mut,#687076)}
.cp-main{overflow:auto;flex:1;padding:20px 24px;overscroll-behavior:contain}
.cp-inner{max-width:1160px;margin:auto}
.cp-tabs,.cp-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cp-tabs{border-bottom:1px solid var(--brd,#ddd);padding-bottom:12px;margin-bottom:16px}
.cp-button{border:1px solid var(--brd,#d3d8da);background:var(--card,#fff);color:inherit;padding:10px 14px;border-radius:6px;min-height:42px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none}
.cp-button svg{width:18px;height:18px;flex:none}.cp-button[disabled]{opacity:.5;cursor:default}.cp-icon{width:42px;padding:10px;flex:none}
.cp-button.primary,.cp-tabs .on{color:#fff;background:#237b68;border-color:#237b68}
.cp-guides{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:16px 0}
.cp-guide{padding:12px 6px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--brd,#d3d8da);border-radius:6px;color:inherit;background:var(--bg,#f6f7f7);min-height:76px;text-align:center}
.cp-guide.on{outline:2px solid #237b68;outline-offset:-2px}.cp-guide span{font-size:12px;color:var(--mut,#687076)}
.cp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin:18px 0}
.cp-photo{border:1px solid var(--brd,#ddd);border-radius:6px;overflow:hidden;background:var(--card,#fff)}
.cp-photo button{padding:0;border:0;width:100%;display:block;background:transparent;color:inherit;text-align:left}
.cp-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.cp-photo-body{padding:12px}.cp-photo-body strong{display:block}.cp-photo-body p{margin:6px 0;font-size:13px;overflow-wrap:anywhere}.cp-photo-body small{color:var(--mut,#687076)}
.cp-section-title{font-size:16px;margin:22px 0 10px}.cp-status{min-height:22px;margin:12px 0;color:var(--mut,#687076)}.cp-status.error{color:#b42e3d}
.cp-queue{padding:10px 0;border-bottom:1px solid var(--brd,#ddd);display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere}
.cp-queue>span{min-width:0}.cp-queue>.cp-button{flex:none}
.cp-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.cp-compare>section{min-width:0}.cp-compare h2{font-size:16px}.cp-compare select{width:100%;margin-bottom:12px}
.cp-compare-frame{position:relative;background:#eff2f2;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}.cp-compare-frame img{display:block;width:100%;height:100%;object-fit:contain}.cp-compare-frame .cp-mark-frame{width:100%;height:100%}
.cp-empty{padding:28px 12px;text-align:center;color:var(--mut,#687076);border:1px dashed var(--brd,#ddd)}
.cp-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.cp-field{display:flex;flex-direction:column;gap:6px}.cp-field.wide{grid-column:1/-1}
.cp-overlay input:not([type=file]),.cp-overlay select,.cp-overlay textarea{min-width:0;max-width:100%;padding:10px;border:1px solid var(--brd,#cbd1d5);border-radius:6px;background:var(--card,#fff);color:inherit;min-height:42px;width:100%}
.cp-mark-frame{position:relative;width:fit-content;max-width:100%;margin:16px auto;background:#f0f2f2;touch-action:manipulation}.cp-mark-frame>img{display:block;max-width:100%;max-height:52vh;width:auto;height:auto}
#cp-mark-frame{cursor:crosshair}
.cp-mark{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:2px solid white;border-radius:50%;background:#c52e43;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 1px 4px #0005;pointer-events:none;font-size:13px}
.cp-marker-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--brd,#ddd)}.cp-marker-row>b{flex:none}.cp-marker-row input{flex:1}.cp-editor-footer{display:flex;justify-content:flex-end;gap:8px;margin:20px 0}
@media(max-width:700px){.cp-header{padding:12px 16px}.cp-header h1{font-size:18px}.cp-main{padding:14px 16px}.cp-guides{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp-photo-body{padding:10px}.cp-compare{grid-template-columns:1fr}.cp-editor-fields{grid-template-columns:1fr}.cp-header p{max-width:250px;overflow-wrap:anywhere}.cp-marker-row{flex-wrap:wrap}.cp-marker-row input{flex-basis:60%}}