.dim-demo[data-astro-cid-57mmcfkz]{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-l)}.dim-screens[data-astro-cid-57mmcfkz]{display:flex;align-items:flex-end;gap:var(--space-l)}.dim-screen-wrap[data-astro-cid-57mmcfkz]{display:flex;flex-direction:column;align-items:center}.dim-screen[data-astro-cid-57mmcfkz]{width:180px;aspect-ratio:4/3;border-radius:var(--rad-lg);overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 4px #0000000f}@media(min-width:640px){.dim-screen[data-astro-cid-57mmcfkz]{width:210px}}.dim-screen--active[data-astro-cid-57mmcfkz]{background:#fff}.dim-screen--dimmed[data-astro-cid-57mmcfkz]{background:#f1f5f9}.dim-overlay[data-astro-cid-57mmcfkz]{position:absolute;inset:0;background:#0f172a80;border-radius:var(--rad-lg);z-index:2;animation:dim-pulse 4s ease-in-out infinite}@keyframes dim-pulse{0%,to{opacity:1}50%{opacity:.85}}.dim-titlebar[data-astro-cid-57mmcfkz]{height:20px;display:flex;align-items:center;position:relative;z-index:1}.dim-titlebar--mac[data-astro-cid-57mmcfkz]{background:#3a3a3c;border-bottom:1px solid #2d2d2d;padding-left:10px}.dim-titlebar--win[data-astro-cid-57mmcfkz]{background:#2b2b2b;border-bottom:1px solid #1e1e1e;justify-content:flex-end;padding-right:8px}.dim-traffic-lights[data-astro-cid-57mmcfkz]{display:flex;gap:4px}.dim-traffic-lights[data-astro-cid-57mmcfkz] span[data-astro-cid-57mmcfkz]{width:6px;height:6px;border-radius:50%;display:block}.dim-win-buttons[data-astro-cid-57mmcfkz]{display:flex;gap:6px;align-items:center}.dim-win-min[data-astro-cid-57mmcfkz]{width:8px;height:1px;background:#94a3b8;display:block}.dim-win-max[data-astro-cid-57mmcfkz]{width:6px;height:6px;border:1px solid #94a3b8;display:block}.dim-win-close[data-astro-cid-57mmcfkz]{width:8px;height:8px;position:relative;display:block}.dim-win-close[data-astro-cid-57mmcfkz] i[data-astro-cid-57mmcfkz]{position:absolute;width:8px;height:1px;background:#94a3b8;top:50%;left:0;display:block}.dim-win-close[data-astro-cid-57mmcfkz] i[data-astro-cid-57mmcfkz]:first-child{transform:rotate(45deg)}.dim-win-close[data-astro-cid-57mmcfkz] i[data-astro-cid-57mmcfkz]:last-child{transform:rotate(-45deg)}.dim-content[data-astro-cid-57mmcfkz]{padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.dim-line[data-astro-cid-57mmcfkz]{height:5px;background:#e2e8f0;border-radius:3px}.dim-line--accent[data-astro-cid-57mmcfkz]{background:#c8e1bb}.dim-line--faded[data-astro-cid-57mmcfkz]{background:#94a3b880}.dim-stand--mac[data-astro-cid-57mmcfkz]{width:40px;height:8px;background:#e2e8f0;border-radius:0 0 4px 4px}.dim-stand--win[data-astro-cid-57mmcfkz]{width:16px;height:20px;background:#cbd5e1}.dim-base[data-astro-cid-57mmcfkz]{width:56px;height:6px;background:#cbd5e1;border-radius:3px 3px 0 0;margin-top:0}.dim-status[data-astro-cid-57mmcfkz]{display:flex;align-items:center;gap:6px;margin-top:12px}.dim-dot[data-astro-cid-57mmcfkz]{width:10px;height:10px;border-radius:50%;display:block}.dim-dot--active[data-astro-cid-57mmcfkz]{background:#22c55e}.dim-dot--dimmed[data-astro-cid-57mmcfkz]{background:#94a3b8}.dim-status-text[data-astro-cid-57mmcfkz]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dim-status-text--active[data-astro-cid-57mmcfkz]{color:#16a34a}.dim-status-text--dimmed[data-astro-cid-57mmcfkz]{color:#94a3b8}.dim-slider-row[data-astro-cid-57mmcfkz]{display:flex;align-items:center;gap:16px}.dim-slider-track[data-astro-cid-57mmcfkz]{width:200px;height:8px;background:#e2e8f0;border-radius:999px;position:relative}.dim-slider-fill[data-astro-cid-57mmcfkz]{position:absolute;left:0;top:0;height:8px;width:35%;background:var(--accent);border-radius:999px}.dim-slider-thumb[data-astro-cid-57mmcfkz]{position:absolute;top:50%;left:35%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 1px 3px #0000001a}.related-card[data-astro-cid-57mmcfkz]{text-decoration:none;transition:border-color .2s,color .2s}.related-card[data-astro-cid-57mmcfkz]:hover{border-color:var(--accent);color:var(--accent)}.related-card[data-astro-cid-57mmcfkz] h4[data-astro-cid-57mmcfkz]{margin-bottom:4px}