:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b0c0e;color:#e4e2dd;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}header,footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:28px 5vw;border-bottom:1px solid #222428}.brand{letter-spacing:.25em;font-size:16px;text-decoration:none;color:inherit}.brand span{display:block;font-size:8px;letter-spacing:.22em;margin-top:7px;color:#7e807f}.badge{font-size:10px;border:1px solid #36383b;border-radius:20px;padding:7px 11px;color:#a5a8a5}main{width:min(560px,90%);margin:65px auto;flex:1}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:#a9a38e;margin:0 0 22px}h1{font-weight:400;font-size:clamp(38px,7vw,58px);line-height:1.08;letter-spacing:-.05em;margin:0 0 24px}h1 span{color:#747773}.intro{line-height:1.7;color:#9b9d99;margin:0 0 32px;max-width:440px}label{display:block;font-size:11px;color:#aaa;margin:22px 0 10px}textarea,input,select{width:100%;background:#111315;border:1px solid #303236;border-radius:6px;color:#e4e2dd;padding:15px;font:inherit;outline:none}textarea{resize:vertical;min-height:155px;line-height:1.6}textarea:focus,input:focus,select:focus{border-color:#aaa38c}.under{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#797d78;margin:10px 0 20px}details{border-top:1px solid #282b2d;border-bottom:1px solid #282b2d;padding:18px 0}summary{cursor:pointer;font-size:12px}summary span{float:right;color:#737771;font-size:10px}details input{margin-bottom:6px}.hint{font-size:11px;line-height:1.7;color:#888d86;margin:20px 0}button{cursor:pointer;border:1px solid #cec6ae;border-radius:5px;background:#cec6ae;color:#161714;font:inherit;font-size:12px;padding:16px 20px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px}button:disabled{cursor:wait;opacity:.45}.secondary{background:transparent;color:#aaa99d;border-color:#41443f}.actions{display:flex;gap:12px;margin:22px 0}.actions button{justify-content:center}footer{border-top:1px solid #222428;border-bottom:0;color:#686d66;font-size:9px;letter-spacing:.05em}.textlink{display:inline-block;margin-top:22px;font-size:12px;color:#aaa99d}#status{font-size:12px;color:#cfb594;line-height:1.6;min-height:20px}h2{font-weight:400;font-size:24px;letter-spacing:-.03em}.note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:24px 0;min-height:100px;border-top:1px solid #30332e;border-bottom:1px solid #30332e}#link{font-size:12px}[hidden]{display:none!important}:focus-visible{outline:2px solid #c7b68e;outline-offset:4px}@media(max-width:600px){header,footer{padding:22px 5vw}main{margin:40px auto}input,select,textarea{font-size:16px}.actions{flex-direction:column}footer{align-items:flex-start;line-height:1.6;gap:30px}.badge{font-size:9px}}
:is(#pin-form,#key-form) button{margin-top:24px}.admin-record{padding:18px 0;border-top:1px solid #30332e;overflow-wrap:anywhere}.admin-record strong{font:12px monospace;color:#c7bba1}.admin-record p{font-size:11px;color:#8f958b;line-height:1.7}#admin-status{font-size:12px;line-height:1.7;color:#cfb594;min-height:24px}

.admin-page h1{font-size:clamp(30px,6vw,42px)}.admin-page .intro{font-size:13px}.admin-page h2{font-size:22px}
.admin-dialog{width:min(520px,92vw);max-height:90dvh;overflow:auto;background:#111315;color:#e4e2dd;border:1px solid #514a3d;border-radius:7px;padding:28px}.admin-dialog::backdrop{background:#000b}.admin-dialog .intro{font-size:12px;line-height:1.7;margin-bottom:18px}.delete-id{font:12px monospace;overflow-wrap:anywhere;color:#c7bba1}.admin-delete{width:auto;padding:10px 16px;min-height:44px;font-size:11px}#delete-error{font-size:12px;color:#cfb594;line-height:1.6;min-height:20px}

.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.statistics-grid .admin-record{min-width:0;overflow-wrap:anywhere}.statistics-grid strong{font-size:1.2rem}.actions [aria-pressed="true"]{border-color:var(--accent,#b8ab93)}

.setting-toggle{display:flex;align-items:center;gap:12px;line-height:1.6}.setting-toggle input{width:22px;height:22px;flex-shrink:0}#settings-status{font-size:12px;line-height:1.7;color:#cfb594}

.image-photo{display:block;width:100%;max-height:75dvh;object-fit:contain;border-radius:6px;background:#111315}.image-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#b8b7ad}#image-status{font-size:12px;line-height:1.7;color:#cfb594;min-height:24px}

nav.actions{flex-wrap:wrap}nav.actions button{flex:1;min-width:90px}#image-result-links input{font-size:12px}#album-status,#album-photo-status{font-size:12px;line-height:1.7;color:#cfb594;min-height:22px}

.feedback-row{margin:14px 0;overflow-wrap:anywhere;text-align:left}#fb-detail form,#feedback-lookup{margin:28px 0}#fb-info,#fb-link{overflow-wrap:anywhere}#feedback-status{font-size:12px;line-height:1.7;color:#cfb594}

#image-return-result{margin-top:12px}


/* Responsive encrypted-link results: no horizontal scrolling or tiny touch targets. */
#image-result-links{min-width:0;display:grid;gap:18px;margin-block:20px}
.image-link-item{min-width:0;border-top:1px solid #30332e;padding-top:12px}
.image-link-item label{margin:0 0 8px;overflow-wrap:anywhere}
.image-link-controls{display:flex;align-items:stretch;gap:10px;min-width:0}
.image-link-controls input{flex:1 1 0;min-width:0;max-width:100%;font-size:16px}
.image-link-copy{width:auto;flex:0 0 auto;min-height:44px;justify-content:center}
.image-link-feedback{display:block;min-height:18px;margin-top:6px;font-size:11px;line-height:1.5;color:#bcb39e;overflow-wrap:anywhere}
#image-result-links .textlink{margin:6px 0 12px;overflow-wrap:anywhere}
#image-result-links details{min-width:0}
#image-result-links textarea{overflow-wrap:anywhere}
@media(max-width:420px){
  header,footer{flex-wrap:wrap;row-gap:12px}
  main{min-width:0}
  .image-link-controls{flex-direction:column}
  .image-link-copy{width:100%}
  .image-photo{max-height:65dvh}
}
@media(prefers-reduced-motion:reduce){
  button,input,textarea,select{scroll-behavior:auto}
}
/* Creator sections have no hero heading: compact space between eyebrow and explanation. */
#creator > .eyebrow, #image-creator > .eyebrow { margin-bottom: 14px; }