.laptop-browser{position:absolute;left:0;top:0;z-index:4;transform-origin:0 0;width:960px;display:flex;flex-direction:column;overflow:hidden;border-radius:5px;background:#f8f5f7;color:#302738;pointer-events:auto;font:14px/1.4 system-ui,sans-serif;box-sizing:border-box}
.laptop-browser[hidden],.laptop-projects[hidden]{display:none!important}
.laptop-browser button{font:inherit;cursor:pointer}
.laptop-browser button:focus-visible{outline:3px solid #c093db;outline-offset:-3px}
.laptop-tab-bar{display:flex;align-items:end;gap:10px;flex:none;height:44px;padding:8px 10px 0;background:#b8a6cb;box-sizing:border-box}
.laptop-window-dots{display:flex;align-self:center;gap:5px;padding:0 4px 8px}.laptop-window-dots i{width:9px;height:9px;border-radius:50%;background:#6d546b}.laptop-window-dots i:nth-child(2){background:#c9b888}.laptop-window-dots i:nth-child(3){background:#93ab9a}
.laptop-tabs{display:flex;flex:1;min-width:0;gap:3px;height:36px}.laptop-tabs button{display:flex;align-items:center;gap:7px;flex:1;min-width:0;border:0;border-radius:9px 9px 0 0;background:#c9b8d8;color:#43344f;padding:6px 8px;text-align:left;font-size:12px;white-space:nowrap}.laptop-tabs button[aria-selected=true]{background:#f1ebf5;color:#29202f}.laptop-tabs img{width:21px;height:21px;object-fit:contain;flex:none}.laptop-tabs span{overflow:hidden;text-overflow:ellipsis}
.laptop-address-bar{display:flex;flex:none;align-items:center;gap:18px;height:38px;padding:6px 17px;background:#f1ebf5;font-size:18px;box-sizing:border-box;color:#7c6d86}.laptop-address-bar>div{display:flex;align-items:center;gap:12px;flex:1;border-radius:13px;background:#e3dbe9;padding:3px 16px;font-size:12px;color:#675572}.laptop-address-bar>span:last-child{font-size:24px}
.laptop-viewport{flex:1;min-height:0;overflow:hidden;background:#18151b}.laptop-hero{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding:0;border:0;background:#19171b;color:#fff}.laptop-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:opacity .15s}.laptop-hero:hover .laptop-preview-cta,.laptop-hero:focus-visible .laptop-preview-cta{opacity:1;transform:translateY(0)}.laptop-preview-cta{position:absolute;left:50%;bottom:21px;transform:translate(-50%,7px);padding:9px 18px;border-radius:20px;background:#342539e8;color:#fff;font-size:15px;white-space:nowrap;opacity:0;transition:opacity .18s,transform .18s}.laptop-hero:hover .laptop-preview-cta,.laptop-hero:focus-visible .laptop-preview-cta{transform:translate(-50%,0)}
.laptop-preview-status{display:none;position:absolute;inset:0;place-items:center;background:#e8e1ee;color:#685575;font-size:20px;padding:35px;box-sizing:border-box}.laptop-browser.is-loading .laptop-preview-status,.laptop-browser.image-failed .laptop-preview-status{display:grid}.laptop-browser.is-loading .laptop-hero>img{opacity:.15}
.laptop-launcher{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.laptop-launcher:focus-visible{position:fixed!important;right:24px;bottom:104px;width:auto!important;height:auto!important;padding:10px 18px!important;margin:0!important;clip-path:none;background:#251832!important;border-radius:18px}
body.laptop-open .hotspots,body.laptop-open .phone-hotspot{visibility:hidden!important}
.laptop-link-dialog{width:min(440px,calc(100vw - 42px));border:1px solid #d3bddf;border-radius:20px;padding:32px;background:#f6f0f7;color:#35243d;box-shadow:0 18px 80px #21112e66;box-sizing:border-box;font:14px/1.6 system-ui,sans-serif}.laptop-link-dialog::backdrop{background:#19121f75}.laptop-dialog-close{position:absolute;right:16px;top:10px;font:25px/1 system-ui,sans-serif;padding:5px;border:0;background:transparent;color:#836e90;cursor:pointer}.laptop-dialog-kicker{font-size:9px;letter-spacing:.18em;color:#957ca2}.laptop-link-dialog h2{font:400 25px/1.3 Georgia,"Noto Serif SC",serif;margin:19px 0 14px}.laptop-dialog-project{font-size:14px;font-weight:600;color:#674a7b;margin:0 0 8px}.laptop-link-dialog #laptop-dialog-note{font-size:12px;color:#8b7696}.laptop-dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.laptop-dialog-actions>*{font:12px/1.4 system-ui,sans-serif;padding:12px 15px;border-radius:10px;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box}.laptop-dialog-actions a{color:#fff;background:#644278;border:1px solid #644278}.laptop-dialog-actions button{color:#765789;background:#ece2f1;border:1px solid #d8c4e2}
@media(max-width:760px){.laptop-link-dialog{padding:26px}.laptop-link-dialog h2{font-size:22px}}