:root{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#171b22;color:#eef2f8}#app{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden}button,.runControls input,.viewerControls input,.propsBody input,.propsJson,.editor textarea{font:inherit}.runControls button,.viewerControls button,.sideTabBtn,.loadMenuItem,.propsMultiApply,.assetsActions button,.assetItem{background:#1c2a44;border:1px solid #2b3a57;color:#eaeef6;padding:6px 10px;border-radius:6px;cursor:pointer}.runControls button:hover,.viewerControls button:hover,.sideTabBtn:hover,.loadMenuItem:hover,.propsMultiApply:hover,.assetsActions button:hover,.assetItem:hover{background:#233457}.runControls button.is-active,.viewerControls button.is-active,.sideTabBtn.is-active{background:#2f4d7a;border-color:#3c6db0}.runControls button.is-active:hover,.viewerControls button.is-active:hover,.sideTabBtn.is-active:hover{background:#35588a}.main{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.95fr) minmax(320px,1fr);gap:10px;flex:1;min-height:0;padding:10px;overflow:hidden;align-items:stretch}.column{display:flex;flex-direction:column;gap:10px;min-height:0;height:100%}.column--center{min-height:0}.viewer,.editorShell,.assetsPanel,.props,.statusPanel,.boardHeader{border:1px solid #232a36;border-radius:8px;overflow:hidden;background:#0b0f17;display:flex;flex-direction:column;min-height:0}.viewer{min-height:0;flex:1}.viewerStage{position:relative;flex:1;min-height:420px;display:flex}.viewerHost{flex:1;min-height:0;position:relative}.viewerHost canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.runtimeEditBlocker{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:4;background:transparent;pointer-events:auto}.runtimeEditBlocker.is-visible{display:block}.levelLockOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;text-align:center;padding:24px;background:#05080e9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#eaeef6;font-size:15px;font-weight:600;z-index:5;pointer-events:auto}.levelLockOverlay.is-visible{display:flex}.boardHeader{padding:8px 10px;background:#0f1524}.boardInfo{display:flex;flex-direction:column;gap:4px;min-width:0}.boardInfoTitle{font-size:13px;font-weight:600;color:#eef2f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boardInfoMeta{font-size:11px;color:#8fa0bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boardInfoActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.boardInfoActions button{padding:4px 8px;font-size:12px}.viewerToolbar,.viewerControls{display:flex;flex-direction:column;gap:8px;padding:10px;border-top:1px solid #232a36;background:#0f1524}.cheat{background:#0a0e16c7;border:1px solid rgba(43,58,87,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:8px 10px;font-size:11px;line-height:1.25}.cheat--side{position:static;margin:10px;max-width:none}.sidePane[data-tab=help]{overflow:auto}.sidePane[data-tab=help] .codeColumnHeader{position:sticky;top:0;z-index:1;flex:0 0 auto}.sidePane[data-tab=help] .cheat{display:block;flex:0 0 auto}.cheatTitle{font-weight:600;color:#cfe3ff;margin-bottom:6px}.cheatRow{display:flex;gap:8px;align-items:center;white-space:nowrap}.cheatRow .k{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;padding:1px 6px;border-radius:6px;background:#121826;border:1px solid #232a36;color:#eaeef6}.palette{display:flex;gap:6px;align-items:center;justify-content:center;align-self:center;flex-wrap:wrap;background:#0f1524;border:1px solid #232a36;border-radius:10px;padding:8px 10px;max-width:100%}.swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.45);cursor:pointer}.swatch:hover{outline:2px solid rgba(255,255,255,.6)}.dropBar,.runControls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#0a0e16d1;border:1px solid rgba(43,58,87,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:8px 10px}.dropBar{justify-content:center}.runControls{justify-content:flex-start}.viewerControls input,.runControlSeed input{background:#111722;border:1px solid #334054;color:#eef2f8;padding:6px 8px;border-radius:6px}.runControlSeed{display:flex;align-items:center;gap:8px;font-size:12px;color:#a8b3c7}.runControlSeed input{width:140px}.runHint{font-size:12px;color:#8fa0bb;min-width:160px}.dropBtn{background:#1c2a44;border:1px solid #2b3a57;color:#eaeef6;padding:6px 10px;border-radius:6px;cursor:pointer}.dropBtn:hover{background:#233457}.dropBtn--stop{background:#4c1d1d;border-color:#7f1d1d;color:#ffe4e6;font-weight:600}.dropBtn--stop:hover{background:#5f2323}.loadMenu{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 32px));height:min(82vh,900px);display:none;flex-direction:column;border:1px solid #2b3442;border-radius:14px;background:#111722;box-shadow:0 20px 70px #00000073;overflow:hidden;z-index:40}.loadMenu.is-open{display:flex}.loadMenuHeader{padding:12px 14px;border-bottom:1px solid #232a36;font-size:12px;color:#a8b3c7;background:#161d2a}.loadMenuList{display:flex;flex-direction:column;overflow:auto;padding:10px;gap:10px;min-height:0}.loadMenuItem{text-align:left;display:flex;flex-direction:column;gap:5px;background:#162236;padding:10px 12px}.loadMenuItemTitle{font-size:14px;font-weight:600;color:#eef2f8}.loadMenuItemMeta{font-size:11px;color:#8fa0bb;word-break:break-word}.loadMenuEmpty{padding:14px;font-size:12px;color:#8fa0bb}.props{background:#0b0f17;flex:0 0 38%;min-height:260px}.propsHeader,.assetsHeader,.codeColumnHeader,.statusPanelHeader{padding:8px 10px;font-size:12px;color:#a8b3c7;border-bottom:1px solid #232a36;background:#0f1524}.propsBody{padding:8px 10px;overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.propsJson{width:100%;box-sizing:border-box;background:#0b0f17;border:1px solid #2a3240;color:#eaeef6;padding:6px 8px;border-radius:6px;resize:none;min-height:120px;flex:1;min-height:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.35}.propsMulti{display:none;border:1px solid #232a36;border-radius:8px;padding:8px 10px;background:#0f1524}.propsMultiTitle{font-size:12px;color:#a8b3c7;margin-bottom:8px}.propsMultiRow{display:flex;gap:8px;align-items:center;margin-bottom:6px}.propsMultiLabel{min-width:86px;font-size:12px;color:#cfe3ff}.propsMultiInput{flex:1;background:#0b0f17;border:1px solid #2a3240;color:#eaeef6;padding:6px 8px;border-radius:6px}.propsMultiInput[readonly]{color:#8fa0bb;background:#111722}.assetsPanel{background:#111722;flex:1 1 62%;min-height:280px}.assetsPanel.is-dragover{outline:2px solid #3c6db0;outline-offset:-4px;background:#132034}.assetsHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.assetsTitle{font-weight:600;color:#cfe3ff}.assetsActions{display:flex;gap:6px}.assetsActions button{padding:4px 8px;font-size:12px}.assetsList{flex:1;min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.assetItem{text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:#162236;padding:8px 10px}.assetItem--image{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px;align-items:center}.assetItemThumb{grid-row:1 / span 2;width:52px;height:52px;border:1px solid #2b3a57;border-radius:6px;background:#0b0f17;display:flex;align-items:center;justify-content:center;overflow:hidden}.assetItemThumb img{display:block;max-width:100%;max-height:100%;object-fit:contain}.assetItemName{font-size:13px;font-weight:600;color:#eef2f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assetItemMeta{font-size:11px;color:#8fa0bb;word-break:break-word}.assetsEmpty{padding:10px;font-size:12px;color:#8fa0bb}.assetCollisionModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#05080ead}.assetCollisionPanel{width:min(420px,calc(100vw - 32px));border:1px solid #2b3442;border-radius:8px;background:#111722;box-shadow:0 18px 55px #00000073;padding:14px}.assetCollisionTitle{font-size:14px;font-weight:700;color:#eef2f8;margin-bottom:8px}.assetCollisionBody{font-size:12px;color:#a8b3c7;word-break:break-word;margin-bottom:14px}.assetCollisionActions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.assetCollisionActions button{background:#1c2a44;border:1px solid #2b3a57;color:#eaeef6;padding:6px 10px;border-radius:6px;cursor:pointer}.assetCollisionActions button:hover{background:#233457}.editorShell{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;background:transparent;border:0;overflow:visible}.editor{display:flex;flex-direction:column;min-height:0;flex:1;border:1px solid #232a36;border-radius:8px;overflow:hidden;background:#0b0f17}.sideTabs{display:flex;gap:8px;padding:10px;border-bottom:1px solid #232a36;background:#111722}.sideTabBtn{min-width:72px}.sidePane{display:none;flex:1;min-height:0;flex-direction:column}.sidePane--active{display:flex}.editor textarea{flex:1;min-height:180px;resize:none;border:0;outline:0;padding:10px;background:#0b0f17;color:#eaeef6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.4}.editor .errors{border-top:1px solid #232a36;padding:8px 10px;font-size:12px;color:#ffb4b4;white-space:pre-wrap;max-height:18vh;overflow:auto;flex:0 0 auto}.statusPanel{flex:0 0 30%;min-height:160px}.statusPanelBody{display:flex;flex-direction:column;min-height:0;gap:0;flex:1;background:#0b0f17}.statusCurrent{padding:10px 10px 8px;color:#eef2f8;font-size:13px;line-height:1.35;font-weight:600;border-bottom:1px solid #232a36;white-space:pre-wrap}.statusHistory{flex:1;min-height:0;overflow:auto;padding:8px 10px;color:#8fa0bb;font-size:11px;line-height:1.35;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.statusHistoryItem{padding:2px 0;white-space:pre-wrap}.saveStatus,.perfStatus{padding:8px 10px;border-top:1px solid #232a36;font-size:11px;color:#71839e;background:#0f1524}.perfStatus{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#8fa0bb}@media(min-width:901px)and (max-width:1200px){.main{grid-template-columns:minmax(260px,.86fr) minmax(0,1.35fr) minmax(300px,1fr)}}@media(max-width:900px){.main{display:flex;flex-direction:column;gap:8px;overflow:auto}.column--left{order:2}.column--center{order:1}.column--right{order:3;min-height:420px}.viewer,.viewerStage{min-height:56vh}.boardHeader{padding:8px}.boardInfoActions{margin-top:4px}.assetsPanel{min-height:34vh}.props{min-height:240px;flex:0 0 auto}.cheat,.palette{display:none}.runHint{width:100%}.loadMenu{width:calc(100vw - 16px);height:calc(100vh - 24px)}}body.is-viewer-mode{height:100dvh;overflow:hidden;overscroll-behavior:none;background:#080c13}body.is-viewer-mode #app{height:100dvh;min-height:0;overflow:hidden}.mobileViewer{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;min-height:0;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:8px;background:radial-gradient(circle at 50% 15%,#17243b 0,#0b111c 44%,#080c13)}.mobileViewerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;padding:2px 4px}.mobileViewerIdentity{min-width:0;display:flex;flex-direction:column;gap:2px}.mobileViewerTitle{font-size:clamp(14px,4vw,20px);line-height:1.15;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileViewerMeta{font-size:11px;color:#93a4bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileViewerBadges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:52%}.mobileViewerBadge{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border:1px solid #385078;border-radius:999px;background:#17243a;color:#dbeafe;font-size:10px;line-height:1.1;white-space:nowrap}.mobileViewerBadge[hidden]{display:none}.mobileViewerBadge--notice{border-color:#9a6b2f;background:#3b2a17;color:#fde9b1}.mobileViewerBadge--update{border-color:#b2812d;background:#4a3412;color:#fff0b4}.mobileViewerBoardPanel{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid #263247;border-radius:14px;background:#0b0f14;box-shadow:0 12px 36px #0000004d}.mobileViewerBoardHost{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;min-height:0;overflow:hidden}.mobileViewerBoardHost canvas{display:block;max-width:100%;touch-action:manipulation}.mobileViewerPhase{position:absolute;top:8px;left:8px;z-index:3;max-width:calc(100% - 16px);padding:5px 9px;border:1px solid rgba(100,129,173,.55);border-radius:999px;background:#0a111dd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:11px;color:#dce8fb;pointer-events:none}.mobileViewerRotateNotice{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;align-items:center;justify-content:center;padding:24px;background:#080c13f0;text-align:center;font-size:16px;font-weight:700;color:#eef4ff}.mobileViewerDock{display:flex;flex-direction:column;gap:6px;min-width:0;max-height:42dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid #263247;border-radius:14px;background:#0d1420f5;box-shadow:0 -8px 26px #0003}.mobileViewerPrimary,.mobileViewerSecondary,.mobileViewerLevelPanelBody{display:flex;align-items:center;gap:6px;min-width:0}.mobileViewerPrimary{display:grid;grid-template-columns:minmax(88px,1.25fr) repeat(3,minmax(58px,.72fr))}.mobileViewerSecondary{flex-wrap:wrap;overflow:visible;padding-bottom:1px}.mobileViewerAction,.mobileViewerSelect,.mobileViewerSearch,.mobileViewerSeed input{box-sizing:border-box;min-height:44px;border:1px solid #34455f;border-radius:9px;background:#17243a;color:#edf4ff;font:inherit;font-size:12px}.mobileViewerAction{padding:8px 10px;cursor:pointer;font-weight:650;white-space:nowrap}.mobileViewerAction:hover{background:#203352}.mobileViewerAction:disabled{opacity:.45;cursor:not-allowed}.mobileViewerAction.is-active{border-color:#6ba5ee;background:#294d79;color:#fff}.mobileViewerAction--primary{border-color:#3e7ec8;background:#245d9b}.mobileViewerAction--stop{border-color:#87434b;background:#582329}.mobileViewerSelect,.mobileViewerSearch,.mobileViewerSeed input{padding:7px 9px;min-width:0}.mobileViewerSelect{width:100%}.mobileViewerSeed{display:flex;align-items:center;gap:5px;padding-left:4px;color:#9fb0c9;font-size:11px;white-space:nowrap}.mobileViewerSeed input{width:132px}.mobileViewerLevelPanel{border-top:1px solid #253249;padding-top:5px}.mobileViewerLevelPanel summary{min-height:32px;display:flex;align-items:center;cursor:pointer;color:#b8c8df;font-size:12px;font-weight:650}.mobileViewerLevelPanelBody{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-top:5px}.mobileViewerLevelPanelBody>*{width:100%;min-width:0}.mobileViewerStatus{min-height:18px;color:#e6eefb;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileViewerDiagnostics{color:#8293ad;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:700px)and (orientation:portrait){.mobileViewer{width:min(100%,920px);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobileViewerDock{max-height:34dvh}.mobileViewerPrimary{grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(92px,.7fr))}.mobileViewerSecondary{flex-wrap:nowrap}.mobileViewerLevelPanelBody{grid-template-columns:minmax(88px,.8fr) minmax(120px,1.2fr) auto auto}.mobileViewerLevelPanelBody>.mobileViewerAction{width:auto}}@media(min-width:1000px){.mobileViewer{width:min(100%,1180px);margin:0 auto;padding:16px}.mobileViewerDock{max-height:31dvh}.mobileViewerHeader{padding:0 4px}}@media(orientation:landscape)and (max-height:600px){.mobileViewerRotateNotice{display:flex}.mobileViewerDock{max-height:46dvh}}.viewerApp{--viewer-bg:#07101d;--viewer-surface:#0b1727;--viewer-line:#284663;--viewer-line-soft:#1b334d;--viewer-text:#f3f8ff;--viewer-muted:#91a8c2;width:100%;height:100vh;height:100dvh;min-height:560px;overflow:hidden;display:flex;flex-direction:column;background:var(--viewer-bg);color:var(--viewer-text);padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.viewerApp *{box-sizing:border-box}.viewerButton{min-width:0;min-height:44px;border:1px solid var(--viewer-line);border-radius:11px;padding:0 12px;background:linear-gradient(180deg,#152942,#102137);color:var(--viewer-text);font:750 12px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.viewerButton:hover{border-color:#47709a;background:linear-gradient(180deg,#1a3454,#132944)}.viewerButton:disabled{opacity:.5;cursor:default}.viewerButton.is-active,.viewerButton[aria-pressed=true]{border-color:#55cfc7;background:linear-gradient(180deg,#17424d,#123640);color:#b8fff8}.viewerIconButton{width:44px;min-width:44px;padding:0;font-size:18px}.viewerLevelStrip{flex:0 0 58px;min-height:58px;display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--viewer-line-soft);background:#091422fa}.viewerLevelIdentity{min-width:0;flex:1 1 auto}.viewerLevelIdentity strong,.viewerLevelIdentity span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewerLevelIdentity strong{font-size:13px}.viewerLevelIdentity span{margin-top:3px;color:var(--viewer-muted);font-size:10px}.viewerPlayColumn{min-width:0;min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.viewerBoardZone{position:relative;min-height:150px;flex:1 1 auto;display:grid;overflow:hidden}.viewerBoardHost{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:1px solid #29435c;border-radius:16px;background:#060c14}.viewerBoardHost canvas{display:block;width:100%!important;height:100%!important}.viewerRotateNotice{display:none;position:absolute;z-index:8;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--viewer-line);border-radius:14px;background:#07101df5;place-items:center;padding:18px;text-align:center}.viewerLaunchStrip{flex:0 0 58px;min-height:58px;display:flex;align-items:center;padding:7px 8px;border-top:1px solid var(--viewer-line-soft);border-bottom:1px solid var(--viewer-line-soft);background:#07101dfc}.viewerPrimaryActions{width:100%;display:flex;align-items:center;gap:4px;overflow:hidden}.viewerPrimaryActions .viewerDropButton{flex:0 0 44px;width:44px;padding:0;border-color:transparent;background:linear-gradient(180deg,#7ef1e5,#5ed6d0);color:#062028;font-size:17px}.viewerWideButton{flex:1 1 70px;padding-inline:8px}.viewerAutoButton{border-color:#3978b9;background:linear-gradient(180deg,#2667a9,#1a4f87)}.viewerStopButton{flex:0 0 84px;border-color:#884755;background:linear-gradient(180deg,#64313e,#4e2733);color:#ffdce1}.viewerPrimarySpacer{flex:1 1 auto}.viewerAutoWaiting{min-width:0;flex:1 1 auto;color:var(--viewer-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.viewerRuntimeReadout{flex:0 0 auto;min-height:76px;display:grid;gap:4px;align-content:start;padding:7px 8px;border-bottom:1px solid var(--viewer-line-soft);background:#081421}.viewerPhaseChip{width:max-content;max-width:100%;border:1px solid var(--viewer-line);border-radius:999px;padding:6px 9px;background:#0c1b2ee6;color:#c8d8eb;font-size:11px;line-height:1}.viewerStatus{min-width:0;min-height:34px;color:#b6c9dc;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-line;overflow-wrap:anywhere}.viewerControlDock{flex:0 0 auto;display:grid;gap:6px;padding:7px 8px 8px;background:#08121ffc}.viewerSeedRow{display:flex;align-items:center;gap:7px}.viewerSeedField{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:7px;color:var(--viewer-muted);font-size:11px}.viewerSeedField input{min-width:0;flex:1 1 auto;height:44px;border:1px solid var(--viewer-line);border-radius:10px;padding:0 11px;background:#0d1d31;color:var(--viewer-text);outline:none}.viewerUtilityRow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 44px;gap:4px}.viewerUtilityRow .viewerButton{padding-inline:4px;font-size:10px}.viewerPanelHost{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background:#030910b8}.viewerFullPanel{width:100%;height:100%;display:flex;flex-direction:column;background:#081421;color:var(--viewer-text)}.viewerPanelHeader{flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-bottom:1px solid var(--viewer-line);font-size:14px}.viewerFullPanel>.viewerLevelList,.viewerFullPanel>.viewerJsonPanelBody,.viewerFullPanel>.viewerHelpBody,.viewerFullPanel>.batchRoot{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.viewerLevelList{display:flex;flex-direction:column;padding:6px}.viewerLevelRow{flex:0 0 auto;width:100%;min-height:58px;display:flex;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--viewer-line-soft);border-radius:0;padding:0 12px;background:transparent;cursor:pointer;touch-action:pan-y}.viewerLevelRowText,.viewerLevelRowText strong,.viewerLevelRowText small{display:block;min-width:0}.viewerLevelRowText strong{font-size:13px}.viewerLevelRowText small{margin-top:4px;color:var(--viewer-muted);font-weight:400}.viewerPanelMessage{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px;color:var(--viewer-muted)}.viewerPanelMessage p{flex:1 0 100%;margin:0}.viewerJsonPanelBody{display:flex;flex-direction:column;gap:8px;padding:8px}.viewerReadonlyJson{flex:1 1 auto;min-height:0;margin:0;overflow:auto;border:1px solid var(--viewer-line);border-radius:10px;padding:10px;background:#050c15;color:#cce4f8;font:11px/1.45 ui-monospace,monospace;-webkit-user-select:text;user-select:text;white-space:pre-wrap;overflow-wrap:anywhere}.viewerHelpBody{padding:16px;color:#c8d8eb;font-size:13px;line-height:1.45}.viewerHelpGrid{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:12px 14px;align-items:start}.viewerHelpGrid strong{color:#f3f8ff}@media(min-width:900px){.viewerApp{max-width:820px;margin:0 auto;border-inline:1px solid var(--viewer-line-soft)}.viewerPanelHost{display:grid;place-items:center;padding:32px}.viewerFullPanel{max-width:720px;max-height:840px;border:1px solid var(--viewer-line);border-radius:16px;overflow:hidden}}@media(max-width:720px)and (orientation:landscape){.viewerRotateNotice{display:grid}}