.project-browser.svelte-1w4nl1l{background:#111113;border:1px solid #3f3f46b8;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000052}.browser-bar.svelte-1w4nl1l{background:#17171a;border-bottom:1px solid #3f3f468c;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:48px;padding:0 16px;display:grid}.browser-dots.svelte-1w4nl1l{gap:6px;display:flex}.browser-dots.svelte-1w4nl1l span:where(.svelte-1w4nl1l){background:#f4f4f547;border-radius:50%;width:7px;height:7px}.browser-bar.svelte-1w4nl1l p:where(.svelte-1w4nl1l),.browser-status.svelte-1w4nl1l{letter-spacing:.14em;color:#a1a1aab8;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:9px;overflow:hidden}.browser-bar.svelte-1w4nl1l p:where(.svelte-1w4nl1l){text-align:center}.browser-stage.svelte-1w4nl1l{background:#0d0d0e;height:clamp(380px,48vw,620px)}.compact.svelte-1w4nl1l .browser-stage:where(.svelte-1w4nl1l){height:clamp(260px,34vw,410px)}.browser-stage.svelte-1w4nl1l iframe:where(.svelte-1w4nl1l){background:#fff;border:0;width:100%;height:100%;display:block}.project-fallback.svelte-1w4nl1l{background:linear-gradient(145deg,#18181b,#0b0b0c);place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.fallback-grid.svelte-1w4nl1l{background-color:#0000;background-image:linear-gradient(90deg,#f4f4f50b 1px,#0000 1px),linear-gradient(#f4f4f509 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.fallback-content.svelte-1w4nl1l{z-index:1;text-align:center;justify-items:center;max-width:620px;padding:40px;display:grid;position:relative}.fallback-content.svelte-1w4nl1l img:where(.svelte-1w4nl1l){object-fit:contain;max-width:180px;max-height:72px;margin-bottom:28px}.fallback-index.svelte-1w4nl1l,.fallback-content.svelte-1w4nl1l p:where(.svelte-1w4nl1l),.fallback-stack.svelte-1w4nl1l span:where(.svelte-1w4nl1l){letter-spacing:.2em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.fallback-index.svelte-1w4nl1l{color:#f4f4f54d;margin-bottom:28px}.fallback-content.svelte-1w4nl1l p:where(.svelte-1w4nl1l){color:#a1a1aab8;margin-bottom:18px}.fallback-content.svelte-1w4nl1l h3:where(.svelte-1w4nl1l){color:#f4f4f5;text-transform:uppercase;font-family:Barlow,sans-serif;font-size:clamp(2.3rem,6vw,5.6rem);font-weight:650;line-height:.92}.fallback-stack.svelte-1w4nl1l{flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:30px;display:flex}.fallback-stack.svelte-1w4nl1l span:where(.svelte-1w4nl1l){color:#71717a}.browser-open.svelte-1w4nl1l{color:#f4f4f5b8;background:#0d0d0ee0;border:1px solid #f4f4f52e;place-items:center;width:40px;height:40px;transition:color .18s,border-color .18s;display:grid;position:absolute;bottom:14px;right:14px}.browser-open.svelte-1w4nl1l:hover{color:#fff;border-color:#f4f4f580}@media (width<=640px){.browser-status.svelte-1w4nl1l{display:none}.browser-bar.svelte-1w4nl1l{grid-template-columns:auto minmax(0,1fr)}.browser-stage.svelte-1w4nl1l,.compact.svelte-1w4nl1l .browser-stage:where(.svelte-1w4nl1l){height:320px}}