.resource-viewer{width:calc(100% - 34px);max-width:1680px;height:calc(100dvh - 34px);max-height:none;margin:auto;padding:0;border:0;border-radius:12px;background:#151719;color:#f8faf9;letter-spacing:0;overflow:hidden}
.resource-viewer::backdrop{background:#050607e8}
.resource-viewer[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.resource-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;background:#1b1e20;border-bottom:1px solid #313638}
.resource-viewer-title-wrap{min-width:0}.resource-viewer-head h2{font-size:16px;line-height:1.45;margin:0;overflow-wrap:anywhere;color:#fff}.resource-viewer-context{color:#a5afb1;font-size:10px;margin:4px 0 0}.resource-viewer-head-actions{display:flex;align-items:center;gap:8px;flex:none}.viewer-icon-button,.viewer-close{border:1px solid #42484a;border-radius:7px;padding:8px 11px;color:#dfe5e3;background:#252a2c;font-size:11px}.viewer-icon-button:hover,.viewer-close:hover{background:#32393b}.viewer-close{color:#fff}
.resource-viewer-tabs{display:flex;gap:5px;padding:10px 20px;background:#1b1e20;border-bottom:1px solid #313638;overflow:auto}.resource-viewer-tabs button{padding:8px 13px;white-space:nowrap;border-radius:6px;color:#aab4b5;background:#252a2c;font-size:11px}.resource-viewer-tabs button[aria-pressed=true]{background:#fff;color:#16191a}
.resource-viewer-body{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:0;background:#101213}.resource-list{overflow:auto;padding:12px;border-right:1px solid #303638;background:#1b1e20}.resource-item{display:block;width:100%;padding:12px;text-align:left;border:1px solid #333a3c;border-radius:7px;margin-bottom:8px;background:#24292b;color:#f1f4f2}.resource-item[aria-pressed=true]{border-color:#f05e8e;background:#3a242d}.resource-item b{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.resource-item small{display:block;color:#aab4b5;font-size:10px;line-height:1.45;margin-top:7px}.resource-item[aria-pressed=true] small{color:#f5b7c9}
.resource-screen{min-width:0;min-height:0;overflow:hidden;padding:18px 22px 22px;display:flex;flex-direction:column;background:#101213}.resource-screen-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;margin:0 0 12px}.resource-name{font-size:13px;font-weight:600;line-height:1.45;margin:0;overflow-wrap:anywhere;color:#eef2f0}.resource-role{flex:none;color:#c2cbca;background:#252a2c;border:1px solid #3a4244;border-radius:5px;padding:5px 7px;font-size:10px}.resource-screen-content{display:flex;flex:1;min-height:0;align-items:center;justify-content:center}.resource-message{color:#aab4b5;line-height:1.7;text-align:center;margin:auto;max-width:520px;font-size:12px}.resource-media{max-width:100%;max-height:100%;object-fit:contain}.resource-media:focus-visible{outline:2px solid #f05e8e;outline-offset:4px}audio.resource-media{width:min(600px,100%);max-height:none}
.resource-text{white-space:pre-wrap;overflow:auto;width:min(900px,100%);height:100%;font-family:inherit;font-size:14px;line-height:1.8;color:#e8eeec;background:#1b1e20;border:1px solid #303638;border-radius:8px;padding:22px}
.slide-player{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:12px}.slide-stage{position:relative;display:grid;place-items:center;flex:1;min-height:0;background:#070809;border:1px solid #303638;border-radius:8px;overflow:hidden}.slide-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.slide-image[hidden]{display:none}.slide-loading{position:absolute;inset:0;display:grid;place-items:center;color:#aab4b5;font-size:12px;background:#070809}.slide-loading[hidden]{display:none}.slide-controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.slide-control{padding:8px 11px;background:#252a2c;border:1px solid #42484a;border-radius:6px;color:#e5ebe9;font-size:11px}.slide-control:hover:not(:disabled){background:#343b3d}.slide-control:disabled{opacity:.35;cursor:not-allowed}.slide-next{background:#f05e8e;border-color:#f05e8e;color:#fff}.slide-next:hover:not(:disabled){background:#dd4778}.slide-page{min-width:64px;text-align:center;color:#c2cbca;font:11px "DM Mono",monospace}
.resource-viewer-foot{padding:9px 20px;border-top:1px solid #303638;background:#1b1e20;color:#899495;font-size:10px}.resource-viewer button:focus-visible{outline:2px solid #f05e8e;outline-offset:2px}
@media(max-width:700px){.resource-viewer{width:100%;height:100dvh;border-radius:0}.resource-viewer-head{padding:12px}.resource-viewer-head h2{font-size:14px}.resource-viewer-body{grid-template-columns:1fr;grid-template-rows:128px minmax(0,1fr)}.resource-list{border-right:0;border-bottom:1px solid #303638;display:flex;gap:7px;overflow:auto;padding:9px}.resource-item{min-width:190px;margin:0;padding:9px}.resource-viewer-tabs{padding:9px 12px}.resource-viewer-tabs button{padding:8px 10px}.resource-screen{padding:12px}.resource-screen-head{margin-bottom:9px}.slide-controls{gap:5px}.slide-control{padding:7px 8px;font-size:10px}}