.sp-root{z-index:2147483000;color:#1d2329;background:#f1f3f5;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0}.sp-root *,.sp-root :before,.sp-root :after{box-sizing:border-box}.sp-root button{font:inherit;cursor:pointer}.sp-bar{height:60px;padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));z-index:2;background:#fff;border-bottom:1px solid #dfe3e8;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:relative;box-shadow:0 4px 14px -10px #10182859}.sp-left{align-items:center;gap:10px;min-width:0;display:flex}.sp-dot{background:#16a34a;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #16a34a26}.sp-title{white-space:nowrap;font-size:14px;font-weight:700}.sp-path{color:#667085;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;background:#f2f4f7;border-radius:6px;min-width:0;padding:3px 8px;font-size:13px;overflow:hidden}.sp-modes{background:#fff;border:1px solid #dfe3e8;border-radius:10px;display:flex;overflow:hidden}.sp-mode{color:#475467;background:0 0;border:0;border-left:1px solid #dfe3e8;place-items:center;width:58px;height:44px;transition:background .15s,color .15s;display:grid}.sp-mode:first-child{border-left:0}.sp-mode:hover{color:#1d2329;background:#f5f7fa}.sp-mode.on{color:#2563eb;background:#eef4ff;box-shadow:inset 0 -2px #2563eb}.sp-mode:focus-visible,.sp-icon:focus-visible,.sp-close:focus-visible,.sp-launch:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.sp-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.sp-icon{color:#475467;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:38px;height:38px;text-decoration:none;display:grid}.sp-icon:hover{color:#1d2329;background:#f2f4f7}.sp-link{color:#fff;white-space:nowrap;background:#2563eb;border-radius:9px;align-items:center;gap:7px;height:38px;margin-right:4px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.sp-link:hover{background:#1d4ed8}.sp-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.sp-close{color:#1d2329;background:#fff;border:1px solid #dfe3e8;border-radius:9px;align-items:center;gap:6px;height:38px;margin-left:4px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.sp-close:hover{background:#f2f4f7}.sp-stage{background:radial-gradient(120% 80% at 50% 0,#fff 0%,#fff0 70%),#eef0f3;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.sp-mode-full{background:#fff;display:block}.sp-mode-full .sp-iframe{width:100%;height:100%}.sp-row{justify-content:center;align-items:flex-end;gap:0;display:flex}.sp-mode-all .sp-device+.sp-device{margin-left:32px}.sp-device{flex:none;animation:.5s cubic-bezier(.2,.8,.2,1) both spIn;position:relative}.sp-device.sp-tablet{animation-delay:60ms}.sp-device.sp-phone{animation-delay:.12s}@keyframes spIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sp-device{animation:none}}.sp-scale{transform-origin:0 0;position:absolute;top:0;left:0}.sp-iframe{background:#fff;border:0;display:block}.sp-bezel{background:#121416;position:relative;box-shadow:inset 0 0 0 2px #2b2f33,0 50px 80px -40px #1018288c}.sp-desktop .sp-bezel{border-radius:28px 28px 0 0}.sp-desktop .sp-iframe{border-radius:4px}.sp-chin{background:linear-gradient(#eceef0,#c9cdd1);border-radius:0 0 28px 28px;height:70px;box-shadow:0 2px #b4b9be}.sp-neck{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(90deg,#bfc3c7,#eceef0 50%,#bfc3c7);width:260px;height:120px;margin:0 auto}.sp-foot{background:linear-gradient(#eef0f2,#b8bdc2);border-radius:4px 4px 12px 12px;width:460px;height:14px;margin:0 auto;box-shadow:0 30px 40px -14px #10182873}.sp-tablet .sp-bezel{border-radius:52px}.sp-tablet .sp-iframe{border-radius:16px}.sp-phone .sp-bezel{border-radius:62px}.sp-phone .sp-iframe{border-radius:46px}.sp-notch{z-index:1;pointer-events:none;background:#121416;border-radius:20px;width:110px;height:32px;margin-left:-55px;position:absolute;top:28px;left:50%}.sp-launch{left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2147482000;color:#fff;cursor:pointer;background:#111827;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 16px 11px 13px;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:inline-flex;position:fixed;box-shadow:0 12px 28px -10px #00000080}.sp-launch:hover{background:#1f2937}@media (width<=760px){.sp-bar{grid-template-columns:auto 1fr;row-gap:8px;height:auto;padding-block:8px}.sp-left{display:none}.sp-modes{order:2;grid-column:1/-1;justify-self:center}.sp-right{grid-column:1/-1;justify-content:center}.sp-mode{width:52px;height:40px}}
