.solution-panel{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:18px;margin-top:32px;overflow:hidden}.solution-heading{justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.solution-eyebrow,.solution-actions,.solution-actions button,.solution-features li{align-items:center;gap:8px;display:flex}.solution-eyebrow{color:var(--brand);font-size:12px}.solution-eyebrow span{background:var(--brand-light);text-transform:capitalize;border-radius:5px;padding:2px 8px}.solution-heading h3{letter-spacing:-.035em;margin:10px 0 8px;font-size:25px;font-weight:600}.solution-heading p:last-child{max-width:520px;color:var(--quiet);font-size:14px;line-height:1.7}.solution-actions{flex-shrink:0;gap:10px}.solution-actions button{border:1px solid var(--line);white-space:nowrap;border-radius:8px;min-height:42px;padding:10px 14px;font-size:13px}.solution-actions button:hover{background:var(--sage)}.solution-actions button[aria-expanded]{background:var(--brand);border-color:var(--brand);color:#fff}.solution-actions button[aria-expanded]:hover{background:var(--brand-dark)}.solution-actions button:disabled{cursor:wait;opacity:.7}.solution-actions .is-open{rotate:180deg}.solution-stats{border-block:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 28px;display:grid}.solution-stats>div{flex-direction:column-reverse;gap:3px;display:flex}.solution-stats dt{color:var(--quiet);font-size:12px}.solution-stats dd{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.solution-features{padding:22px 28px}.solution-features h4,.solution-file-list h4{margin-bottom:12px;font-size:13px;font-weight:600}.solution-features ul{flex-wrap:wrap;gap:8px;display:flex}.solution-features li{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12px}.solution-features svg{color:var(--brand)}.solution-notes{border-top:1px solid var(--line);padding:18px 28px;font-size:13px}.solution-notes summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.solution-notes summary::-webkit-details-marker{display:none}.solution-notes[open] summary svg{rotate:180deg}.solution-notes p,.solution-notes ul{color:var(--quiet);margin-top:14px;line-height:1.8}.solution-notes ul{padding-left:18px;list-style:outside}.solution-empty{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:14px;display:flex}.solution-download-error{color:#a92e29;padding:0 28px 18px;font-size:13px}.solution-browser{border-top:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);display:grid}.solution-file-list{background:var(--paper);border-right:1px solid var(--line);min-width:0;padding:20px 12px}.solution-file-list h4{justify-content:space-between;padding-inline:10px;display:flex}.solution-file-list h4 span{color:var(--quiet);font-weight:400}.solution-file-list>div{max-height:440px;overflow:auto}.solution-file-list button{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 10px;display:flex}.solution-file-list button>span{flex:1;min-width:0}.solution-file-list strong{overflow-wrap:anywhere;font:12px var(--font-geist-mono), monospace;display:block}.solution-file-list small{color:#525a4d;font-size:11px}.solution-file-list svg{color:var(--brand);flex-shrink:0}.solution-file-list button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-light)}.solution-file-list button:hover{background:var(--brand-light)}.solution-viewer{min-width:0}.solution-viewer>header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.solution-file-path{font:12px var(--font-geist-mono), monospace;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.solution-file-path svg{flex-shrink:0}.solution-file-actions{align-items:center;gap:10px;font-size:12px;display:flex}.solution-file-actions button{border:1px solid var(--line);border-radius:5px;padding:6px 9px}.solution-file-actions button[aria-pressed=true]{background:var(--brand-light);color:var(--brand);border-color:var(--brand)}.solution-file-actions>div{gap:4px;display:flex}.solution-file-content{overscroll-behavior:contain;height:440px;overflow:auto}.solution-file-content.is-markdown{height:auto;min-height:260px;max-height:500px;padding:24px}.solution-file-content.is-markdown h1{font-size:25px}.solution-file-content.is-markdown h2{font-size:21px}@media (max-width:1000px){.solution-heading{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.solution-heading,.solution-features{padding:20px}.solution-stats{grid-template-columns:repeat(2,1fr);padding:18px 20px}.solution-actions{flex-wrap:wrap}.solution-browser{grid-template-columns:1fr}.solution-file-list{border-right:0;border-bottom:1px solid var(--line)}.solution-file-list>div{max-height:190px}.solution-notes{padding-inline:20px}}@media (prefers-reduced-motion:no-preference){.solution-actions button,.solution-file-list button{transition:background-color .16s,border-color .16s}}.solution-file-list button>span>small:last-child{text-transform:capitalize}