:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111;color:#f7f1e8}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:40px 20px}h1{font-size:clamp(28px,5vw,42px);margin:10px 0 24px}h2{font-size:23px}.brand{color:#d6a15f;font-size:12px;letter-spacing:.16em}p{line-height:1.65;color:#d2cbc3}a{color:#e6b77b}section{background:#1c1b19;border:1px solid #50412f;border-radius:16px;padding:24px;margin:20px 0}label{display:block;line-height:1.5;flex:1}input,select,button{font:inherit;border-radius:8px;padding:13px 15px}input,select{display:block;width:100%;background:#121212;border:1px solid #74654f;color:#fff;margin:8px 0 18px;min-width:0}button{border:1px solid #d6a15f;background:#d6a15f;color:#15120e;font-weight:650;cursor:pointer;min-height:46px}.secondary{background:transparent;color:#eee}.two,.row,nav{display:flex;gap:16px;align-items:end}nav{justify-content:space-between;align-items:center}.notice{border-left:3px solid #d6a15f;padding:14px;background:#25211b}h3{font-size:18px}.row button{margin-bottom:18px}:focus-visible{outline:3px solid #ffe0b7;outline-offset:3px}@media(max-width:560px){.two,.row{display:block}.row button{margin-right:8px}section{padding:18px}}
main{max-width:1180px}header{display:flex;align-items:center;gap:20px}header .logo{width:100px;height:70px;object-fit:contain}header .brand{margin:0}.button{display:inline-block;text-align:center;text-decoration:none;border:1px solid #d6a15f;background:#d6a15f;color:#15120e;border-radius:8px;padding:13px 18px;font-weight:650;min-height:46px}.button.secondary{color:#f7f1e8;background:transparent}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 36px}.photo-card{border:1px solid #39352e;background:#1c1b19;border-radius:14px;overflow:hidden}.photo-card.selected{border:2px solid #d6a15f}.image-button{display:block;width:100%;padding:0;border:0;border-radius:0;background:#0b0b0b;cursor:zoom-in}.image-button img{display:block;width:100%;height:290px;object-fit:contain}.photo-caption{padding:16px}.photo-caption strong{display:block;overflow-wrap:anywhere;font-size:14px}.photo-caption small{display:block;margin:8px 0 14px;color:#bbb}.favorite{width:100%;margin-top:12px;background:transparent;color:#e6b77b}.favorite.chosen{background:#d6a15f;color:#15120e}.check{display:flex;align-items:center;gap:12px;margin:20px 0}.check input{display:inline-block;width:20px;height:20px;margin:0}.inline-form{display:inline-block;margin:12px 0}.download-actions{display:flex;flex-wrap:wrap;gap:12px}.small{font-size:13px;padding:8px 12px;min-height:36px}.login{max-width:620px;margin:40px auto;padding:40px}.login h2{font-size:32px}footer{padding:45px 0 15px;font-size:14px;color:#bbb}.danger{padding:24px;border:1px solid #775044;border-radius:14px;margin:45px 0}.danger summary{cursor:pointer}button:disabled{opacity:.55;cursor:default}progress{width:100%;height:20px;margin-top:20px;accent-color:#d6a15f}dialog{background:#111;border:1px solid #665139;border-radius:14px;max-width:95vw;max-height:95vh;padding:15px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:88vw;max-height:78vh;margin-top:15px;object-fit:contain}#selection-status{position:sticky;top:0;background:#25211bf5;padding:16px;border:1px solid #665139;z-index:2;border-radius:8px}nav{flex-wrap:wrap;margin-bottom:25px}#upload-status{max-height:320px;overflow:auto}#upload-status p{overflow-wrap:anywhere}.photo-caption .button{margin-top:12px;width:100%}@media(max-width:850px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-button img{height:240px}}@media(max-width:520px){.photo-grid{grid-template-columns:1fr}.image-button img{height:330px}main{padding:24px 16px}.login{padding:24px}header .brand{font-size:10px}nav{gap:10px}h1{overflow-wrap:anywhere}}
.photo-card[data-rating="red"]{border-top:5px solid #ee7772}.photo-card[data-rating="orange"]{border-top:5px solid #e9ad51}.photo-card[data-rating="green"]{border-top:5px solid #6bc698}.rating-control{font-size:14px;margin-top:18px}.rating-control select{font-size:14px;padding:10px;margin:6px 0 16px}.comment-form label{font-size:14px}.comment-form textarea{font:inherit;display:block;width:100%;min-height:92px;resize:vertical;padding:10px;border:1px solid #74654f;border-radius:8px;background:#121212;color:#f7f1e8;margin:8px 0 12px}.comment-status{font-size:12px;min-height:20px;margin:8px 0 0;overflow-wrap:anywhere}.customer-comment{background:#121212;border-radius:8px;padding:12px;margin:12px 0}.customer-comment p{white-space:normal;overflow-wrap:anywhere;font-size:14px;margin-bottom:0}.rating-label{font-size:13px}.feedback-filter{max-width:350px;margin-top:20px}.photo-card[hidden]{display:none}