.ckcp-question-media{min-width:0;margin:16px 0;padding:14px;border:1px solid #dadbd9;border-radius:8px;background:#fafbf9}.ckcp-question-media legend{padding:0 6px;font-size:13px;font-weight:600}.ckcp-media-help,.ckcp-media-status{font-size:12px;line-height:1.55;overflow-wrap:anywhere;margin:5px 0 10px}.ckcp-media-choose{display:flex;flex-direction:column;gap:8px;font-size:13px}.ckcp-media-choose input{display:block;width:100%;max-width:100%;font:inherit}.ckcp-media-previews,.ckcp-question-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:10px;margin:12px 0}.ckcp-media-preview,.ckcp-question-attachments figure{margin:0;min-width:0;max-width:100%;border:1px solid #e3e4e0;border-radius:6px;overflow:hidden;background:white}.ckcp-media-preview img,.ckcp-media-preview video,.ckcp-question-attachments img,.ckcp-question-attachments video{display:block;width:100%;max-width:100%;height:150px;object-fit:contain;background:#f0f1ee}.ckcp-question-attachments video{height:auto;max-height:360px}.ckcp-media-preview figcaption,.ckcp-question-attachments figcaption{padding:8px;font-size:11px;overflow-wrap:anywhere;line-height:1.4}.ckcp-media-preview figcaption button{display:block;padding:4px 8px;margin-top:6px;font-size:11px}.ckcp-media-preview small,.ckcp-media-file{display:block;padding:8px;font-size:11px}.ckcp-media-status:empty{display:none}@media(max-width:600px){.ckcp-question-media{padding:10px}.ckcp-media-previews,.ckcp-question-attachments{grid-template-columns:repeat(2,minmax(0,1fr))}.ckcp-media-preview img,.ckcp-media-preview video{height:115px}.ckcp-question-attachments figure:has(video){grid-column:1/-1}}

@media(max-width:600px){.ckcp-question-attachments figure:only-child,.ckcp-media-previews figure:only-child{grid-column:1/-1}.ckcp-question-attachments figure:only-child img{height:auto;max-height:260px;object-fit:contain}}

.ckcp-question-attachments .ckcp-attachment-photo{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;background:#f0f1ee;color:#23312a;cursor:zoom-in;text-align:left;font:inherit}
.ckcp-attachment-photo-hint{position:absolute;right:8px;bottom:8px;padding:5px 8px;border:1px solid #d9ded8;border-radius:4px;background:rgba(255,255,255,.94);font-size:11px;font-weight:500;line-height:1.4;pointer-events:none}
.ckcp-question-attachments .ckcp-attachment-photo.has-error{min-height:150px}
.ckcp-attachment-photo.has-error img{visibility:hidden}
.ckcp-attachment-photo.has-error .ckcp-attachment-photo-hint{inset:50% 8px auto;transform:translateY(-50%);text-align:center}
.ckcp-question-attachments .ckcp-attachment-photo:focus-visible{outline:3px solid #536d60;outline-offset:-3px}
.ckcp-question-attachments .ckcp-attachment-photo:active{transform:scale(.99)}

.ckcp-photo-viewer{box-sizing:border-box;width:min(1080px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #dadfd9;border-radius:12px;background:#f8f9f6;color:#24302a;font-family:inherit;box-shadow:0 24px 80px rgba(19,30,23,.2);overscroll-behavior:contain}
.ckcp-photo-viewer:not([open]){display:none}
.ckcp-photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.ckcp-photo-viewer::backdrop{background:rgba(19,25,22,.8)}
.ckcp-photo-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #dde1da}
.ckcp-photo-viewer-header h2{margin:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:normal}
.ckcp-photo-viewer button{box-sizing:border-box;min-height:42px;padding:8px 14px;border:1px solid #cdd5cd;border-radius:6px;background:#fff;color:#25352b;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;transition:background .15s ease,transform .15s ease}
.ckcp-photo-viewer button:hover{background:#ecf0e9}
.ckcp-photo-viewer button:active{transform:scale(.98)}
.ckcp-photo-viewer button:focus-visible{outline:3px solid #536d60;outline-offset:3px}
.ckcp-photo-viewer button:disabled{opacity:.4;cursor:default;transform:none}
.ckcp-photo-viewer button[hidden]{display:none}
.ckcp-photo-viewer-stage{position:relative;display:grid;place-items:center;min-height:160px;height:min(68dvh,740px);overflow:hidden;background:#e9ece6}
.ckcp-photo-viewer .ckcp-photo-viewer-image{grid-area:1/1;display:block;min-height:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.ckcp-photo-viewer-stage.is-loading .ckcp-photo-viewer-image,.ckcp-photo-viewer-stage.has-error .ckcp-photo-viewer-image{visibility:hidden}
.ckcp-photo-viewer-status{grid-area:1/1;align-self:center;max-width:46ch;margin:0;padding:20px;text-align:center;font-size:14px;line-height:1.65;color:#46554a}
.ckcp-photo-viewer-status:empty{display:none}
.ckcp-photo-viewer-stage.has-error .ckcp-photo-viewer-status{padding-bottom:64px}
.ckcp-photo-viewer-retry{position:absolute;top:calc(50% + 42px);left:50%;transform:translateX(-50%)}
.ckcp-photo-viewer .ckcp-photo-viewer-retry:active{transform:translateX(-50%) scale(.98)}
.ckcp-photo-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:14px 20px;border-top:1px solid #dde1da}
.ckcp-photo-viewer-caption{min-width:0;margin:0;color:#566254;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.ckcp-photo-viewer-navigation{display:flex;flex-shrink:0;align-items:center;gap:12px}
.ckcp-photo-viewer-counter{min-width:42px;text-align:center;color:#586555;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:600px){
  .ckcp-photo-viewer{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:8px}
  .ckcp-photo-viewer-header{gap:12px;padding:10px 12px}
  .ckcp-photo-viewer-header h2{font-size:14px}
  .ckcp-photo-viewer-stage{height:60dvh;min-height:120px}
  .ckcp-photo-viewer-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px}
  .ckcp-photo-viewer-caption{max-height:3em;overflow:auto}
  .ckcp-photo-viewer-navigation{justify-content:space-between;gap:10px}
  .ckcp-photo-viewer-navigation button{min-width:88px}
  .ckcp-photo-viewer button{min-height:44px}
  .ckcp-photo-viewer-status{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.ckcp-photo-viewer button{transition:none}.ckcp-photo-viewer button:active,.ckcp-question-attachments .ckcp-attachment-photo:active{transform:none}.ckcp-photo-viewer .ckcp-photo-viewer-retry:active{transform:translateX(-50%)}}