.device-frame-container[data-astro-cid-vujd4idp]{flex-direction:column;align-items:center;gap:32px;width:100%;margin-top:40px;display:flex}.device-selector[data-astro-cid-vujd4idp]{z-index:10;background:#f1f1f4;border:1px solid #e5e5eb;border-radius:14px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000d}.selector-btn[data-astro-cid-vujd4idp]{color:#5d6470;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.selector-btn[data-astro-cid-vujd4idp]:hover{color:#111}.selector-btn[data-astro-cid-vujd4idp].active{color:#111;background:#fff;box-shadow:0 4px 12px #00000014,0 1px 3px #00000005}.devices-viewport-wrapper[data-astro-cid-vujd4idp]{perspective:1000px;justify-content:center;align-items:flex-start;width:100%;max-width:1120px;display:flex;position:relative}.frame-browser[data-astro-cid-vujd4idp]{opacity:0;background:#fff;border:1px solid #e2e2e4;border-radius:16px;flex-direction:column;width:100%;transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);display:none;overflow:hidden;transform:scale(.98)translateY(10px);box-shadow:0 30px 60px -15px #0000001a,0 10px 20px -5px #0000000d,0 0 1px #0000001a}.frame-browser[data-astro-cid-vujd4idp].active{opacity:1;display:flex;transform:scale(1)translateY(0)}.browser-header[data-astro-cid-vujd4idp]{background:#f7f7f9;border-bottom:1px solid #e2e2e4;align-items:center;height:48px;padding:0 16px;display:flex;position:relative}.browser-dots[data-astro-cid-vujd4idp]{gap:8px;display:flex;position:absolute;left:16px}.dot[data-astro-cid-vujd4idp]{border-radius:50%;width:12px;height:12px;display:inline-block}.dot[data-astro-cid-vujd4idp].red{background:#ff5f56}.dot[data-astro-cid-vujd4idp].yellow{background:#ffbd2e}.dot[data-astro-cid-vujd4idp].green{background:#27c93f}.browser-url[data-astro-cid-vujd4idp]{color:#71767f;font-size:11px;font-family:var(--font-sans);background:#fff;border:1px solid #e2e2e4;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;max-width:420px;margin:0 auto;padding:6px 16px;display:flex;box-shadow:inset 0 1px 2px #00000005}.url-lock[data-astro-cid-vujd4idp]{color:var(--accent-green)}.url-text[data-astro-cid-vujd4idp]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scrollable-content[data-astro-cid-vujd4idp]{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;background:#f7f7f9;width:100%;position:relative;overflow:hidden auto}.scrollable-content[data-astro-cid-vujd4idp]::-webkit-scrollbar{width:8px}.scrollable-content[data-astro-cid-vujd4idp]::-webkit-scrollbar-track{background:#f1f5f9}.scrollable-content[data-astro-cid-vujd4idp]::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f1f5f9;border-radius:4px}.browser-body[data-astro-cid-vujd4idp]{height:680px}.full-page-screenshot[data-astro-cid-vujd4idp]{width:100%;height:auto;display:block}.no-image-placeholder[data-astro-cid-vujd4idp]{color:#71767f;text-align:center;background:#fafafb;justify-content:center;align-items:center;height:100%;font-size:15px;display:flex}.frame-mobile[data-astro-cid-vujd4idp]{opacity:0;width:100%;max-width:380px;transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);display:none;transform:scale(.95)translateY(15px)}.frame-mobile[data-astro-cid-vujd4idp].active{opacity:1;display:block;transform:scale(1)translateY(0)}.iphone-body[data-astro-cid-vujd4idp]{aspect-ratio:9/18.5;background:#09090b;border:1px solid #e2e2e4;border-radius:38px;width:100%;padding:7px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0000001f,0 0 0 2px #1f1f23}.iphone-speaker-island[data-astro-cid-vujd4idp]{z-index:100;background:#000;border-radius:10px;justify-content:flex-end;align-items:center;width:74px;height:18px;padding-right:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.iphone-camera[data-astro-cid-vujd4idp]{background:#10101b;border-radius:50%;width:6px;height:6px;box-shadow:inset 0 1px 2px #fff3}.iphone-screen[data-astro-cid-vujd4idp]{background:#fff;border:1px solid #0000000f;border-radius:32px;width:100%;height:100%;position:relative}.iphone-home-indicator[data-astro-cid-vujd4idp]{z-index:100;pointer-events:none;opacity:.8;background:#000;border-radius:10px;width:70px;height:4px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.iphone-screen[data-astro-cid-vujd4idp].scrollable-content{scrollbar-width:none;-ms-overflow-style:none;height:100%}.iphone-screen[data-astro-cid-vujd4idp].scrollable-content::-webkit-scrollbar{display:none}@media (width<=810px){.browser-body[data-astro-cid-vujd4idp]{height:480px}}@media (width<=480px){.device-selector[data-astro-cid-vujd4idp]{width:100%;display:flex}.selector-btn[data-astro-cid-vujd4idp]{flex:1;justify-content:center}.browser-body[data-astro-cid-vujd4idp]{height:350px}}.project-detail-page[data-astro-cid-wxetcihn]{background-color:var(--bg-primary);min-height:100vh;padding:140px 0 100px}.btn-back[data-astro-cid-wxetcihn]{color:var(--text-secondary);font-family:var(--font-sans);align-items:center;gap:8px;margin-bottom:48px;font-size:15px;font-weight:500;transition:color .2s,transform .2s;display:inline-flex}.btn-back[data-astro-cid-wxetcihn]:hover{color:#111;transform:translate(-4px)}.project-header[data-astro-cid-wxetcihn]{flex-direction:column;align-items:flex-start;gap:16px;max-width:750px;margin-bottom:24px;display:flex}.project-title[data-astro-cid-wxetcihn]{font-family:var(--font-display);letter-spacing:-1.5px;color:#111;font-size:48px;font-weight:500;line-height:52px}.project-description[data-astro-cid-wxetcihn]{font-family:var(--font-sans);color:var(--text-secondary);font-size:18px;font-weight:400;line-height:27px}.project-tags[data-astro-cid-wxetcihn]{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.project-tag[data-astro-cid-wxetcihn]{font-family:var(--font-sans);color:#1f1f1f;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:10px;padding:6px 14px;font-size:14px;font-weight:500}@media (width<=810px){.project-detail-page[data-astro-cid-wxetcihn]{padding:100px 0 60px}.project-title[data-astro-cid-wxetcihn]{font-size:36px;line-height:40px}.project-description[data-astro-cid-wxetcihn]{font-size:16px;line-height:24px}}