.welcome-preview{grid-template-columns:1fr;gap:24px}.welcome-preview>div:first-child{max-width:880px}.app-demo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.app-demo-note{grid-column:1/-1}.app-demo-gallery{min-width:0}.app-demo-gallery figure{margin:0 0 20px}.app-demo-gallery img{display:block;width:100%;height:auto;border:1px solid #455a49;border-radius:12px;background:#14241b}.app-demo-gallery a{display:block}.app-demo-gallery a:focus-visible{outline:3px solid #a5cdae;outline-offset:4px;border-radius:12px}.app-demo-gallery figcaption{font-size:13px;color:#c1d1c4;margin-top:8px}.app-demo-gallery .app-demo-note{font-size:12px;margin:0;line-height:1.6}.app-questions{max-width:880px}.app-questions details{padding:17px 0;border-bottom:1px solid #455a49}.app-questions summary{cursor:pointer;font-size:17px;font-weight:600}.app-questions details p{line-height:1.8;color:#c1d1c4;max-width:760px;margin:14px 0 0}.app-questions summary:focus-visible{outline:2px solid #a5cdae;outline-offset:4px}@media(max-width:850px){.app-demo-gallery{display:grid;grid-template-columns:1fr;gap:10px}.app-demo-gallery figure{margin:0 0 12px}.app-questions summary{font-size:16px}}

html.app-demo-open{overflow:hidden}.app-demo-dialog{position:fixed;inset:0;margin:auto;padding:16px;width:calc(100vw - 32px);max-width:1150px;max-height:calc(100dvh - 32px);box-sizing:border-box;border:1px solid #6c886a;border-radius:14px;background:#14241b;color:#e8eee4;overflow:auto}.app-demo-dialog::backdrop{background:rgba(3,12,7,.85)}.app-demo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.app-demo-dialog h2{font-size:16px;line-height:1.4;margin:0}.app-demo-dialog .app-demo-close{flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid #a5cdae;border-radius:8px;background:#244333;color:#fff;cursor:pointer;font-size:16px}.app-demo-dialog .app-demo-close:focus-visible{outline:3px solid #fff;outline-offset:2px}.app-demo-dialog img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;margin:auto}@media(max-width:600px){.app-demo-dialog{padding:12px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.app-demo-dialog h2{font-size:14px}}