.resource-detail{flex:1;padding:1.75rem 0 4rem}.detail-back{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.875rem;text-decoration:none;display:inline-block}.detail-back:hover{color:var(--color-accent)}.detail-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:start;gap:1.5rem;padding-bottom:1.5rem;display:flex}.detail-heading__main{min-width:0}.detail-heading h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:400;line-height:1.08}.detail-heading__description{max-width:48rem;color:var(--color-text-muted);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.detail-heading>.status-badge{margin-top:.35rem}.resource-id{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:2.25rem;margin-top:1rem;display:flex}.resource-id__label{color:var(--color-text-soft);font-size:.8rem}.resource-id code{overflow-wrap:anywhere;color:var(--color-text);font-family:var(--font-mono);user-select:all;font-size:.875rem}.resource-id button{border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-white);min-height:2.25rem;color:var(--color-accent);padding:.4rem .65rem;font-size:.8rem}.resource-id__feedback{color:var(--color-status-tested);font-size:.8rem}.dependency-warning{border:1px solid var(--color-warning-border);border-left:3px solid var(--color-status-experimental);background:var(--color-warning-surface);color:var(--color-warning-text);margin:1.25rem 0 0;padding:.9rem 1rem;font-size:.9rem}.dependency-warning p{margin:.25rem 0 0;line-height:1.55}.preview-section{border-bottom:1px solid var(--color-border);padding:1.75rem 0 2rem}.preview-section__heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.85rem;display:flex}.preview-section__heading h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:400}.preview-toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:.8rem;display:flex}.preview-toolbar__variant,.custom-width{gap:.35rem;display:grid}.preview-toolbar__variant>span,.custom-width>span,.viewport-controls__label,.zoom-controls__label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.preview-toolbar__variant select,.custom-width input{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-white);min-height:2.5rem;font-size:.875rem}.preview-toolbar__variant select{min-width:9rem;padding:.45rem 1.8rem .45rem .65rem}.custom-width input{width:6.3rem;padding:.4rem .5rem}.viewport-controls,.zoom-controls{align-items:end;gap:.35rem;display:flex}.viewport-controls__label,.zoom-controls__label{white-space:nowrap;align-self:center}.viewport-controls__label{margin-right:.2rem}.zoom-controls__label{margin-right:.1rem}.viewport-controls button,.zoom-controls button,.fullscreen-button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-white);min-height:2.5rem;color:var(--color-text-muted);padding:.45rem .65rem;font-size:.8rem}.zoom-controls output{min-width:3rem;color:var(--color-text-muted);text-align:center;align-self:center;font-size:.8rem}.zoom-controls button:disabled{cursor:not-allowed;opacity:.55}.viewport-controls button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.fullscreen-button{color:var(--color-accent);margin-left:auto}.preview-scroll{border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);background:var(--color-surface-subtle);overflow:auto}.preview-stage{background:var(--color-white);min-width:100%;min-height:0;margin:0 auto;position:relative}.preview-stage iframe{background:var(--color-white);transform-origin:0 0;border:0;width:100%;height:650px;display:block;position:absolute;inset:0 auto auto 0}.preview-root:fullscreen{background:var(--color-canvas);padding:1rem;overflow:auto}.preview-root:fullscreen iframe{height:calc(100vh - 11rem)}.preview-note,.preview-error{color:var(--color-text-soft);margin:.65rem 0 0;font-size:.8rem;line-height:1.5}.preview-error:not([hidden]){color:var(--color-accent)}.preview-unavailable{border:1px dashed var(--color-border-strong);border-radius:var(--radius-medium);background:var(--color-surface-subtle);align-items:center;gap:1rem;padding:1.1rem;display:flex}.preview-unavailable__mark{color:var(--color-text-soft);font-family:var(--font-display);font-size:2.25rem}.preview-unavailable h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.25rem;font-weight:400}.preview-unavailable p{max-width:44rem;color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.55}.technical-details{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:1.5rem}.technical-details>summary{min-height:4rem;color:var(--color-text);cursor:pointer;align-items:center;gap:.75rem 1.25rem;padding:.9rem 0;list-style:none;display:flex}.technical-details>summary::-webkit-details-marker{display:none}.technical-details>summary:after{color:var(--color-accent);content:"+";flex:none;margin-left:auto;font-size:1.35rem;line-height:1}.technical-details[open]>summary:after{content:"−"}.technical-details__title{font-family:var(--font-display);font-size:1.35rem}.technical-details__hint{color:var(--color-text-muted);font-size:.875rem}.technical-details__content{padding:.25rem 0 2rem}.technical-section{min-width:0;padding-top:1.5rem}.technical-section+.technical-section,.detail-info-grid>.technical-section+.technical-section{border-top:1px solid var(--color-border);margin-top:1.5rem}.technical-section>h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.5rem;font-weight:400}.detail-prose{max-width:58rem;color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.65}.variant-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem;display:grid}.variant-card{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-white);min-width:0;padding:.9rem}.variant-card h3,.subheading{margin:0;font-size:.95rem;font-weight:650}.variant-card__path{color:var(--color-text-soft);gap:.2rem;margin:.4rem 0 0;font-size:.8rem;display:grid}.variant-card code,.file-list code,.dependency-list code,.source-location code,.origin-list code,.requirements-grid code{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.8rem}.variant-card ul{color:var(--color-text-muted);gap:.35rem;margin:.75rem 0 0;padding-left:1.1rem;font-size:.875rem;display:grid}.variant-card ul span{color:var(--color-text-soft);font-weight:600}.variant-card__dependency{color:var(--color-text-muted);margin:.7rem 0 0;font-size:.875rem;line-height:1.5}.variant-card__dependency--missing{color:var(--color-status-experimental)}.detail-info-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:clamp(1.25rem,4vw,2.5rem);display:grid}.file-list,.dependency-list{gap:.65rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.file-list li{border-bottom:1px solid var(--color-border);gap:.25rem;padding:.65rem 0;display:grid}.file-list li span{color:var(--color-text-soft);font-size:.8rem}.source-location{color:var(--color-text-muted);margin:.9rem 0 0;font-size:.875rem}.subheading{color:var(--color-text);margin:.9rem 0 0}.dependency-list li{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-white);min-width:0;padding:.75rem}.dependency-list li p{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.875rem;line-height:1.5}.dependency-list__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.dependency-list__header span{color:var(--color-status-tested);font-size:.8rem}.dependency-list li.dependency-list__missing{border-color:var(--color-warning-border);background:var(--color-warning-surface)}.dependency-list__missing .dependency-list__header span{color:var(--color-status-experimental)}.detail-muted{color:var(--color-text-soft);margin:.5rem 0 0;font-size:.875rem}.integration-verification{color:var(--color-text-soft);margin:0;font-size:.875rem}.integration-verification--verified{color:var(--color-status-tested)}.integration-steps{max-width:64rem;color:var(--color-text-muted);gap:.65rem;margin:.8rem 0 0;padding-left:1.25rem;font-size:.9rem;line-height:1.6;display:grid}.requirements-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem;display:grid}.requirements-grid>div{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-white);min-width:0;padding:.8rem}.requirements-grid h3{color:var(--color-text-muted);margin:0 0 .45rem;font-size:.875rem;font-weight:650}.requirements-grid ul{color:var(--color-text-muted);gap:.3rem;margin:0;padding-left:1rem;font-size:.875rem;line-height:1.5;display:grid}.origin-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.8rem;margin:0;display:grid}.origin-list div{border-top:1px solid var(--color-border);padding:.75rem 0}.origin-list dt{color:var(--color-text-soft);font-size:.8rem}.origin-list dd{color:var(--color-text-muted);margin:.3rem 0 0;font-size:.9rem;line-height:1.5}@media (width<=58rem){.detail-heading{flex-direction:column;gap:1rem}.detail-heading>.status-badge{margin-top:0}.preview-toolbar{align-items:stretch}.fullscreen-button{margin-left:0}.technical-details>summary{flex-direction:column;align-items:flex-start;gap:.25rem}.technical-details>summary:after{position:absolute;right:0}.technical-details{position:relative}}