.studio-reference-tray,.studio-reference-brief{--reference-ink:#e1eddf;--reference-muted:#b6cbbd;--reference-line:#b7d6c530;color:var(--reference-ink);border:1px solid var(--reference-line);text-align:left;isolation:isolate;background:linear-gradient(115deg,#152d25,#0c211b);border-radius:8px;min-width:0;padding:clamp(20px,3vw,30px)}.studio-reference-tray{max-width:1100px;margin:40px auto 0}.studio-reference-case{padding-block:0 64px}.studio-reference-brief{margin:0 0 8px}.studio-reference-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.studio-reference-heading>div{min-width:0}.studio-reference-heading .studio-reference-kicker{color:var(--reference-muted);font:12px/1.5 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px}.studio-reference-heading h3{color:var(--reference-ink);font:500 clamp(21px, 2.2vw, 28px)/1.25 var(--font-sans), sans-serif;letter-spacing:-.035em;margin:0}.studio-reference-heading h3>span{color:var(--reference-muted);font:14px/1.4 var(--font-mono), monospace;letter-spacing:0;vertical-align:middle;margin-left:10px;display:inline-block}.studio-reference-heading>p{max-width:280px;color:var(--reference-muted);margin:0;font-size:14px;line-height:1.6}.studio-reference-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.studio-reference-items li{border:1px solid var(--reference-line);background:#e8f1e908;border-radius:4px;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:10px;min-width:0;padding:8px;animation:.24s ease-out reference-arrive;display:grid;overflow:hidden}.studio-reference-items img{object-fit:cover;border-radius:2px;width:58px;height:48px;display:block}.studio-reference-items strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.4;display:block}.studio-reference-index{color:var(--reference-muted);font:12px/1.5 var(--font-mono), monospace;margin-bottom:3px;display:block}.studio-reference-items button{color:var(--reference-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;min-width:36px;min-height:44px;padding:0;font:24px/1 sans-serif;transition:background .18s,color .18s}.studio-reference-items button:hover{color:#fff;background:#e1eddf14}.studio-reference-empty{color:var(--reference-muted);margin:0;padding:20px 0 0;font-size:14px;line-height:1.6}.studio-reference-footer{border-top:1px solid var(--reference-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin-top:22px;padding-top:20px;display:flex}.studio-reference-footer>p{color:var(--reference-muted);flex:240px;margin:0;font-size:14px;line-height:1.65}.studio-reference-continue{color:#10271e;background:#dcebcf;border-radius:3px;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 17px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .18s;display:inline-flex}.studio-reference-continue:hover{background:#eef7e8}.studio-reference-continue>span{border:1px solid #10271e40;border-radius:50%;place-items:center;min-width:23px;height:23px;font-size:12px;display:grid}.studio-reference-toggle{width:fit-content;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:3px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;line-height:1.5;transition:background .18s,color .18s;display:inline-flex}.studio-reference-toggle>span{width:18px;font-size:18px}.studio-reference-toggle[aria-pressed=true]{color:#152d25;background:#dcebcf;border-color:#dcebcf}.studio-reference-toggle:hover{background:#b7d6c51a}.studio-reference-toggle[aria-pressed=true]:hover{background:#eef7e8}.case-narrative>.studio-reference-toggle{margin-bottom:24px;display:flex}.studio-reference-edit{appearance:none;color:var(--reference-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b6cbbd99;min-height:44px;padding:8px 0;font-size:14px;line-height:1.5}.studio-reference-edit:disabled{opacity:.65;cursor:wait}.studio-reference-editor{padding-top:24px;animation:.24s ease-out reference-arrive}.studio-reference-editor[hidden]{display:none}.studio-reference-editor>p{color:var(--reference-muted);margin:0 0 14px;font-size:14px;line-height:1.6}.studio-reference-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.studio-reference-choices button{text-align:left;border:1px solid var(--reference-line);color:var(--reference-ink);cursor:pointer;background:#e8f1e908;border-radius:4px;flex-direction:column;align-items:stretch;padding:0;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.studio-reference-choices button[aria-pressed=true]{background:#dcebcf15;border-color:#dcebcf}.studio-reference-choices img{aspect-ratio:16/9;object-fit:cover;background:#10271e;width:100%;height:auto;display:block}.studio-reference-choices button>span{padding:12px}.studio-reference-choices strong{font:500 16px/1.4 var(--font-sans), sans-serif;display:block}.studio-reference-choices small{color:var(--reference-muted);margin-top:4px;font-size:12px;line-height:1.5;display:block}.studio-reference-choices i{color:#e1eddf;background:#10271e;border:1px solid #b7d6c566;border-radius:50%;place-items:center;width:28px;height:28px;font:18px/1 sans-serif;display:grid;position:absolute;top:8px;right:8px}.studio-reference-choices [aria-pressed=true] i{color:#10271e;background:#dcebcf}.studio-reference-copy-status:empty{display:none}.studio-reference-copy-status{color:var(--reference-ink);margin:16px 0 0;font-size:14px;line-height:1.6}.studio-reference-brief .studio-reference-items{grid-template-columns:1fr}.studio-reference-tray :is(button,a):focus-visible,.studio-reference-brief :is(button,a):focus-visible,.studio-reference-toggle:focus-visible{outline-offset:5px;outline:2px solid #b4c893}@keyframes reference-arrive{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.studio-reference-items{grid-template-columns:1fr}}@media (max-width:540px){.studio-reference-heading{gap:14px}.studio-reference-heading>p{max-width:none}.studio-reference-continue{width:100%}.studio-reference-choices{grid-template-columns:1fr}.studio-reference-choices button{grid-template-columns:88px minmax(0,1fr) 28px;align-items:center;display:grid}.studio-reference-choices img{object-fit:cover;width:88px;height:100%;min-height:84px}.studio-reference-choices button>span{padding:10px}.studio-reference-choices i{justify-self:start;width:24px;height:24px;position:static}}@media (prefers-reduced-motion:reduce){.studio-reference-items li,.studio-reference-editor{animation:none}.studio-reference-tray *,.studio-reference-brief *,.studio-reference-toggle{transition:none}}html[data-motion=off] .studio-reference-items li,html[data-motion=off] .studio-reference-editor{animation:none}html[data-motion=off] .studio-reference-tray *,html[data-motion=off] .studio-reference-brief *,html[data-motion=off] .studio-reference-toggle{transition:none}.s15-project-actions:has(>.studio-reference-toggle){flex-wrap:wrap}.s15-project-actions>.studio-reference-toggle{flex-shrink:0}@media (max-width:380px){.studio-reference-choices button{grid-template-columns:52px minmax(0,1fr) 24px}.studio-reference-choices img{width:52px}.studio-reference-choices button>span{overflow-wrap:anywhere;min-width:0;padding:10px 8px}.studio-reference-choices i{justify-self:center}}.studio-reference-tray,.studio-reference-brief{container:project-references/inline-size}@container project-references (max-width:260px){.studio-reference-items li{grid-template-columns:minmax(0,1fr) 36px;gap:10px}.studio-reference-items li>img{grid-area:1/1}.studio-reference-items li>button{grid-area:1/2}.studio-reference-items li>div{grid-area:2/1/auto/-1;min-width:0}.studio-reference-choices button{grid-template-columns:minmax(0,1fr) 28px}.studio-reference-choices button>img{aspect-ratio:16/9;grid-area:1/1/auto/-1;width:100%;height:auto;min-height:0}.studio-reference-choices button>span{grid-area:2/1;min-width:0;padding:10px 8px}.studio-reference-choices button>i{grid-area:2/2;justify-self:start}}