.PlaygroundWebEditor_container__Rz_eA{display:flex;flex-direction:row;direction:ltr;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);overflow:hidden;min-height:520px;height:calc(100vh - 280px);max-height:720px}.PlaygroundWebEditor_editorPane__hQIjV,.PlaygroundWebEditor_previewPane__hUP8e{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-primary)}.PlaygroundWebEditor_header__Qqkzo{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);gap:8px;min-height:40px}.PlaygroundWebEditor_header__Qqkzo select{min-block-size:32px}.PlaygroundWebEditor_tabs__R82o7{display:flex;gap:4px;overflow-x:auto;flex:1;min-width:0}.PlaygroundWebEditor_tab__uj2_R{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:5px 10px;border-radius:6px;border:2px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.PlaygroundWebEditor_tab__uj2_R:hover{background:var(--hover-background);color:var(--text-primary)}.PlaygroundWebEditor_tabActive__e6MMV{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.PlaygroundWebEditor_headerActions__XByON{display:flex;align-items:center;gap:8px;flex-shrink:0}.PlaygroundWebEditor_eraseBtn___aoRy,.PlaygroundWebEditor_iconBtn__szZjO,.PlaygroundWebEditor_resetBtn__OSIag{flex-shrink:0}.PlaygroundWebEditor_iconBtn__szZjO{gap:6px}.PlaygroundWebEditor_previewLabel__EwvDO{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.75;font-weight:600;padding-inline-start:4px}.PlaygroundWebEditor_autoPreviewToggle___RNzv{align-items:center;margin-inline-start:auto}.PlaygroundWebEditor_autoPreviewText__Ya19T{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}.PlaygroundWebEditor_editorWrap__A0cUr{flex:1;min-height:0;background:var(--bg-primary)}.PlaygroundWebEditor_resizer__DBiKj{flex:0 0 2px;background:var(--border-color);cursor:ew-resize;opacity:.6;transition:opacity .2s,flex-basis .2s,background .2s;position:relative;z-index:2}.PlaygroundWebEditor_resizer__DBiKj:before{content:"";position:absolute;inset-block:0;inset-inline-start:-4px;inset-inline-end:-4px}.PlaygroundWebEditor_resizerActive__cWayl,.PlaygroundWebEditor_resizer__DBiKj:hover{flex-basis:4px;opacity:1;background:var(--brand-primary)}.PlaygroundWebEditor_iframe__tqRaw{flex:1 1 auto;width:100%;border:0;min-height:0}.PlaygroundWebEditor_consolePanel__fHH51{flex:0 0 96px;border-top:2px solid var(--border-color);background:var(--bg-primary);display:flex;flex-direction:column;min-height:0}.PlaygroundWebEditor_consoleHeader__f8JSP{padding:6px 12px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.75;font-weight:600}.PlaygroundWebEditor_consoleBody__XlJ2n{flex:1;overflow:auto;padding:2px 12px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.PlaygroundWebEditor_consoleLine__N7_mH{color:var(--text-primary)}.PlaygroundWebEditor_consoleWarn__pKzqx{color:#d97706}.PlaygroundWebEditor_consoleError__u6uqA{color:#ef4444}.PlaygroundWebEditor_iframeLight__bRTOj{background:#fff}.PlaygroundWebEditor_iframeDark__8ZEhV{background:#1f1f23}.PlaygroundWebEditor_containerDragging__AzNlN .PlaygroundWebEditor_iframe__tqRaw{pointer-events:none}@media (max-width:900px){.PlaygroundWebEditor_container__Rz_eA{flex-direction:column;height:auto;min-height:0;max-height:none}.PlaygroundWebEditor_editorPane__hQIjV{border-bottom:2px solid var(--border-color);min-height:360px}.PlaygroundWebEditor_previewPane__hUP8e{min-height:320px}.PlaygroundWebEditor_autoPreviewText__Ya19T,.PlaygroundWebEditor_resizer__DBiKj{display:none}}.PlaygroundWebEditor_mobileViewToggle__244VZ{display:none}@media (max-width:600px){.PlaygroundWebEditor_editorPane__hQIjV .PlaygroundWebEditor_header__Qqkzo{flex-direction:column;align-items:stretch;gap:6px;padding:8px}.PlaygroundWebEditor_editorPane__hQIjV .PlaygroundWebEditor_tabs__R82o7{width:100%}.PlaygroundWebEditor_editorPane__hQIjV .PlaygroundWebEditor_headerActions__XByON{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:6px}.PlaygroundWebEditor_editorPane__hQIjV .PlaygroundWebEditor_eraseBtn___aoRy,.PlaygroundWebEditor_editorPane__hQIjV .PlaygroundWebEditor_resetBtn__OSIag{flex:1 1 auto;text-align:center}.PlaygroundWebEditor_previewPane__hUP8e .PlaygroundWebEditor_header__Qqkzo{flex-wrap:nowrap;gap:6px}.PlaygroundWebEditor_previewPane__hUP8e .PlaygroundWebEditor_autoPreviewToggle___RNzv{display:none}.PlaygroundWebEditor_previewPane__hUP8e .PlaygroundWebEditor_iconBtn__szZjO,.PlaygroundWebEditor_previewPane__hUP8e .PlaygroundWebEditor_refreshBtn__ZvuTC{width:32px;height:32px;min-width:32px;padding:0}.PlaygroundWebEditor_previewLabel__EwvDO{margin-inline-end:auto}.PlaygroundWebEditor_mobileViewToggle__244VZ{display:flex;gap:6px;padding:8px;border-top:2px solid var(--border-color);background:var(--bg-secondary)}.PlaygroundWebEditor_mobileViewTab__IR54n{flex:1 1 0;background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-weight:600;padding:8px 12px;border-radius:8px;cursor:pointer}.PlaygroundWebEditor_mobileViewTabActive__DI2z8{background:var(--bg-primary);color:var(--text-primary);border-color:var(--brand-primary)}.PlaygroundWebEditor_mobileView_editor__FCvov .PlaygroundWebEditor_previewPane__hUP8e,.PlaygroundWebEditor_mobileView_preview__uvh9k .PlaygroundWebEditor_editorPane__hQIjV{display:none}.PlaygroundWebEditor_mobileView_editor__FCvov .PlaygroundWebEditor_editorPane__hQIjV,.PlaygroundWebEditor_mobileView_preview__uvh9k .PlaygroundWebEditor_previewPane__hUP8e{min-height:70vh}}.PlaygroundWebEditor_containerFullscreen__VxQrQ{height:100%;min-height:0;max-height:none;border:none;border-radius:0}@media (max-width:900px){.PlaygroundWebEditor_containerFullscreen__VxQrQ{height:auto;min-height:100%}}.PlaygroundWebEditor_containerEmbed__3XEvY{height:100%;min-height:0;max-height:none}@media (max-width:900px){.PlaygroundWebEditor_containerEmbed__3XEvY{height:auto;min-height:100%}}.WebView_iframe__E9BM_{border:none;background:white}.WebView_frameHost__uuiLT{position:relative}.WebView_frameBusy__xpYPm{opacity:.55;transition:opacity .15s ease}.WebView_progress__AUrVy{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden;z-index:1;pointer-events:none}.WebView_progress__AUrVy:before{content:"";position:absolute;top:0;bottom:0;width:35%;background:var(--brand-primary);animation:WebView_preview-progress__yVtHe 1s ease-in-out infinite}@keyframes WebView_preview-progress__yVtHe{0%{left:-35%}to{left:100%}}.WebView_phoneStage__s9OBp{display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary)}.WebView_phoneSlot__dZmR6{position:relative;flex-shrink:0}.WebView_phone__EaBx6{position:absolute;top:0;left:0;transform-origin:top left;border-radius:60px;background:#1c1c1e;box-shadow:0 0 0 2px #3a3a3c,0 18px 40px rgba(0,0,0,.25)}[dir=rtl] .WebView_phone__EaBx6{left:auto;right:0;transform-origin:top right}.WebView_phoneScreen__2rJ6X{position:relative;overflow:hidden;border-radius:48px;background:#fff;display:flex;flex-direction:column}.WebView_statusBar__jeBhT{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 44px;flex-shrink:0;color:#000;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}[dir=rtl] .WebView_statusBar__jeBhT{padding:0 44px 0 30px}.WebView_statusTime__mLLlH{font-size:17px;font-weight:600;letter-spacing:-.2px}.WebView_statusIcons__gz3Dl{display:flex}.WebView_island__2dX2D{position:absolute;top:11px;left:50%;width:124px;height:36px;margin-left:-62px;border-radius:18px;background:#000}[dir=rtl] .WebView_island__2dX2D{left:auto;right:50%;margin-left:0;margin-right:-62px}.WebView_phoneFrame__OZn3n{display:block;flex-shrink:0}.WebView_homeIndicator__OgXJb{position:absolute;bottom:8px;left:50%;width:136px;height:5px;margin-left:-68px;border-radius:3px;background:#000;pointer-events:none}[dir=rtl] .WebView_homeIndicator__OgXJb{left:auto;right:50%;margin-left:0;margin-right:-68px}.PlaygroundSwiftUIEditor_header__nkW8q{position:relative}.PlaygroundSwiftUIEditor_turnstileSlot__gnRnb{position:absolute;top:calc(100% + 6px);inset-inline-end:10px;z-index:10}.PlaygroundSwiftUIEditor_turnstileSlot__gnRnb:empty{display:none}.PlaygroundSwiftUIEditor_verifyError__yqYgV{padding:8px 12px;font-size:13px;color:var(--error);border-bottom:2px solid var(--border-color);background:var(--bg-secondary)}.PlaygroundSwiftUIEditor_stage__yELw7{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;background:var(--bg-primary)}.PlaygroundSwiftUIEditor_idle__ERvBO{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:0 56px;border:none;text-align:center;background:#fff;color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:22px;line-height:1.4;cursor:pointer}.PlaygroundSwiftUIEditor_idleIcon__glmko{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--brand-primary);color:var(--text-on-brand-primary);font-size:36px;line-height:1;transition:transform .15s ease}.PlaygroundSwiftUIEditor_idle__ERvBO:hover .PlaygroundSwiftUIEditor_idleIcon__glmko{transform:scale(1.06)}div.PlaygroundSwiftUIEditor_tall__sdkaS{height:calc(100vh - 220px);min-height:640px;max-height:980px}.PlaygroundSwiftUIEditor_dragging__M4Ete iframe{pointer-events:none}@media (max-width:900px){div.PlaygroundSwiftUIEditor_tall__sdkaS{height:auto;min-height:0;max-height:none}.PlaygroundSwiftUIEditor_stage__yELw7{min-height:420px}}