.photo-manager{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:20px}.photo-manager h2{margin:0}.photo-manager p{color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.photo-grid article{min-width:0}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.photo-upload{display:flex;align-items:end;gap:12px;margin-top:16px}.photo-upload label{flex:1;font-weight:700}@media(max-width:700px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-upload{align-items:stretch;flex-direction:column}}
.upload-preview{display:block;width:min(100%,320px);max-height:240px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:#fff}.upload-preview[hidden]{display:none}.upload-box .field-error{position:relative;z-index:1}.upload-box.has-image{border-style:solid!important;border-color:#379257!important;background:#f1fbf4}.upload-success{position:relative;z-index:1;display:block;padding:10px 13px;border-radius:10px;background:#dff3e5;color:#176b31;font-weight:800}.upload-success[hidden]{display:none}
.multi-photo-gallery{margin-top:12px;padding:14px;border:1px solid #9bded4;border-radius:15px;background:#f5fffc}.multi-photo-gallery[hidden]{display:none}.multi-photo-gallery header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.multi-photo-gallery header strong{font-size:17px}.multi-photo-gallery header small{max-width:520px;color:var(--muted);text-align:right}.multi-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.multi-photo-grid article{position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.multi-photo-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.multi-photo-grid span{display:block;padding:7px 8px;font-size:12px;font-weight:800;color:#075e61}.multi-photo-grid button{width:100%;min-height:38px;border:0;border-top:1px solid var(--line);background:#fff;color:#8b2525;font:inherit;font-weight:750;cursor:pointer}.multi-photo-grid button:hover,.multi-photo-grid button:focus-visible{background:#fff0f0}@media(max-width:700px){.multi-photo-gallery header{display:block}.multi-photo-gallery header small{display:block;margin-top:4px;text-align:left}.multi-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.photo-upload-box{cursor:default}.photo-source-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,560px);margin:14px auto 2px}.photo-source-actions .button{width:100%;min-height:52px}.photo-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.multi-photo-gallery{display:block}.multi-photo-gallery.is-empty{border-style:dashed;text-align:center}.multi-photo-grid article:first-child{border:2px solid #20bfa0}.multi-photo-grid article:first-child span{background:#dcfff3}.multi-photo-grid img{min-height:110px}.photo-upload-box.has-image [data-upload-title]{color:#087160}@media(max-width:520px){.photo-source-actions{grid-template-columns:1fr}.photo-source-actions .button{min-height:56px;font-size:16px}.multi-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.score-image{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#fff;margin-bottom:18px}.score:has(.score-image){justify-content:flex-start}.score:has(.score-image) span{margin-top:auto}@media(max-width:800px){.score:has(.score-image){max-width:260px;width:100%}.score-image{max-height:170px}}
.analysis-result:has(.score-image){grid-template-columns:220px minmax(0,1fr)}.analysis-result .score{min-width:0;overflow:hidden}.analysis-result .score-image{display:block;width:100%;max-width:180px;height:130px;aspect-ratio:auto;object-fit:contain;flex:0 0 130px;margin:0 auto 18px;border-radius:11px;background:#fff}.analysis-result .result-content{min-width:0}@media(max-width:800px){.analysis-result:has(.score-image){grid-template-columns:1fr}.analysis-result .score{max-width:none;width:100%;display:grid;grid-template-columns:minmax(120px,220px) 1fr;grid-template-rows:auto auto auto;column-gap:20px;text-align:left}.analysis-result .score-image{grid-row:1/4;width:100%;max-width:220px;height:150px;margin:0}.analysis-result .score span{align-self:end;margin:0}.analysis-result .score strong{font-size:54px;line-height:1}.analysis-result .score small{align-self:start}}@media(max-width:480px){.analysis-result .score{grid-template-columns:110px 1fr;column-gap:14px}.analysis-result .score-image{height:110px}.analysis-result .score strong{font-size:46px}}
.media-choice{border:0;padding:0;margin:0}.media-choice legend{font-weight:800;font-size:18px;margin-bottom:5px}.media-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-video-preview{display:block;width:min(100%,320px);max-height:240px;border-radius:12px;background:#151210}.upload-video-preview[hidden]{display:none}.media-or{text-align:center;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.listing-video{display:block;width:100%;max-height:520px;border-radius:16px;background:#151210}.video-manager{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:16px}.video-manager h2{margin-top:0}@media(max-width:700px){.media-choice-grid{grid-template-columns:1fr}}
.test-media-example{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;margin:14px 0 18px;padding:14px;border:1px solid #8ddfd5;border-radius:16px;background:linear-gradient(135deg,#f2fdff,#effff7);box-shadow:0 10px 28px rgba(9,73,80,.07)}.test-media-example>div:last-child{display:grid;gap:5px}.test-media-example strong{color:#084f58;font-size:16px}.test-media-example p,.test-media-example small{margin:0;color:var(--muted);line-height:1.45}.test-media-example small{font-weight:700;color:#08715f}.example-badge{width:max-content;padding:4px 9px;border-radius:999px;background:#d5fff1;color:#067459;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.example-media-visual{position:relative;display:grid;place-items:center;min-height:112px;overflow:hidden;border-radius:12px;background:#fff}.example-photo-visual{background:linear-gradient(160deg,#fff 0 67%,#dff9ed 67% 100%)}.example-video-visual{background:linear-gradient(160deg,#dff9ff,#dfffee)}.example-ball{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 7%,transparent 8%),repeating-conic-gradient(#35dbff 0 15deg,#31ffa9 15deg 30deg,#ffd35a 30deg 45deg);border:3px solid #08717a;box-shadow:0 12px 20px rgba(5,94,105,.18)}.example-video-visual .example-ball{transform:translateX(-18px) rotate(-12deg)}.example-play{position:absolute;display:grid;place-items:center;width:46px;height:46px;padding-left:3px;border-radius:50%;background:rgba(8,79,88,.88);color:#fff;box-shadow:0 8px 18px rgba(8,79,88,.28)}@media(max-width:600px){.test-media-example{grid-template-columns:1fr}.example-media-visual{min-height:140px}.test-media-example strong{font-size:15px}}
.photo-preview-actions{display:grid}.multi-photo-grid .choose-primary{color:#075e61;background:#effff9}.multi-photo-grid .choose-primary:hover,.multi-photo-grid .choose-primary:focus-visible{background:#d8fff0}.multi-photo-grid .remove-photo{color:#8b2525}.multi-photo-grid .remove-photo:hover,.multi-photo-grid .remove-photo:focus-visible{background:#fff0f0}
.video-card-preview{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#1b1714}.video-card-preview video{display:block;width:100%;height:100%;object-fit:cover}.video-card-preview span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 13px;border-radius:999px;background:rgba(21,18,16,.82);color:#fff;font-weight:800}
.compact-video-manager{display:flex;align-items:center;justify-content:space-between;gap:18px}.compact-video-manager h2{margin-bottom:6px}.compact-video-manager p{margin:0}.compact-video-manager form{flex:0 0 auto}.video-ready{color:#176b4b;font-weight:700}.detail-head video.detail-image{object-fit:contain;background:#151210}@media(max-width:700px){.compact-video-manager{align-items:stretch;flex-direction:column}.compact-video-manager .button{width:100%}}