:root{color:#2b2926;background:#f7f5f1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Microsoft YaHei,微软雅黑,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--panel: rgba(255, 255, 255, .68);--panel-solid: #ffffff;--line: rgba(99, 88, 74, .13);--line-strong: rgba(99, 88, 74, .22);--text: #2b2926;--muted: #77716a;--primary: #39c5bb;--primary-rgb: 57, 197, 187;--primary-soft: rgba(var(--primary-rgb), .12);--accent: #d3925e;--danger: #d94b43;--shadow: 0 12px 32px rgba(57, 48, 39, .08)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#f7f5f1}button,input,select{font:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(99,88,74,.22) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#63584a33;border:2px solid transparent;border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}::selection{background:rgba(var(--primary-rgb),.2)}.viewerWorkbench{display:grid;grid-template-rows:56px minmax(0,1fr);width:100%;height:100%;color:var(--text);background:#f7f5f1}.viewerTopbar{position:relative;z-index:40;display:flex;align-items:center;gap:12px;min-width:0;padding:0 14px;background:#faf9f6d1;border-bottom:1px solid var(--line);box-shadow:0 1px #ffffffb8 inset;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.viewerBrand{display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto}.viewerBrandMark{width:30px;height:30px;object-fit:contain;background:#ffffffb8;border:.5px solid rgba(0,0,0,.08);border-radius:9px;box-shadow:0 2px 7px rgba(var(--primary-rgb),.24),0 1px #ffffff57 inset}.viewerBrandText{display:grid;min-width:0}.viewerBrandText strong{color:var(--text);font-size:13px;font-weight:650;line-height:1.2;letter-spacing:-.01em}.viewerBrandText span{max-width:280px;overflow:hidden;color:var(--muted);font-size:11.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.viewerTopMeta{display:none}.viewerTopActions{display:flex;align-items:center;gap:4px}.viewerIconButton{width:30px;height:30px;color:#45413d!important;border-radius:8px!important;transition:color .14s ease,background-color .14s ease,transform .14s ease!important}.viewerIconButton:hover{background:#7065581a!important}.viewerIconButtonActive{color:var(--primary)!important;background:rgba(var(--primary-rgb),.12)!important;box-shadow:0 0 0 .5px rgba(var(--primary-rgb),.1) inset}.viewerIconButtonActive:hover{background:rgba(var(--primary-rgb),.18)!important}.viewerIconButtonLocked{color:var(--primary)!important;background:rgba(var(--primary-rgb),.13)!important;box-shadow:0 0 0 .5px rgba(var(--primary-rgb),.1) inset}.viewerIconButtonLocked:hover{background:rgba(var(--primary-rgb),.19)!important}.viewerIconButton.Mui-disabled{opacity:.48}.viewerModeSwitch{gap:0;padding:2px;margin-left:4px;background:#6d63581c;border:.5px solid rgba(99,88,74,.08);border-radius:9px}.viewerModeSwitch .MuiToggleButtonGroup-grouped{width:32px;height:28px;padding:0;color:var(--muted);background:transparent;border:0;border-radius:7px!important;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.viewerModeSwitch .MuiToggleButtonGroup-grouped.Mui-selected{color:var(--text);background:#fffffff0;box-shadow:0 1px 4px #00000024,0 0 0 .5px #0000000f}.viewerModeSwitch .MuiToggleButtonGroup-grouped:hover{background:#ffffff8f}.viewerHeaderChip,.viewerWorkbench .MuiChip-root{height:24px;max-width:100%;color:#625c54;background:#84746017;border-color:transparent;border-radius:999px;font-size:11px;font-weight:550}.viewerWorkspace{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0;transition:grid-template-columns .18s ease}.viewerWorkspaceToolsCollapsed{grid-template-columns:42px minmax(0,1fr)}.viewerInspector{min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 16px 20px;background:#f4f2eded;border-right:1px solid var(--line);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);transition:padding .18s ease,border-color .18s ease,opacity .14s ease}.viewerWorkspaceToolsCollapsed .viewerInspector{padding:12px 5px}.viewerInspectorContent{min-width:0;transition:opacity .14s ease}.viewerWorkspaceToolsCollapsed .viewerInspectorContent{height:0;overflow:hidden;opacity:0;pointer-events:none}.viewerInspectorExpandButton{display:flex!important;margin:0 auto}.viewerPanelBlock{padding:0 2px 18px;margin:0 0 18px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.viewerPanelBlock:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.viewerPanelBlock h2{margin:0;color:#8a837b;font-size:11px;font-weight:600;letter-spacing:.02em}.viewerPanelTitleRow{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:30px;margin:0 0 9px}.viewerChipGrid{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin-top:0}.viewerToggleRow{width:100%;min-height:34px;margin:0!important;color:var(--muted);justify-content:space-between;gap:12px}.viewerToggleRow .MuiFormControlLabel-label{order:-1;color:#45413d;font-size:12px;font-weight:500}.viewerToggleRow .MuiSwitch-root{flex:0 0 auto;margin:0}.viewerSliderRow{padding:9px 0 3px}.viewerSliderLabel{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11.5px;font-weight:500}.viewerSliderLabel strong{color:var(--text);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.viewerSliderRow .MuiSlider-root{padding:10px 0 6px}.viewerCanvasShell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f7f5f1}.viewerSplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0}.viewerViewport{display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-width:0;min-height:0;overflow:hidden;background:#f7f5f1!important;border:0!important;border-radius:0!important;box-shadow:none!important}.viewerSplit .viewerViewport+.viewerViewport{border-left:1px solid var(--line)!important}.viewerViewportBody{min-width:0;min-height:0}.viewerBusyMask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#f7f5f1bd;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.viewerBusyCard{display:grid;justify-items:center;gap:10px;min-width:min(280px,calc(100% - 32px));padding:18px 22px;color:var(--text);background:#ffffffe6;border:.5px solid rgba(99,88,74,.14);border-radius:14px;box-shadow:0 18px 44px #0000001f;text-align:center}.viewerBusyCard strong{font-size:13px;font-weight:700}.viewerErrorAlert{position:absolute;top:14px;right:14px;left:14px;z-index:12}.viewerEmptyState{display:grid;place-items:center;align-content:center;gap:10px;height:100%;color:var(--muted);text-align:center}.viewerEmptyState strong{color:var(--text);font-size:15px}.viewerWorkbench .MuiAlert-root{color:var(--text);background:#ffffffdb;border-color:var(--line);border-radius:12px;font-size:12px}.viewerFeedbackDialog{color:var(--text)!important;background:#faf9f6f5!important;border:.5px solid rgba(99,88,74,.14);border-radius:14px!important;box-shadow:0 24px 60px #45413d2e!important}.viewerFeedbackDialog .MuiDialogTitle-root{padding:18px 20px 6px;font-size:16px;font-weight:700}.viewerFeedbackDialog .MuiDialogContent-root{padding:8px 20px 20px}.viewerFeedbackText{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.viewerFeedbackEmail{width:fit-content;color:var(--primary);font-size:14px;font-weight:700;text-decoration:none}.viewerFeedbackEmail:hover{text-decoration:underline}.viewerFeedbackAbout{padding-top:12px;border-top:1px solid rgba(99,88,74,.12)}.viewerFeedbackAbout h3{margin:0 0 8px;color:var(--text);font-size:13px;font-weight:700}.viewerFeedbackAbout p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.viewerHelpActions{padding:0 20px 18px!important}.viewerHelpActions .MuiButton-contained{color:#fff;background:var(--primary);border-radius:999px;box-shadow:none}.viewerHelpActions .MuiButton-contained:hover{background:var(--primary-strong);box-shadow:none}@media (max-width: 980px){.viewerTopbar{gap:8px;padding:0 10px}.viewerWorkspace{grid-template-columns:232px minmax(0,1fr)}.viewerWorkspaceToolsCollapsed{grid-template-columns:42px minmax(0,1fr)}}@media (max-width: 760px){.viewerWorkbench{grid-template-rows:auto minmax(0,1fr)}.viewerTopbar{align-items:flex-start;flex-wrap:wrap;padding:8px 10px}.viewerTopActions{width:100%;justify-content:space-between}.viewerWorkspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.viewerWorkspaceToolsCollapsed{grid-template-rows:42px minmax(0,1fr)}.viewerInspector{max-height:216px;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.viewerWorkspaceToolsCollapsed .viewerInspector{max-height:42px;padding:6px 10px}.viewerPanelBlock{padding-bottom:12px;margin-bottom:12px}.viewerSplit{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.viewerSplit .viewerViewport+.viewerViewport{border-top:1px solid var(--line)!important;border-left:0!important}}