.photo-list article>.angle-photo-field{grid-column:1/-1;grid-row:3;min-width:0;margin-top:4px;border:1px dashed #c8d2c6;border-radius:18px;background:linear-gradient(125deg,#fbfcf8,#f3f7ef);overflow:hidden;text-align:left;transition:border-color .18s,background .18s}
.photo-list article>.angle-photo-field:hover{border-color:#718d77;background:#f5f8ef}
.angle-photo-field .angle-photo-upload{display:flex;align-items:flex-start;gap:16px;width:100%;padding:23px 25px;box-sizing:border-box;cursor:pointer;color:#315442;text-align:left;margin:0;border:0;background:transparent;border-radius:17px}
.angle-photo-upload input{position:absolute;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);opacity:0}
.angle-photo-upload:focus-within{outline:2px solid #48745b;outline-offset:-4px}
.angle-photo-upload.is-disabled{opacity:.55;cursor:default}
.angle-photo-symbol{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #dae2d4;border-radius:13px;background:#fffdf7;color:#57775c;margin:0!important}
.angle-photo-symbol svg{width:23px;height:23px}
.angle-photo-copy{flex:1;min-width:0}
.angle-photo-heading{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.angle-photo-heading strong{font-family:"DM Serif Display",Georgia,serif;font-size:22px;font-weight:400;line-height:1.25;letter-spacing:-.3px;color:#2b4938}
.angle-photo-heading>span{display:inline-flex!important;align-items:center;width:auto;padding:4px 9px;border-radius:20px;background:#e9efdf;color:#4c6345;font:500 10px/1.4 Inter,system-ui,sans-serif;white-space:nowrap;margin:0!important}
.angle-photo-copy p{max-width:650px;margin:10px 0 15px;font-size:12px;line-height:1.75;font-weight:400;color:#5e6d60}
.angle-photo-action{display:inline-flex!important;align-items:center;gap:10px;width:auto;color:#315442;font-size:12px;font-weight:600;margin:0!important;line-height:1.6}
.angle-photo-action>span{font-size:17px;font-weight:400;margin:0!important;transition:transform .18s}
.angle-photo-upload:hover .angle-photo-action>span{transform:translate(2px,-2px)}
.angle-photo-field.has-photo{border-style:solid;border-color:#d4dfce}
.angle-photo-field .angle-photo-preview{display:flex;align-items:center;gap:15px;min-width:0;margin:0 25px 22px 85px;padding-top:17px;border-top:1px solid #dfe7d8}
.photo-list article .angle-photo-preview>img{width:58px;height:70px;object-fit:cover;flex-shrink:0;border-radius:11px;box-shadow:0 2px 8px #253b2920}
.angle-photo-preview>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.angle-photo-preview strong{color:#35543e;font-size:12px;font-weight:600}
.angle-photo-preview span{color:#667461;font-size:11px;line-height:1.6}
.photo-list article .angle-photo-preview button{position:static;width:auto;height:auto;min-height:36px;align-self:flex-start;margin:0;padding:5px 0;border:0;border-radius:0;background:transparent;color:#77594d;font:500 11px/1.4 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.angle-photo-preview button:focus-visible{outline:2px solid #48745b;outline-offset:3px}
.angle-photo-preview button:disabled{cursor:default;opacity:.5}
.angle-photo-field>p.angle-photo-error{margin:0 25px 16px;color:#8d4635;font-size:12px;line-height:1.6}
.photo-list article>button{grid-column:3;grid-row:1}
.photo-list article>img{align-self:start}
.photo-list article>.protagonist-toggle{grid-column:1/-1;grid-row:2;min-width:0;margin:3px 0 0}
.photo-list .protagonist-toggle{min-height:62px;box-sizing:border-box;padding:13px 16px;gap:13px;background:#fafbf7;border:1px solid #e2e7df;border-radius:12px;box-shadow:none;transition:background .18s,border-color .18s}
.photo-list .protagonist-toggle:has(input:checked){background:#f0f5ed;border-color:#b9cbb3;box-shadow:none}
.photo-list .protagonist-toggle:hover{border-color:#91a888}
.photo-list .protagonist-toggle:focus-within{outline:2px solid #48745b;outline-offset:3px}
.photo-list .protagonist-toggle input{appearance:none;-webkit-appearance:none;width:21px!important;height:21px;flex-shrink:0;min-width:21px;margin:0;padding:0;border:1.5px solid #a2b39b;border-radius:6px;background:#fff;cursor:pointer;box-shadow:none}
.photo-list .protagonist-toggle input:checked{background-color:#3e6148;border-color:#3e6148;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 10 3.2 3.2L15 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.photo-list .protagonist-toggle input:focus{outline:0}
.photo-list .protagonist-toggle strong{color:#334f3b;font-size:12px;font-weight:600;line-height:1.4}
.photo-list .protagonist-toggle small{color:#6a7866;margin-top:4px;font-size:10px;font-weight:400;line-height:1.5}
@media(max-width:600px){
 .photo-list article>.angle-photo-field{margin-top:9px;border-radius:15px}
 .angle-photo-field .angle-photo-upload{gap:11px;padding:18px 15px;border-radius:14px}
 .angle-photo-symbol{width:34px;height:34px;border-radius:10px}
 .angle-photo-symbol svg{width:20px;height:20px}
 .angle-photo-heading{gap:8px}
 .angle-photo-heading strong{font-size:19px;line-height:1.35;letter-spacing:-.2px}
 .angle-photo-heading>span{padding:3px 8px;font-size:9px}
 .angle-photo-copy p{font-size:11px;line-height:1.75;margin:10px 0 12px}
 .angle-photo-action{min-height:32px;font-size:11px}
 .angle-photo-field .angle-photo-preview{gap:12px;margin:0 15px 17px;padding-top:14px}
 .angle-photo-field>p.angle-photo-error{margin:0 15px 15px;font-size:11px}
 .photo-list .protagonist-toggle{padding:12px;gap:10px;min-height:61px}
 .photo-list .protagonist-toggle strong{font-size:12px}
 .photo-list .protagonist-toggle small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.photo-list article>.angle-photo-field,.angle-photo-action>span,.photo-list .protagonist-toggle{transition:none}}