.portfolio-page.svelte-1uo84gz{min-height:100vh;padding-top:100px}.hero.svelte-1uo84gz{text-align:center;padding:0 var(--container-padding) var(--section-y-sm);max-width:var(--max-width);margin:0 auto}.hero.svelte-1uo84gz .tag:where(.svelte-1uo84gz){display:inline-block;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:100px;margin-bottom:20px}.hero.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--text-main);line-height:var(--lh-tight);margin:0 0 12px}.hero.svelte-1uo84gz p:where(.svelte-1uo84gz){font-size:var(--fs-md);color:var(--text-secondary);margin:0}.browser-section.svelte-1uo84gz{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding) var(--section-y)}.project-tabs.svelte-1uo84gz{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.tab.svelte-1uo84gz{flex:1;min-width:180px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.tab.svelte-1uo84gz:hover{border-color:var(--border-hover);background:var(--bg-surface-raised)}.tab.active.svelte-1uo84gz{border-color:var(--accent);background:var(--accent-soft)}.tab-title.svelte-1uo84gz{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-main)}.tab-desc.svelte-1uo84gz{font-size:var(--fs-sm);color:var(--text-muted)}.tab.active.svelte-1uo84gz .tab-desc:where(.svelte-1uo84gz){color:var(--text-secondary)}.browser-frame.svelte-1uo84gz{border-radius:16px;border:1px solid var(--border-color);overflow:hidden;background:var(--bg-surface);box-shadow:0 24px 80px #0006}.browser-bar.svelte-1uo84gz{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface-raised);border-bottom:1px solid var(--border-color)}.dots.svelte-1uo84gz{display:flex;gap:6px}.dots.svelte-1uo84gz span:where(.svelte-1uo84gz){width:12px;height:12px;border-radius:50%;background:var(--bg-surface-alt);border:1px solid var(--border-color)}.url-bar.svelte-1uo84gz{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);overflow:hidden}.url-bar.svelte-1uo84gz svg:where(.svelte-1uo84gz){flex-shrink:0;color:var(--text-muted)}.external-link.svelte-1uo84gz{color:var(--text-muted);padding:6px;border-radius:6px;transition:color .2s ease;display:flex}.external-link.svelte-1uo84gz:hover{color:var(--text-main)}.iframe-wrapper.svelte-1uo84gz{position:relative;width:100%;height:75vh;background:#fff}.loader.svelte-1uo84gz{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);z-index:1}.spinner.svelte-1uo84gz{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:svelte-1uo84gz-spin .8s linear infinite}@keyframes svelte-1uo84gz-spin{to{transform:rotate(360deg)}}iframe.svelte-1uo84gz{width:100%;height:100%;border:none;display:block}@media(max-width:768px){.portfolio-page.svelte-1uo84gz{padding-top:80px}.hero.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:var(--fs-2xl)}.project-tabs.svelte-1uo84gz{flex-direction:column}.tab.svelte-1uo84gz{min-width:unset}.iframe-wrapper.svelte-1uo84gz{height:60vh}.browser-section.svelte-1uo84gz{padding:0 16px var(--section-y-sm)}}