:root{color:#17212b;background:#edf3f8;font-family:Inter,Microsoft YaHei,微软雅黑,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--app-bg: #edf3f8;--workspace-bg: #f3f7fa;--panel: rgba(255, 255, 255, .92);--panel-solid: #ffffff;--panel-muted: #f7fafc;--line: #dbe5ee;--line-strong: #c7d5e2;--text: #17212b;--muted: #6c7a89;--primary: #0a84ff;--primary-hover: #006ed6;--primary-soft: #e7f2ff;--accent: #18a999;--danger: #e9545d;--warning: #e99b35;--success: #149a83;--shadow-sm: 0 1px 4px rgba(31, 47, 71, .08);--shadow-md: 0 12px 28px rgba(31, 47, 71, .12);--shadow-lg: 0 20px 52px rgba(31, 47, 71, .18)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:var(--app-bg)}body{min-width:320px;overflow:hidden;color:var(--text);background:radial-gradient(circle at 18% 0%,rgba(10,132,255,.06),transparent 34%),linear-gradient(180deg,#f8fbfd 0%,var(--app-bg) 100%)}#root{isolation:isolate;overflow:hidden}button,input,select,textarea{font:inherit}button{border:0}a{color:var(--primary)}::selection{color:var(--text);background:#0a84ff2e}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#b9c8d5 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#c2cfda;border:3px solid transparent;border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#aebfcc;border:3px solid transparent;background-clip:padding-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workbench-menu-popper{z-index:1400}.workbench-menu-paper.MuiPaper-root{min-width:230px;max-width:min(390px,calc(100vw - 16px));background:#f8f8f9;background-image:none;color:#303237;border:1px solid rgba(40,42,48,.08);border-radius:9px;box-shadow:0 5px 18px #1e20262e,0 1px 4px #1e202614}.workbench-command-menu.MuiList-root{padding:5px 4px;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}.workbench-command-menu .workbench-command-menu__item.MuiMenuItem-root{min-height:29px;padding:4px 10px 4px 4px;gap:5px;border-radius:5px;font-size:12px;font-weight:400;line-height:21px}.workbench-command-menu__item.MuiMenuItem-root:hover,.workbench-command-menu__item.MuiMenuItem-root.Mui-focusVisible,.workbench-command-menu__item.MuiMenuItem-root.is-open{background:#e9e9ec}.workbench-command-menu__check{width:12px;flex:0 0 12px;font-size:12px}.workbench-command-menu__title{flex:1;white-space:normal}.workbench-command-menu__shortcut{margin-left:24px;white-space:nowrap;color:#64666b;font-size:11px;font-variant-numeric:tabular-nums}.workbench-command-menu__arrow.MuiSvgIcon-root{margin-left:24px;font-size:17px;color:#909298}.workbench-command-menu .MuiDivider-root{margin:5px -4px;border-color:#dddde1}.mikubox-workbench{display:grid;grid-template-rows:58px minmax(0,1fr);width:100%;height:100%;min-width:0;min-height:0;color:var(--text);background:var(--workspace-bg)}.workbench-topbar{position:relative;z-index:40;display:flex;flex-direction:row!important;align-items:center;gap:18px;min-width:0;height:58px;min-height:58px;padding:0 18px;color:var(--text);background:#fcfeffe6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.workbench-brand{display:flex;flex:0 0 auto;align-items:center;gap:10px;min-width:0}.workbench-brand__mark{position:relative;display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;color:#fff;background:linear-gradient(145deg,#0a84ff,#18a999);border-radius:10px;box-shadow:0 5px 14px #0a84ff3d}.workbench-brand__mark:after{position:absolute;top:4px;right:4px;width:5px;height:5px;content:"";background:#fff;border-radius:50%;box-shadow:0 0 0 3px #fff3}.workbench-brand__copy{display:grid;gap:1px;min-width:0}.workbench-brand__name.MuiTypography-root{color:#263747;font-size:16px;font-weight:800;line-height:1.1;letter-spacing:-.02em}.workbench-brand__document.MuiTypography-root{max-width:156px;overflow:hidden;color:var(--muted);font-size:10.5px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.workbench-menu-bar{display:flex;flex:1 1 auto;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.workbench-menu-bar::-webkit-scrollbar{display:none}.workbench-menu-trigger.MuiButton-root{flex:0 0 auto;min-width:0;height:34px;padding:0 10px;color:#6d7885;background:transparent;border-radius:8px;font-size:13px;font-weight:650;white-space:nowrap}.workbench-menu-trigger.MuiButton-root:hover,.workbench-menu-trigger.MuiButton-root.is-active{color:#354452;background:#22313f12}.workbench-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px}.workbench-action-group{display:flex;align-items:center;gap:2px;padding:3px;background:var(--panel-muted);border:1px solid var(--line);border-radius:10px}.workbench-main{position:relative;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(rgba(173,190,205,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(173,190,205,.13) 1px,transparent 1px),var(--workspace-bg);background-size:28px 28px}.workbench-workspace{display:flex;width:100%;height:100%;min-height:0;min-width:0}.workbench-workspace[data-dock=left]{flex-direction:row-reverse}.workbench-workspace[data-dock=bottom]{flex-direction:column}.workbench-workspace__canvas{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.workbench-workspace__canvas>.workbench-single-view,.workbench-workspace__canvas>.workbench-split{flex:1;min-height:0;height:auto}.workbench-options{flex:0 0 min(350px,42vw);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:var(--panel-bg, #fff)}.workbench-options__content{overflow:auto;min-height:0;padding:0 12px 16px}.workbench-options.is-collapsed{flex-basis:46px}.workbench-options.is-collapsed .workbench-options__title,.workbench-options.is-collapsed .workbench-options__close{display:none}.workbench-workspace[data-dock=bottom] .workbench-options__title,.workbench-workspace[data-dock=bottom] .workbench-options__close{display:inline-flex}.workbench-workspace[data-dock=bottom]>.workbench-options{flex-basis:42%}.workbench-workspace[data-dock=bottom]>.workbench-options.is-collapsed{flex-basis:46px}.workbench-tool-status{display:flex;flex-direction:column;padding:3px 12px;border-top:1px solid var(--line);background:var(--panel-bg, #fff)}@media (max-width: 900px){.workbench-workspace,.workbench-workspace[data-dock=left]{flex-direction:column}.workbench-options{flex-basis:42%}.workbench-options.is-collapsed{flex-basis:46px}.workbench-options.is-collapsed .workbench-options__title,.workbench-options.is-collapsed .workbench-options__close{display:inline-flex}.workbench-tool-status>:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.workbench-single-view{width:100%;height:100%;min-width:0;min-height:0;padding:10px}.workbench-popover.MuiPaper-root{width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 76px);margin-top:8px;overflow:auto;background:#fffffffa;border:1px solid rgba(209,222,234,.95);border-radius:12px;box-shadow:0 18px 42px #1f2f472b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workbench-popover--tool-rail.MuiPaper-root{width:min(360px,calc(100vw - 108px));max-height:min(720px,calc(100vh - 92px));margin-top:0;margin-left:8px}.workbench-popover__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:10px 13px;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workbench-popover__title.MuiTypography-root{color:var(--text);font-size:13px;font-weight:750}.workbench-popover__body{padding:12px}.workbench-panel-content{min-width:0}.workbench-panel-content.is-embedded .workbench-panel-section.MuiAccordion-root{overflow:visible;background:transparent;border:0;border-radius:0!important}.workbench-panel-content.is-embedded .workbench-panel-section .MuiAccordionDetails-root{padding:0}.workbench-panel-section__summary--hidden.MuiAccordionSummary-root{display:none}.workbench-panel-content .MuiPaper-outlined{border-radius:10px}.texture-drop-zone{transition:border-color .14s ease,background-color .14s ease}.texture-drop-zone:hover,.texture-drop-zone:focus-within{background:var(--primary-soft);border-color:#0a84ff8c}.viewport-frame{display:grid;grid-template-rows:38px minmax(0,1fr);width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#ffffffc7;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}.viewport-frame__header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:0 12px;background:#fafcfef0;border-bottom:1px solid var(--line)}.viewport-frame__title{display:flex;align-items:center;gap:8px;min-width:0}.viewport-frame__badge.MuiTypography-root{display:inline-grid;place-items:center;min-width:26px;height:22px;padding-inline:6px;color:var(--primary);background:var(--primary-soft);border-radius:6px;font-size:10.5px;font-weight:800}.viewport-frame__name.MuiTypography-root{overflow:hidden;color:#344352;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.viewport-frame__status{min-width:0;color:var(--muted);font-size:11px}.viewport-frame__body{display:grid;grid-template-columns:var(--tool-rail-width, 60px) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.tool-rail.MuiPaper-root{min-width:0;min-height:0;overflow:hidden auto;background:#f8fbfdf5;border:0;border-right:1px solid var(--line);border-radius:0}.tool-rail__items{align-items:stretch;gap:var(--tool-rail-item-gap, 4px)!important;padding:var(--tool-rail-outer-padding-y, 8px) var(--tool-rail-outer-padding-x, 4px)}.tool-rail__group{display:grid;gap:var(--tool-rail-group-gap, 4px)}.tool-rail__group+.tool-rail__group{margin-top:var(--tool-rail-group-margin, 4px)}.tool-rail__group-trigger.MuiButtonBase-root{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--tool-rail-trigger-height, 30px);padding:var(--tool-rail-trigger-padding-y, 4px) var(--tool-rail-trigger-padding-x, 3px);color:#4e5d6a;background:#ffffffa3;border:1px solid rgba(209,222,234,.92);border-radius:var(--tool-rail-trigger-radius, 9px);box-shadow:0 1px 3px #1f2f470a}.tool-rail__group-trigger.MuiButtonBase-root:hover,.tool-rail__group-trigger.MuiButtonBase-root:focus-visible{color:#203345;background:#fff;border-color:#0a84ff3d}.tool-rail__group-label.MuiTypography-root{max-width:calc(100% - var(--tool-rail-arrow-reserve, 16px));overflow:hidden;font-size:var(--tool-rail-label-font, 11px);font-weight:800;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tool-rail__group-arrow.MuiTypography-root{position:absolute;right:var(--tool-rail-trigger-padding-x, 3px);color:#8391a0;font-size:var(--tool-rail-arrow-font, 10px);line-height:1;transition:transform .14s ease}.tool-rail__group-arrow.is-expanded{transform:rotate(180deg)}.tool-rail__group-items{align-items:center;gap:var(--tool-rail-item-gap, 4px)!important;padding:var(--tool-rail-group-items-top, 3px) 0 var(--tool-rail-group-items-bottom, 5px)}.tool-rail__button.MuiIconButton-root{width:var(--tool-rail-button-size, 32px);height:var(--tool-rail-button-size, 32px);padding:0;color:#687583;background:transparent;border:1px solid transparent;border-radius:var(--tool-rail-button-radius, 8px)}.tool-rail__button.MuiIconButton-root>svg{font-size:var(--tool-rail-icon-size, 20px)}.tool-rail__button.MuiIconButton-root:hover{color:var(--primary);background:var(--primary-soft)}.tool-rail__button.MuiIconButton-root.is-active{color:var(--primary);background:var(--primary-soft);border-color:#0a84ff47;box-shadow:0 1px 4px #0a84ff1f}.tool-rail__button.MuiIconButton-root.Mui-disabled{color:#b8c3cd;background:transparent;border-color:transparent}.viewport-frame__content{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f8fbfd}.viewer-surface{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.viewer-surface.MuiPaper-root{background-color:#f4f8fb;border:0;border-radius:0}.viewer-surface--3d>div:first-child,.viewer-surface--3d canvas{width:100%!important;height:100%!important}.viewer-surface--2d{background:linear-gradient(rgba(173,190,205,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(173,190,205,.18) 1px,transparent 1px),#f4f8fb!important;background-size:24px 24px!important}.viewer-empty-state{position:absolute;top:50%;left:50%;z-index:4;display:grid;justify-items:center;width:min(360px,calc(100% - 40px));padding:24px 28px;text-align:center;pointer-events:none;background:#ffffffe0;border:1px solid rgba(209,222,234,.92);border-radius:16px;box-shadow:0 18px 44px #1f2f471f;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.viewer-empty-state__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;color:var(--primary);background:var(--primary-soft);border:1px solid rgba(10,132,255,.16);border-radius:14px}.viewer-empty-state__icon .MuiSvgIcon-root{font-size:25px}.viewer-empty-state__title.MuiTypography-root{color:#293947;font-size:15px;font-weight:750}.viewer-empty-state__description.MuiTypography-root{max-width:300px;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.65}.viewer-empty-state__error.MuiTypography-root{margin-top:8px;font-size:12px;font-weight:650}.viewer-status-hint{position:absolute;z-index:5;max-width:min(520px,calc(100% - 20px));padding:7px 10px;border:1px solid;border-radius:8px;font-size:12px;font-weight:700;line-height:1.45;pointer-events:none;box-shadow:0 8px 22px #1f2f471a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-status-hint--warning{color:#8a551e;background:#fff8ebf0;border-color:#efc890}.viewer-status-hint--success{color:#176a53;background:#effbf7f0;border-color:#a9ddcb}.viewer-status-hint--error{color:#a13c45;background:#fff5f5f0;border-color:#efb1b6}.workbench-split{display:flex;width:100%;height:100%;min-width:0;min-height:0}.workbench-split__pane{min-width:0;min-height:0;padding:10px}.workbench-split__handle{position:relative;z-index:3;flex:0 0 10px;width:10px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.workbench-split__handle:before{position:absolute;top:12px;bottom:12px;left:4px;width:2px;content:"";background:var(--line-strong);border-radius:999px;transition:width .14s ease,left .14s ease,background-color .14s ease}.workbench-split__handle:hover:before,.workbench-split__handle:focus-visible:before{left:3px;width:4px;background:var(--primary)}@media (max-width: 1180px){.workbench-topbar{gap:10px;padding-inline:12px}.workbench-brand__document{display:none}.workbench-menu-trigger.MuiButton-root{padding-inline:8px}}@media (max-width: 900px){.workbench-topbar{gap:8px;padding-inline:10px}.workbench-brand__copy{display:none}.workbench-menu-trigger.MuiButton-root{padding-inline:7px;font-size:12px}.workbench-actions{gap:3px}.workbench-action-group{display:none}.workbench-split__pane{padding:6px}.viewport-frame{border-radius:9px}}