/* Vitrine par usages, carnet et formulaire de fabrication. */
.usage-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.usage-filters button,.studio-ticket button{padding:9px 13px;border:1px solid #a28bab;background:#f7f3f8;color:#23192e;border-radius:4px;cursor:pointer}
.usage-filters button:hover,.studio-ticket button:hover{border-color:#63477a;background:#eee3f4}
.usage-filters button[aria-pressed="true"]{color:#151020;background:#d8f995;border-color:#66794a;font-weight:650}
.usage-count{font:11px var(--font-mono);color:var(--muted);margin-top:10px;min-height:1em}
.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;background:transparent;border:0;gap:9px}
.usage-grid .showcase-card{border:1px solid #5c4968}
.usage-grid .showcase-card:first-child{grid-column:auto}
.usage-grid .showcase-card:first-child>img{aspect-ratio:16/9}
.build-notes{margin-bottom:clamp(40px,6vw,78px);scroll-margin-top:82px}
.build-notes h2,.studio-ticket h2{font:650 clamp(1.9rem,4.5vw,3.85rem)/1.02 var(--font-display);letter-spacing:-.06em}
.build-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.build-notes article{padding:clamp(14px,2.5vw,26px);background:#eee8f0;border:1px solid #cbbbd4}
.build-notes h3{font:650 clamp(1.2rem,2.4vw,1.75rem)/1.1 var(--font-display);letter-spacing:-.045em}
.build-notes dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin:15px 0}
.build-notes dt{color:#60437a;font-weight:650}
.build-notes dd{margin:0;color:#43364c}
.build-notes a,.studio-ticket a{text-decoration:underline;text-underline-offset:3px;font-weight:650}
[data-page="studio"] .studio-ticket{background:#eee8f0}
.ticket-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,5vw,70px)}
.ticket-grid h2+p{margin:12px 0;max-width:40ch}
.ticket-form{display:grid;gap:9px;justify-items:start}
.ticket-form label{width:100%}
.ticket-form small{font-weight:400;color:#615068}
.studio-ticket .ticket-primary{background:#24182f;color:#fff;border-color:#24182f}
.studio-ticket .ticket-primary:hover{background:#433156}
#ticket-status{margin:7px 0}
#ticket-output{display:block;resize:vertical}
#ticket-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
:is(.studio-ticket,.usage-filters) :focus-visible{outline:2px solid #8967ab;outline-offset:2px}
@media(max-width:830px){.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-grid{grid-template-columns:1fr}}
@media(max-width:540px){.usage-grid,.build-notes-grid{grid-template-columns:1fr}}


.ticket-form label{display:grid;gap:4px;font-weight:600}
.ticket-form :is(input,select,textarea),#ticket-output{width:100%;min-width:0;padding:8px 10px;border:1px solid #a28bab;border-radius:4px;background:#fcf9fd;color:#23192e}