.v7X7_W_preview{--guide-width:81px;zoom:1.25;box-sizing:border-box;padding:var(--space-10);border-radius:var(--radius-8);background:var(--text-secondary);box-shadow:var(--shadow-base-sm);pointer-events:none;width:242px;display:flex}.v7X7_W_preview *{box-sizing:border-box}.v7X7_W_screen{border:var(--border-hairline)solid var(--border-2);background:var(--bg-surface-2);box-shadow:var(--shadow-base-xs);border-radius:2px;flex:1;height:125px;padding:1.5px;display:flex;overflow:hidden}.v7X7_W_app{padding:var(--space-4);background:var(--border-3);border-radius:1.5px;flex:1;min-width:0;display:flex}.v7X7_W_browser{background:var(--bg-surface-1);border-radius:2px;flex-direction:column;flex:1;min-width:0;display:flex}.v7X7_W_toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:1.5px 2px;display:flex}.v7X7_W_dots{flex:0 0 9px;gap:1.5px;display:flex}.v7X7_W_dot{border-radius:var(--radius-half);background:var(--feedback-error);width:2px;height:2px}.v7X7_W_dot:nth-child(2){background:var(--feedback-warning)}.v7X7_W_dot:nth-child(3){background:var(--feedback-success)}.v7X7_W_address{background:var(--bg-surface-3);border-radius:1px;flex:0 67px;height:3px}.v7X7_W_toolbarEnd{flex:0 0 9px}.v7X7_W_page{flex:1;min-height:0;padding:3px;display:flex}.v7X7_W_canvas{border:var(--border-hairline)solid var(--border-2);background:var(--bg-base);border-radius:1.5px;flex:1;gap:3px;padding:3px;display:flex}.v7X7_W_sideColumn,.v7X7_W_mainColumn{flex-direction:column;gap:3px;display:flex}.v7X7_W_sideColumn{flex:0 0 24px}.v7X7_W_mainColumn{flex:1;min-width:0}.v7X7_W_mainColumn>.v7X7_W_block:first-child{flex:0 0 36px}.v7X7_W_row{flex:1;gap:3px;display:flex}.v7X7_W_block{border:.5px dashed var(--border-1);background:var(--bg-surface-2);border-radius:3px;flex:1}.v7X7_W_guide{width:var(--layout-preview-guide,var(--guide-width));transition:width .28s var(--ease-in-out-cubic);flex-shrink:0;display:flex;overflow:hidden}.v7X7_W_guideInner{width:calc(var(--guide-width) - 1.5px);background:var(--bg-surface-1);border-radius:1.5px;flex-direction:column;flex-shrink:0;gap:6px;margin-left:1.5px;padding:7px 6px 1.5px;display:flex}.v7X7_W_guideHeading{flex-direction:column;gap:1.5px;display:flex}.v7X7_W_guideTitle{border-radius:var(--radius-6);background:var(--border-3);width:28px;height:5px;margin-bottom:.5px}.v7X7_W_guideLine{border-radius:var(--radius-10);background:var(--border-2);width:100%;height:2.75px}.v7X7_W_guideLine:last-child{width:94%}.v7X7_W_tabs{gap:1.5px;display:flex}.v7X7_W_tab{border-radius:var(--radius-8);background:linear-gradient(var(--border-3),var(--border-3))4px center/12.5px 2.75px no-repeat;width:18.75px;height:4.25px}.v7X7_W_tab:first-child{background-color:var(--border-3)}.v7X7_W_call{border:.1px solid var(--border-1);background:var(--bg-surface-3);box-shadow:var(--shadow-base-xs);border-radius:2px;flex-direction:column;padding:0 .75px .75px;display:flex}.v7X7_W_callHeader{align-items:center;gap:1.5px;padding:2.25px;display:flex}.v7X7_W_badge{border:.1px solid var(--accent-border);border-radius:var(--radius-4);background:var(--accent-bg);width:8.25px;height:3.75px}.v7X7_W_callPath{border-radius:var(--radius-10);background:var(--border-3);width:32px;height:2.75px}.v7X7_W_code{border:.1px solid var(--border-1);background:var(--bg-base);border-radius:1.5px;flex-direction:column;display:flex;overflow:hidden}.v7X7_W_codeLines{flex-direction:column;gap:.75px;padding:3px 3px 3px 8.8px;display:flex}.v7X7_W_codeLine{background:var(--border-3);border-radius:1.5px;max-width:calc(100% - 3px);height:2.9px}.v7X7_W_codeFooter{border-top:.1px solid var(--border-2);background:var(--bg-surface-1);justify-content:space-between;align-items:center;padding:1.1px 1.5px 1.1px 3px;display:flex}.v7X7_W_codeMeta{background:var(--border-2);border-radius:1px;width:18px;height:1.8px}.v7X7_W_codeToggle{border:.1px solid var(--border-1);border-radius:var(--radius-6);background:var(--bg-surface-2);width:14px;height:5px}@media (prefers-reduced-motion:reduce){.v7X7_W_guide{transition:none}}