.av-projection-dialog{box-sizing:border-box;width:min(870px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;border:1px solid #b8c4cc;border-radius:24px;padding:26px;color:#193342;background:#f7fafc;font:16px/1.55 system-ui;box-shadow:0 25px 100px #0005}.av-projection-dialog::backdrop{background:#091d34aa;backdrop-filter:blur(3px)}.av-projection-dialog header{display:flex;justify-content:space-between;align-items:center;color:#476477;font-size:11px;letter-spacing:.12em}.av-projection-dialog button{font:inherit;cursor:pointer}.av-projection-dialog header button{background:transparent;border:0;font-size:30px;width:44px;height:44px;color:inherit}.av-projection-dialog h2{font-size:clamp(24px,4vw,32px);line-height:1.2;margin:10px 0}.av-projection-dialog li{margin:10px 0}.av-projection-dialog kbd{font:600 13px system-ui;padding:3px 7px;background:white;border:1px solid #b8c4cc;border-bottom-width:3px;border-radius:6px;white-space:nowrap}.av-projection-visual{display:grid;grid-template-columns:310px 1fr;gap:26px;margin:22px 0;align-items:center}.av-windows-project{background:#202329;color:#fff;border:1px solid #414651;border-radius:12px;padding:22px 14px;box-shadow:0 12px 30px #18364d22}.av-windows-project h3{font-size:21px;margin:0 12px 22px;font-weight:550}.av-windows-project button{display:grid;grid-template-columns:54px 1fr;gap:4px 12px;align-items:center;text-align:left;width:100%;padding:15px 12px;background:transparent;color:inherit;border:1px solid transparent;border-radius:8px;position:relative}.av-windows-project button:hover{background:#343943}.av-windows-project button[aria-pressed=true]{background:#343c48;border-color:#74889d}.av-windows-project button[aria-pressed=true]:before{content:'';position:absolute;left:0;height:25px;width:4px;border-radius:3px;background:#79b9ff}.av-windows-project svg{width:52px;grid-row:1/3}.av-windows-project button span{font-size:14px;line-height:1.4}.av-windows-project button small{font-size:11px;color:#b7d6ff}.av-windows-project>small{display:block;margin:17px 12px 0;font-size:10px;color:#a8afb9}.av-demo-screens{display:flex;gap:16px}.av-demo-screens>div{flex:1;text-align:center;font-size:12px;min-width:0}.av-demo-screen{aspect-ratio:1.5;background:linear-gradient(145deg,#acdddf,#2f7e9b 60%,#21326c);border:5px solid #254056;border-bottom-width:11px;border-radius:8px;display:grid;place-items:center;margin-bottom:8px;box-shadow:0 8px 0 -4px #254056}.av-demo-screen span{width:76%;padding:12px 3px;background:#fffffff0;border-radius:4px;box-shadow:0 -5px 0 #eff5f9;font-size:11px;font-weight:650;color:#193342}.av-demo-screen.only-wallpaper span,.av-demo-screen.is-off span{visibility:hidden}.av-demo-screen.is-off{background:#121a23}.av-projection-demo>p:first-child{font-weight:650}.av-projection-demo small{color:#607283;font-size:12px}.av-projection-next{font-size:13px;border-top:1px solid #d4dfe6;padding-top:18px}.av-projection-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.av-projection-dialog footer button{padding:10px 16px;background:#195d83;color:white;border:0;border-radius:10px;min-height:44px}.av-projection-dialog a{color:#195d83}.av-projection-help{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--linie,#c4d5df);border-radius:15px;padding:16px;margin:16px 0}.av-projection-help p{margin:5px 0;font-size:14px}.av-projection-help button{min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid var(--blau,#195d83);color:var(--blau,#195d83);background:var(--karte,#fff);font:inherit;cursor:pointer}@media(max-width:650px){.av-projection-dialog{padding:18px}.av-projection-visual{grid-template-columns:1fr}.av-windows-project{max-width:340px;width:100%;box-sizing:border-box;justify-self:center}.av-projection-demo{padding:0 8px}.av-projection-help,.av-projection-dialog footer{flex-direction:column;align-items:stretch}.av-projection-dialog ol{padding-left:22px}}

.av-projection-clip{margin:18px 0;padding:12px 15px;border:1px solid #b8cbd6;border-radius:12px}.av-projection-clip summary{cursor:pointer;font-weight:650;color:#195d83}.av-projection-clip video{display:block;width:100%;border-radius:10px;margin-top:15px;background:#f4f8fa}.av-projection-clip p{font-size:12px;color:#607283}

details.av-projection-help{display:block}details.av-projection-help>summary{font-weight:650;cursor:pointer;min-height:24px}details.av-projection-help[open]>summary{margin-bottom:12px}