.quality-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;margin:35px 0}.quality-hero h1{font-size:clamp(32px,4.1vw,50px)}.quality-hero figure{margin:0}.quality-hero img{width:100%;height:auto;display:block;border-radius:16px}.quality-upload{display:block;padding:20px;border:2px dashed #7d9581;background:#f6f3e9;border-radius:12px;font-weight:700}.quality-upload input{display:block;margin:12px 0 0;max-width:100%}.quality-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;align-items:start}.quality-card{border:1px solid #acae9e;border-radius:13px;padding:12px;min-width:0;background:#fffaf1}.quality-card[data-selected=true]{outline:3px solid #155b50;outline-offset:2px}.quality-card h3{overflow-wrap:anywhere;margin:8px 0 14px}.quality-full{position:relative;min-height:90px;background:#eee8dd;display:flex;align-items:center;justify-content:center;margin:8px 0}.quality-full canvas{display:block;max-width:100%;height:auto;cursor:crosshair}.quality-detail{width:100%;overflow:hidden;text-align:center;background:#eee8dd;min-height:100px}.quality-detail canvas{display:block;margin:auto;max-width:none}.quality-card .btn{width:100%;padding:10px 12px;font-size:15px}.quality-card label{display:block;margin:12px 0;font-size:14px}.quality-card label input[type=checkbox]{width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle}.quality-card input[type=range]{width:100%;min-height:36px}.quality-card textarea{width:100%;min-height:70px;padding:8px;font:16px/1.4 Arial;border:1px solid #899986;border-radius:7px;resize:vertical}.quality-card details{margin-top:14px;border-top:1px solid #ded6c9;padding-top:8px}.quality-card summary{cursor:pointer;padding:8px 0;min-height:44px;font-weight:700}.quality-facts{font-size:14px;line-height:1.5}.quality-facts p{margin:6px 0}.quality-label{font-size:13px;font-weight:700;color:#365544;margin:14px 0 7px}.quality-notes{font-size:14px;margin:12px 0}.quality-notes p{padding-left:10px;border-left:2px solid #b08445}.quality-remove{background:transparent;color:#6b352d;border:0;text-decoration:underline;min-height:44px;font:14px Arial;cursor:pointer}.quality-choice{padding:20px;border:1px solid #96ae9c;border-radius:13px;background:#edf1e6}.quality-choice h3{margin-top:0}.quality-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.quality-actions .btn{flex:1 1 220px}.quality-error{color:#9c2c24;min-height:1.5em}.quality-mask{display:flex!important;align-items:center;gap:6px}.quality-mask input{flex:none}.quality-legend{font-size:13px;color:#565e50}.quality-legend i{display:inline-block;width:13px;height:13px;background:#be3976;margin-right:5px}.quality-handoff{padding:20px;margin:22px auto;max-width:760px;background:#fffaf1;color:#202a20;border:1px solid #95aa93;border-radius:15px;font:16px/1.5 Arial}.quality-handoff img{display:block;max-width:100%;max-height:220px;margin:12px auto}.quality-handoff button{min-height:44px;border:0;border-radius:8px;background:#155b50;color:white;padding:12px 16px;font:600 16px Arial;cursor:pointer}.quality-handoff button:disabled{opacity:.55}.quality-handoff button+button{background:#e9e5db;color:#293727;margin:10px}.quality-handoff a{color:#155b50}.quality-card :focus-visible,.quality-handoff :focus-visible{outline:3px solid #155b50;outline-offset:3px}
@media(max-width:900px){.quality-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.quality-hero,.quality-cards{grid-template-columns:1fr;gap:22px}.quality-hero{margin:24px 0}.quality-hero figure{max-width:400px;margin:auto}.quality-card{padding:16px}.quality-card .btn{font-size:16px}.quality-facts,.quality-card label{font-size:15px}}@media(prefers-reduced-motion:reduce){.quality-card .btn{transition:none;transform:none!important}}