.resource-detail-dialog{border:1px solid var(--border,var(--line));background:var(--surface,#fff);width:min(920px,100vw - 64px);max-width:none;max-height:calc(100dvh - 64px);color:var(--ink);border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;overflow:clip;box-shadow:0 24px 80px #102b4e35}.resource-detail-dialog[open]{flex-direction:column;display:flex}.resource-detail-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10203850}.resource-dialog-toolbar{border-bottom:1px solid var(--border,var(--line));flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:15px;font-weight:700;display:flex}.resource-dialog-toolbar>div{align-items:center;gap:8px;display:flex}.resource-dialog-close{background:var(--chat-control-fill);width:40px;height:40px;color:var(--chat-control-ink);border-radius:50%;place-items:center;display:grid}.resource-dialog-close:hover{background:var(--chat-control-hover)}.resource-dialog-content{overscroll-behavior:contain;min-height:0;overflow:auto}:root .resource-detail-dialog .resources-detail-main{width:100%;margin:0;padding:28px 32px 36px}.resource-detail-dialog .resource-detail-header{margin-bottom:24px}.resource-dialog-back-icon{display:none}@media (width<=700px),(height<=500px) and (pointer:coarse){.resource-detail-dialog{--resource-toolbar-height:calc(56px + var(--site-safe-top,env(safe-area-inset-top,0px)));border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}:root .resource-detail-dialog .resources-detail-main{padding:24px max(20px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}.resource-dialog-toolbar{z-index:1;min-height:var(--resource-toolbar-height);background:var(--top-glass-tint);-webkit-backdrop-filter:var(--top-glass-filter);backdrop-filter:var(--top-glass-filter);box-shadow:none;box-sizing:border-box;padding:calc(6px + var(--site-safe-top,env(safe-area-inset-top,0px))) 64px 6px;border:0;border-radius:0 0 24px 24px;justify-content:center;font-size:16px;line-height:24px;position:absolute;inset:0 0 auto}.resource-dialog-content{padding-top:var(--resource-toolbar-height);scroll-padding-top:calc(var(--resource-toolbar-height) + 16px);flex:1}.resource-dialog-toolbar>div{left:max(12px,env(safe-area-inset-left,0px));position:absolute;bottom:6px}.resource-dialog-close{background:0 0;width:44px;height:44px}.resource-dialog-back-icon{display:block}.resource-dialog-close-icon{display:none}.resource-detail-dialog :is(input,textarea,select){font-size:16px}.resource-detail-dialog .resource-detail{padding-bottom:0}.resource-detail-dialog .resource-detail-header{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:0;padding:0 0 24px}.resource-detail-dialog .resource-icon-large{border-radius:12px;width:48px;height:48px}.resource-detail-dialog .resource-icon-large img{width:38px;height:38px}.resource-detail-dialog .resource-detail-header h1{letter-spacing:-.5px;margin:0 0 8px;font-size:24px;line-height:1.3}.resource-detail-dialog .resource-detail-description{font-size:15px!important;line-height:1.7!important}.resource-detail-dialog .resource-detail-layout{padding-top:24px}.resource-detail-dialog .resource-detail-body section{margin-bottom:28px;scroll-margin-top:16px}:root .resource-detail-dialog .resource-detail-layout .resource-detail-body>section :is(p,li){overflow-wrap:anywhere;font-size:15px;line-height:1.7}:root .resource-detail-dialog .resource-detail-body .resource-section-heading{gap:10px;margin-bottom:12px;font-size:17px;line-height:1.4}:root .resource-detail-dialog .resource-section-heading>.section-icon{width:28px;height:28px}.resource-detail-dialog .resource-detail-body ul,.resource-detail-dialog .resource-detail-body li{gap:10px}.resource-detail-dialog .resource-detail-body li>svg{flex-shrink:0;margin-top:5px}}
