.oZD4za_previewCard{height:var(--browser-preview-card-max-height,auto);max-height:var(--browser-preview-card-max-height,none);border-radius:24px;flex-direction:column;scroll-margin-top:92px;display:flex;overflow:hidden}.oZD4za_previewCardFocus{border-radius:0;height:100vh;max-height:none}.oZD4za_previewCard .ant-card-head{flex:none}.oZD4za_previewCard .ant-card-body{flex:auto;min-height:0;padding:10px;display:flex}.oZD4za_previewCardFocus .ant-card-body{padding:0}.oZD4za_previewContent{flex:auto;min-height:0}.oZD4za_toolbarPopover{z-index:12;position:absolute;top:54px;right:12px}.oZD4za_browserChrome{border-bottom:1px solid color-mix(in srgb, var(--surface-border) 72%, white 28%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffeb,#f8fafcdb),#ffffffbd;flex-direction:column;flex:none;gap:10px;padding:10px 12px 12px;display:flex}.oZD4za_browserToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.oZD4za_toolbarSegment{min-width:0}.oZD4za_navCluster{border:1px solid color-mix(in srgb, var(--surface-border) 74%, white 26%);background:#ffffffbd;border-radius:999px;align-items:center;min-width:0;padding:4px;display:inline-flex;box-shadow:inset 0 1px #fffc}.oZD4za_navButton{width:34px;min-width:34px;height:34px;color:var(--text-primary);border-radius:999px}:is(.oZD4za_navButton.ant-btn:hover,.oZD4za_navButton.ant-btn:focus-visible){background:color-mix(in srgb, var(--accent-soft) 68%, transparent 32%)}.oZD4za_navDivider{background:color-mix(in srgb, var(--surface-border) 82%, white 18%);width:1px;height:18px;margin:0 4px}.oZD4za_pageTabs .ant-tabs-nav{background:0 0;border:0;border-radius:0;align-items:flex-end;gap:8px;min-width:0;margin-bottom:0;padding:0;display:flex}.oZD4za_pageTabs .ant-tabs-nav:before{display:none}.oZD4za_pageTabs .ant-tabs-nav-wrap{flex:auto;min-width:0}.oZD4za_pageTabs .ant-tabs-nav-list{align-items:stretch;width:max-content;min-width:100%;display:flex}.oZD4za_pageTabs .ant-tabs-tab{border:1px solid color-mix(in srgb, var(--surface-border) 76%, white 24%);min-width:clamp(120px,16vw,164px);max-width:220px;color:var(--text-secondary);background:linear-gradient(#ffffffb3,#f1f5f9d1);border-radius:14px 14px 0 0;flex:none;margin:0 6px 0 0;padding:8px 12px 7px;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.oZD4za_pageTabs .ant-tabs-tab:hover{color:var(--text-primary)}.oZD4za_pageTabs .ant-tabs-tab-btn{width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.oZD4za_pageTabs .ant-tabs-tab-active{border-color:color-mix(in srgb, var(--surface-border) 64%, white 36%);color:var(--text-primary);background:linear-gradient(#fffffffa,#ffffffeb);transform:translateY(1px);box-shadow:0 8px 20px #0f172a14,inset 0 1px #ffffffeb}.oZD4za_pageTabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:inherit}.oZD4za_pageTabs .ant-tabs-ink-bar{display:none}.oZD4za_pageTabs .ant-tabs-nav-add{border:1px solid color-mix(in srgb, var(--surface-border) 76%, white 24%);width:28px;min-width:28px;height:28px;box-shadow:none;color:color-mix(in srgb, var(--text-secondary) 78%, var(--accent-strong) 22%);background:#ffffffb3;border-radius:999px;flex:none;align-self:center;margin-inline-start:4px;padding:0;transition:color .2s,background-color .2s,transform .2s}:is(.oZD4za_pageTabs .ant-tabs-nav-add:hover,.oZD4za_pageTabs .ant-tabs-nav-add:focus-visible){color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 48%, transparent 52%);transform:translateY(-1px)}.oZD4za_pageTabs .ant-tabs-nav-operations{align-self:center;margin-inline-start:4px}.oZD4za_pageTabs .ant-tabs-content-holder{display:none}.oZD4za_tabLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:100%;display:block;overflow:hidden}.oZD4za_tabLabelShell{align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;display:flex}.oZD4za_tabIndicator{background:color-mix(in srgb, var(--accent-strong) 84%, white 16%);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-soft) 40%, transparent 60%);border-radius:999px;flex:0 0 8px}.oZD4za_previewStage{min-height:var(--browser-preview-stage-min-height,clamp(360px, 62vh, 860px));flex:auto;padding:clamp(6px,.8vw,10px);display:flex;position:relative;overflow:visible}.oZD4za_previewStageFocus{height:100%;min-height:0;padding:0 12px 12px}.oZD4za_previewViewport{border:1px solid color-mix(in srgb, var(--surface-border) 70%, white 30%);background:radial-gradient(circle at top right, #1677ff14, transparent 35%), linear-gradient(180deg, #091e420a, #091e4203), repeating-linear-gradient(90deg, #0f172a06 0, #0f172a06 1px, transparent 1px, transparent 24px), var(--surface);border-radius:24px;flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.oZD4za_previewStageFocus .oZD4za_previewViewport{background:0 0;border:0;border-radius:0;align-items:stretch}.oZD4za_viewportDock{z-index:9;border:1px solid color-mix(in srgb, var(--surface-border) 82%, white 18%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffe0,#f8fafcc7),#ffffffb3;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;position:absolute;bottom:20px;right:20px;box-shadow:0 12px 30px #0f172a1f}.oZD4za_viewportDockButton{width:36px;min-width:36px;height:36px;color:var(--text-primary);border-radius:999px}:is(.oZD4za_viewportDockButton.ant-btn:hover,.oZD4za_viewportDockButton.ant-btn:focus-visible){background:color-mix(in srgb, var(--accent-soft) 72%, transparent 28%)}.oZD4za_previewSurface{flex:auto;justify-content:center;align-items:flex-start;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;padding:clamp(6px,1vw,10px);display:flex;position:relative}.oZD4za_previewFrame{flex:none;justify-content:stretch;align-items:stretch;width:auto;max-width:100%;max-height:100%;display:inline-flex;position:relative}.oZD4za_previewButton{background:0 0;border:0;border-radius:18px;justify-content:stretch;align-items:stretch;width:auto;max-width:100%;max-height:100%;padding:0;display:inline-flex}.oZD4za_interactionPulse{z-index:7;border:2px solid color-mix(in srgb, var(--accent-strong) 88%, white 12%);background:color-mix(in srgb, var(--accent-soft) 34%, transparent 66%);width:22px;height:22px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent-soft) 28%, transparent 72%), 0 6px 18px #1677ff38;pointer-events:none;border-radius:999px;animation:.68s ease-out forwards oZD4za_previewInteractionPulse;position:absolute;transform:translate(-50%,-50%)}@keyframes oZD4za_previewInteractionPulse{0%{opacity:.96;transform:translate(-50%,-50%)scale(.72)}58%{opacity:.74;transform:translate(-50%,-50%)scale(1.06)}to{opacity:0;transform:translate(-50%,-50%)scale(1.32)}}.oZD4za_previewImage{object-fit:contain;border:1px solid color-mix(in srgb, var(--surface-border) 70%, white 30%);background:#f5f7fb;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 20px 60px #0f172a14,inset 0 1px #ffffffe6}.oZD4za_previewStageFocus .oZD4za_previewImage{max-width:calc(100vw - 32px);max-height:calc(100vh - 64px)}.oZD4za_selectionBox{pointer-events:none;background:#1677ff14;border:2px solid #1677fff2;border-radius:14px;position:absolute;box-shadow:0 0 0 9999px #07162f14}.oZD4za_selectionLabel{z-index:7;pointer-events:none;position:absolute}.oZD4za_composerDock{z-index:1200;pointer-events:auto;width:min(430px,100vw - 32px);max-width:min(430px,100vw - 32px);max-height:min(560px,100vh - 32px);position:fixed}:root[data-theme=dark] .oZD4za_previewStage{background:0 0}:root[data-theme=dark] .oZD4za_previewViewport{border-color:color-mix(in srgb, var(--surface-border) 88%, white 12%);background:radial-gradient(circle at 100% 0,#59a8ff29,#0000 36%),linear-gradient(#111a2af5,#090f1afa),repeating-linear-gradient(90deg,#94a3b80d 0 1px,#0000 1px 24px)}@media (width<=900px){.oZD4za_composerDock{width:min(430px,100% - 24px);max-width:min(430px,100% - 24px);max-height:min(520px,100vh - 24px)}}:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-nav{background:0 0}:root[data-theme=dark] .oZD4za_browserChrome{border-bottom-color:color-mix(in srgb, var(--surface-border) 88%, white 12%);background:radial-gradient(circle at 100% 0,#59a8ff1a,#0000 42%),linear-gradient(#131e31eb,#0b1220db)}:root[data-theme=dark] .oZD4za_navCluster{border-color:color-mix(in srgb, var(--surface-border) 90%, white 10%);background:#0f172ab3;box-shadow:inset 0 1px #ffffff0d}:root[data-theme=dark] .oZD4za_navDivider{background:color-mix(in srgb, var(--surface-border) 90%, white 10%)}:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-tab{border-color:color-mix(in srgb, var(--surface-border) 90%, white 10%);color:var(--text-secondary);background:linear-gradient(#1e293bd1,#0f172aeb)}:is(:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-tab:hover,:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-tab-active){color:var(--text-primary)}:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-tab-active{border-color:color-mix(in srgb, var(--surface-border) 82%, white 18%);background:linear-gradient(#27354cf5,#111827fa);box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff14}:is(:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-nav-add:hover,:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-nav-add:focus-visible){background:color-mix(in srgb, var(--accent-soft) 48%, transparent 52%)}:root[data-theme=dark] .oZD4za_pageTabs .ant-tabs-nav-add{border-color:color-mix(in srgb, var(--surface-border) 90%, white 10%);background:#0f172ab8}:root[data-theme=dark] .oZD4za_previewImage{background:#0c1423;box-shadow:0 20px 60px #00000057,inset 0 1px #ffffff0d}:root[data-theme=dark] .oZD4za_viewportDock{border-color:color-mix(in srgb, var(--surface-border) 90%, white 10%);background:radial-gradient(circle at 100% 0,#59a8ff24,#0000 40%),linear-gradient(#131e31e6,#0b1220d6);box-shadow:0 16px 36px #00000057}@media (width<=960px){.oZD4za_inlinePopover{max-width:none;inset:auto 12px 12px}.oZD4za_toolbarPopover{width:min(320px,100vw - 40px);left:auto;right:0}.oZD4za_browserChrome{gap:8px;padding-inline:10px}.oZD4za_browserToolbar{justify-content:flex-start}.oZD4za_pageTabs .ant-tabs-nav{gap:6px}.oZD4za_pageTabs .ant-tabs-tab{min-width:112px;max-width:180px}.oZD4za_toolbarSegment{width:100%}.oZD4za_viewportDock{bottom:14px;right:14px}}@media (width<=640px){.oZD4za_browserToolbar{gap:8px}.oZD4za_pageTabs .ant-tabs-tab{min-width:96px;max-width:156px;padding-inline:10px}.oZD4za_navCluster{justify-content:center;width:100%}}