.namaz-preview-stage{background:radial-gradient(at 50% 55%,#5b77584a,#0000 65%),#12251f;border:1px solid #39534b;border-radius:22px;place-items:center;padding:46px 22px 42px;display:grid;position:relative;overflow:hidden}.namaz-preview-stage:before{content:"";border:1px solid #d3bc6e24;border-radius:200px 200px 12px 12px;position:absolute;inset:35px 12%}.preview-label,.preview-stage-note{font:9px var(--font-mono);color:#ccd6b7;letter-spacing:1.8px;position:absolute}.preview-label{top:18px;left:20px}.preview-stage-note{bottom:16px;right:20px}.preview-phone{z-index:1;background:#17241f;border:1px solid #c0c9ad60;border-radius:30px;width:240px;max-width:100%;padding:5px;box-shadow:0 22px 50px #0007}.preview-phone img{border-radius:24px;width:100%;height:auto;display:block}.screenshot-section{border-top:1px solid var(--line);min-width:0;margin-top:58px;padding-top:58px}.screenshot-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.screenshot-heading h2{letter-spacing:-1.1px;font-size:32px;line-height:1.2}.gallery-controls{flex-shrink:0;gap:9px;display:flex}.gallery-control{color:#e2e8db;background:#18221f;border:1px solid #414b50;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.gallery-control:hover{background:#293c32;border-color:#849680}.screenshot-rail{scroll-snap-type:x proximity;scrollbar-color:#667d69 #151e1b;scrollbar-width:thin;gap:26px;margin:-6px;padding:6px 6px 22px;list-style:none;display:flex;overflow-x:auto}.screenshot-rail>li{scroll-snap-align:start;flex:0 0 270px;min-width:0}.screenshot-card{margin:0}.screenshot-open{background:#1e2b24;border:1px solid #485547;border-radius:25px;width:100%;padding:5px;display:block;position:relative;box-shadow:0 10px 25px #0003}.screenshot-open img{border-radius:19px;width:100%;height:auto;display:block}.screenshot-zoom{color:#f0e5bc;background:#162b22;border:1px solid #d9c57e5c;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:16px;right:16px}.screenshot-open:hover .screenshot-zoom{background:#304c3b}.screenshot-card figcaption{margin-top:20px}.screen-number{font:10px var(--font-mono);color:#b7c7a0}.screenshot-card h3{margin-top:9px;font-size:16px;line-height:1.5}.screenshot-card p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.8}.screenshot-dialog{width:min(540px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--text);overscroll-behavior:contain;background:#111a16;border:1px solid #4e5c50;border-radius:18px;margin:auto;padding:0;position:fixed;inset:0}.screenshot-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030806e8}body:has(.screenshot-dialog[open]){overflow:hidden}.screenshot-dialog-body{padding:14px 18px}.screenshot-dialog header,.screenshot-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.screenshot-dialog h2{font-size:16px;line-height:1.4}.screenshot-dialog-body>img{object-fit:contain;border-radius:15px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 190px);margin:15px auto;display:block}.screenshot-dialog footer p{font:12px var(--font-mono);color:#c5ceb9}@media (max-width:700px){.preview-phone{width:210px}.namaz-preview-stage{padding-top:43px}.screenshot-section{margin-top:38px;padding-top:35px}.screenshot-heading{flex-wrap:wrap;gap:18px}.screenshot-heading h2{font-size:28px}.screenshot-rail{gap:20px}.screenshot-rail>li{flex-basis:230px}}