:root{--nav-height:64px;--color-base-50:oklch(98.51% 0 0);--color-base-100:oklch(95.5% 0 0);--color-base-200:oklch(90.5% 0 0);--color-base-300:oklch(84.5% 0 0);--color-base-400:oklch(77.5% 0 0);--color-base-500:oklch(69.5% 0 0);--color-base-600:oklch(60.5% 0 0);--color-base-700:oklch(51.5% 0 0);--color-base-800:oklch(42% 0 0);--color-base-900:oklch(24.5% 0 0);--color-base-950:oklch(17.76% 0 0);--color-brand-primary:oklch(65.15% .2262 33.3);--color-brand-secondary:oklch(58.12% .205 33.2);--color-brand-hover:oklch(55.32% .1895 33.45)}[data-astro-cid-5rocqmky]{box-sizing:border-box}body{background:var(--color-base-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Switzer,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}header[data-astro-cid-5rocqmky]{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-base-200);z-index:1000;background:#fff;justify-content:space-between;align-items:center;gap:24px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.header-left[data-astro-cid-5rocqmky]{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.back-btn[data-astro-cid-5rocqmky]{border:1px solid var(--color-base-500);color:var(--color-base-700);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.back-btn[data-astro-cid-5rocqmky]:hover{background:var(--color-base-900);border-color:var(--color-base-900);color:#fff}.back-btn[data-astro-cid-5rocqmky] svg[data-astro-cid-5rocqmky]{width:16px;height:16px}.project-info[data-astro-cid-5rocqmky]{flex-direction:column;gap:2px;min-width:0;display:flex}.project-title[data-astro-cid-5rocqmky]{color:var(--color-base-900);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.viewport-switcher[data-astro-cid-5rocqmky]{background:var(--color-base-100);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.viewport-btn[data-astro-cid-5rocqmky]{color:var(--color-base-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.viewport-btn[data-astro-cid-5rocqmky] svg[data-astro-cid-5rocqmky]{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.viewport-btn[data-astro-cid-5rocqmky]:hover{color:var(--color-base-950)}.viewport-btn[data-astro-cid-5rocqmky][data-active=true]{color:var(--color-base-900);background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header-right[data-astro-cid-5rocqmky]{align-items:center;gap:12px;display:flex}.open-link[data-astro-cid-5rocqmky]{border:1px solid var(--color-base-500);color:var(--color-base-700);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.open-link[data-astro-cid-5rocqmky]:hover{background:var(--color-base-900);border-color:var(--color-base-900);color:#fff}.open-link[data-astro-cid-5rocqmky] svg[data-astro-cid-5rocqmky]{width:14px;height:14px}main[data-astro-cid-5rocqmky]{margin-top:var(--nav-height);height:calc(100vh - var(--nav-height));background:var(--color-base-300);justify-content:center;align-items:center;padding:20px;display:flex}.viewport-container[data-astro-cid-5rocqmky]{background:#fff;border-radius:12px;height:100%;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.viewport-container[data-astro-cid-5rocqmky].desktop{width:100%;max-width:100%}.viewport-container[data-astro-cid-5rocqmky].tablet{width:820px;max-width:100%;height:1180px}.viewport-container[data-astro-cid-5rocqmky].mobile{width:430px;max-width:100%;height:932px}iframe[data-astro-cid-5rocqmky]{background:#fff;border:0;width:100%;height:100%;display:block}@media (width<=768px){header[data-astro-cid-5rocqmky]{gap:12px;padding:0 12px}.project-info[data-astro-cid-5rocqmky]{display:none}.viewport-switcher[data-astro-cid-5rocqmky]{gap:2px;padding:3px}.viewport-btn[data-astro-cid-5rocqmky]{padding:8px 12px;font-size:0}.viewport-btn[data-astro-cid-5rocqmky] svg[data-astro-cid-5rocqmky]{margin:0}.open-link[data-astro-cid-5rocqmky] span[data-astro-cid-5rocqmky]{display:none}main[data-astro-cid-5rocqmky]{padding:12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading[data-astro-cid-5rocqmky]{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}