.zJpVsH{gap:var(--spacing-xs);min-width:0}.g_olJv{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}._0fa5f5{opacity:.5;flex-shrink:0}.qe6SzE{width:240px;padding:var(--spacing-xs)}.LBxB8L{display:flex;flex-direction:column;gap:2px}.O3l1kd{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:none;background:transparent;width:100%;cursor:pointer;text-align:left;transition:background-color var(--animation-duration-fast);color:var(--color-text-secondary)}.O3l1kd:hover{color:var(--color-text-primary)}.O3l1kd._0S_xIl,.O3l1kd:hover{background-color:var(--color-gray-100)}.O3l1kd._0S_xIl{color:var(--color-primary)}.JR0KXi{display:flex;align-items:center;justify-content:center;color:inherit}.DNzRuR{display:flex;flex-direction:column;flex:1 1;min-width:0}.ZKZBQv{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:inherit}.iHmKB_{font-size:.75rem;color:var(--color-text-tertiary);opacity:.7}.ePAhbV{color:var(--color-primary)}._hZeTA,.yX_yQp{width:100%;height:100%;overflow:hidden}.yX_yQp{display:flex;justify-content:center;align-items:center;border-radius:var(--radius-lg,12px)}.SePruR{overflow:hidden;display:block}.SePruR,.xVYikT{width:100%;height:100%}.xVYikT{display:flex;flex-direction:column;align-items:stretch;overflow:auto;padding:var(--spacing-xl);background-color:var(--color-gray-100);transition:background-color var(--animation-duration-normal)}.UBfnI1{flex:1 1;width:100%;min-width:0;min-height:0;display:flex}.k2GfRK{margin:auto;flex-shrink:0}.yfm7Gc{display:contents}.f1_ehw{width:100%;height:100%}.f1_ehw,.znUcQ_{position:relative}.znUcQ_{width:var(--device-width,375px);height:var(--device-height,667px);max-height:calc(100% - 24px);box-shadow:0 0 20px var(--color-shadow);background-color:var(--color-white);border-radius:var(--radius-lg,12px);transition:width var(--animation-duration-normal) ease,height var(--animation-duration-normal) ease;overflow:visible}.GifcCm{transition:none}.mSO9qI{width:100%;height:100%}.Zfd_nh,.mSO9qI{position:relative}.Zfd_nh{width:var(--device-width);height:var(--device-height);background-color:var(--color-white);flex-shrink:0;margin:auto;transition:width .3s ease,height .3s ease,border-radius .3s ease,border-width .3s ease;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 20px 40px -10px rgba(0,0,0,.2);border-radius:40px;border:12px solid #2d2d2d;box-sizing:content-box}.S2rLRO{width:100%;height:100%;overflow:hidden;background:var(--screen-bg,white);position:relative;z-index:1;display:flex;flex-direction:column}.S2rLRO>iframe{width:100%;height:100%;border:none}.f1_ehw .S2rLRO,.mSO9qI .S2rLRO{border-radius:0}.znUcQ_ .S2rLRO{border-radius:var(--radius-lg,12px)}._9DMVyr{display:none;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none}.Zfd_nh ._9DMVyr{display:block}.Zfd_nh[data-rotated=true] ._9DMVyr{top:50%;left:0;transform:translateY(-50%)}._Zt0PN{display:none;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:rgba(0,0,0,.2);border-radius:2px;z-index:10;pointer-events:none}.Zfd_nh ._Zt0PN{display:block}.Zfd_nh[data-rotated=true] ._Zt0PN{bottom:auto;left:auto;right:8px;top:50%;width:4px;height:120px;transform:translateY(-50%)}.B_jcEB{width:100%;flex-shrink:0;padding-bottom:var(--spacing-sm)}.B_jcEB,.C8VozQ{display:flex;justify-content:center}.C8VozQ{z-index:5;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-white);border:1px solid var(--color-gray-300);box-shadow:var(--shadow);align-items:center;cursor:pointer;color:var(--color-text-secondary);transition:background-color var(--animation-duration-fast),transform var(--animation-duration-fast)}.C8VozQ:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.C8VozQ:active{transform:scale(.95)}.Zfd_nh[data-device*=iphone-15]{border-width:10px;border-radius:50px}.Zfd_nh[data-device*=iphone-15] .S2rLRO{border-radius:40px;padding-top:50px}.Zfd_nh[data-device*=iphone-15][data-rotated=true] .S2rLRO{padding-top:0;padding-left:50px}.Zfd_nh[data-device*=iphone-15] ._9DMVyr{top:10px;width:100px;height:30px;background:#000;border-radius:20px}.Zfd_nh[data-device*=iphone-15][data-rotated=true] ._9DMVyr{top:50%;left:10px;width:30px;height:100px;transform:translateY(-50%)}.Zfd_nh[data-device*=iphone-15] ._Zt0PN{display:block}.Zfd_nh[data-device*=pixel-7]{border-width:8px;border-radius:24px}.Zfd_nh[data-device*=pixel-7] .S2rLRO{border-radius:16px;padding-top:36px}.Zfd_nh[data-device*=pixel-7][data-rotated=true] .S2rLRO{padding-top:0;padding-left:36px}.Zfd_nh[data-device*=pixel-7] ._9DMVyr{top:15px;width:12px;height:12px;background:#000;border-radius:50%}.Zfd_nh[data-device*=pixel-7][data-rotated=true] ._9DMVyr{top:50%;left:15px;transform:translateY(-50%)}.Zfd_nh[data-device*=ipad]{border-width:16px;border-radius:24px}.Zfd_nh[data-device*=ipad] .S2rLRO{border-radius:8px}._0RRtn7{position:absolute;z-index:4;background:var(--color-gray-300);transition:background var(--animation-duration-fast)}._0RRtn7:hover,._3_1tTT{background:var(--color-gray-500)}.UmFxeN,.igeANY{width:6px;height:32px;top:50%;transform:translateY(-50%);cursor:ew-resize}.igeANY{right:calc(100% + 4px)}.UmFxeN,.igeANY{border-radius:3px}.UmFxeN{left:calc(100% + 4px)}.Up9p_P,.afYibh{width:32px;height:6px;left:50%;transform:translateX(-50%);cursor:ns-resize}.afYibh{bottom:calc(100% + 4px)}.Up9p_P,.afYibh{border-radius:3px}.Up9p_P{top:calc(100% + 4px)}.gC3pNZ{position:absolute;width:12px;height:12px;z-index:5}.gC3pNZ:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--color-gray-300);transition:background var(--animation-duration-fast)}.KHLmon:after,.gC3pNZ:hover:after{background:var(--color-gray-500)}.bqEE6o{top:-6px;left:-6px;cursor:nwse-resize}.M_1gIB{top:-6px;right:-6px}.M_1gIB,._6l66Wl{cursor:nesw-resize}._6l66Wl{bottom:-6px;left:-6px}.QqKsZE{bottom:-6px;right:-6px;cursor:nwse-resize}.UC_w4l{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}._09MmLs{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-gray-800);font-size:.75rem;font-family:var(--font-mono,monospace);z-index:3}._09MmLs,.kYax4N{color:var(--color-white)}.kYax4N{background:transparent;border:none;font-family:inherit;font-size:inherit;width:4ch;text-align:center;outline:none;padding:0}.kYax4N:focus{background:rgba(255,255,255,.2);border-radius:2px}.Q25_7A{margin:0 4px}._3UhSXC{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-gray-800);color:var(--color-white);font-size:.75rem;font-family:var(--font-mono,monospace);white-space:nowrap;z-index:3;pointer-events:none;opacity:.85}