html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{color:#0d121a;background:#f4f6f8;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:fixed!important;overflow:hidden!important}.muted{color:#6e7988;line-height:1.7}.eyebrow{color:#667384;letter-spacing:.17em;margin:0 0 14px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700}.brand-mark{color:#fff;letter-spacing:-.03em;background:#0d121a;border-radius:9px 2px;place-items:center;width:38px;height:38px;font:800 13px/1 DIN Alternate,sans-serif;display:grid;position:relative;overflow:hidden}.brand-mark:after{content:"";background:#59d9e8;width:20px;height:20px;position:absolute;bottom:-9px;right:-9px;transform:rotate(45deg)}.brand-mark span{z-index:1}.brand-mark--light{color:#0d121a;background:#fff}.brand-mark--dark{background:#101722;border:1px solid #3c4a5d;width:30px;height:30px}.route-loading,.player-loading{color:#657184;background:#f4f6f8;place-content:center;justify-items:center;gap:14px;min-height:100vh;display:grid}.login-page{background:#fff;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);min-height:100vh;display:grid}.login-story{color:#f4fbff;background-color:#0d121a;background-image:linear-gradient(#59d9e80e 1px,#0000 1px),linear-gradient(90deg,#59d9e80e 1px,#0000 1px),radial-gradient(circle at 72% 32%,#2868f03d,#0000 36%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:40px 40px,40px 40px,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;padding:44px 54px;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";background:#59d9e840;width:1px;height:100%;position:absolute;top:0;left:18%}.login-story:after{content:"";background:#59d9e82e;width:72%;height:1px;position:absolute;top:19%;right:0}.login-story__content .eyebrow{color:#59d9e8}.login-story__content h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,88px);font-weight:650;line-height:1.04}.login-story__grid{color:#c9d7e5;gap:13px;font-size:14px;display:grid}.login-story__grid span{align-items:center;gap:10px;display:flex}.survey-line{color:#5f7185;align-items:center;gap:10px;font:10px SFMono-Regular,monospace;display:flex;position:absolute;bottom:42px;left:54px;right:54px}.survey-line i{background:repeating-linear-gradient(90deg,#34485e 0 1px,#0000 1px 24px);border-left:1px solid #486078;border-right:1px solid #486078;flex:1;height:9px}.login-panel{place-items:center;min-height:100vh;padding:48px;display:grid}.login-panel__inner h2{letter-spacing:-.04em;margin:0 0 10px;font-size:34px}.login-panel__inner .muted{margin-bottom:34px}.login-panel__inner .ant-form-item{margin-bottom:22px}.login-panel__inner .ant-btn{height:44px;margin-top:8px}.login-panel__foot{color:#98a1ad;text-align:center;margin-top:34px;font-size:12px}.projects-page{background:linear-gradient(90deg,#0000 calc(100% - 1px),#0d121a09 1px) 0 0/80px 80px,#f4f6f8;min-height:100vh}.studio-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6f8eb;border-bottom:1px solid #dbe1e8;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 4vw;display:grid}.studio-brand>div:last-child{flex-direction:column;display:flex}.studio-brand strong{font-size:15px}.studio-brand small{color:#7a8592;letter-spacing:.08em;font-size:10px}.studio-header__context{color:#5b6673;align-items:center;gap:9px;font-size:13px;display:flex}.studio-header__context i{background:#2868f0;width:20px;height:1px}.user-chip:hover{background:#e9edf2}.user-chip>span:last-child{flex-direction:column;align-items:flex-start;display:flex}.user-chip strong{font-size:13px}.projects-hero{grid-template-columns:1.4fr .6fr;align-items:end;max-width:1480px;margin:0 auto;padding:78px 4vw 62px;display:grid}.projects-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(44px,5vw,70px);font-weight:650;line-height:1.05}.projects-hero__aside{justify-self:end;max-width:390px;padding-bottom:7px}.projects-hero__aside p{color:#657180;margin:0 0 22px;line-height:1.75}.projects-hero__aside .ant-btn{min-width:146px}.project-index__toolbar{border-top:1px solid #cdd5de;justify-content:space-between;margin-bottom:25px;padding-top:22px;display:flex}.project-index__toolbar .ant-input-affix-wrapper{width:280px}.project-card{background:#fff;border:1px solid #d9e0e7;border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 20px #1d2b3b0a}.project-card:hover{border-color:#b7c6d8;transform:translateY(-3px);box-shadow:0 16px 36px #1d2b3b1a}.project-card__preview{aspect-ratio:16/9;color:#bed0e4;background-color:#0f1926;background-image:linear-gradient(#5fd9e812 1px,#0000 1px),linear-gradient(90deg,#5fd9e812 1px,#0000 1px);background-size:24px 24px;border:0;border-bottom:1px solid #26384b;width:100%;display:block;position:relative;overflow:hidden}.project-card__preview:hover .mini-chart{opacity:1;transform:translateY(-2px)}.project-card__index{color:#59d9e8;letter-spacing:.12em;font:700 11px SFMono-Regular,monospace;position:absolute;top:18px;left:20px}.project-card__measure{color:#8399ad;background:#050b12b8;padding:3px 6px;font:9px SFMono-Regular,monospace;position:absolute;bottom:11px;right:14px}.mini-chart{opacity:.8;transition:all .2s;position:absolute}.mini-chart--line{background:linear-gradient(153deg,#0000 0 19%,#59d9e8 20% 21%,#0000 22% 38%,#4f86ff 39% 40%,#0000 41% 57%,#59d9e8 58% 59%,#0000 60%);border-bottom:1px solid #394e64;width:47%;height:34%;top:35%;left:12%}.mini-chart--bars{clip-path:polygon(0 58%,17% 58%,17% 100%,25% 100%,25% 33%,45% 33%,45% 100%,53% 100%,53% 49%,72% 49%,72% 100%,80% 100%,80% 0,100% 0,100% 100%,0 100%);background:linear-gradient(90deg,#2c5770 0 17%,#0000 17% 25%,#397895 25% 45%,#0000 45% 53%,#4ca7bd 53% 72%,#0000 72% 80%,#59d9e8 80%);width:24%;height:42%;bottom:21%;right:10%}.project-card__title{justify-content:space-between;align-items:flex-start;display:flex}.project-card__title h2{margin:0 0 5px;font-size:16px}.project-card__title p{color:#8b95a1;margin:0;font-size:12px}.project-card__meta{color:#87919c;align-items:center;gap:8px;min-height:26px;margin-top:16px;font-size:11px;display:flex}.project-card__meta .ant-btn{margin-left:auto}.status-tag{border:0;margin:0}.project-card--new{color:#677485;border-style:dashed;place-content:center;justify-items:center;gap:8px;min-height:310px;padding:30px;display:grid}.project-card--new .anticon{color:#2868f0;margin-bottom:8px;font-size:30px}.project-card--new span{font-size:12px}.field-label{color:#3c4653;margin:20px 0 8px;font-size:12px;font-weight:600;display:block}.template-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.template-option{text-align:left;background:#f8fafb;border:1px solid #dce2e9;border-radius:9px;flex-direction:column;align-items:flex-start;gap:8px;min-height:136px;padding:18px;display:flex}.template-option .anticon{color:#788698;font-size:20px}.template-option span{color:#788390;font-size:11px;line-height:1.55}.editor-shell{--editor-header:54px;--editor-status:24px;color:#dce8f5;background:#0c1118;min-width:1120px;height:100vh;overflow:hidden}.editor-header{z-index:20;height:var(--editor-header);background:#151c26;border-bottom:1px solid #273242;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;display:grid;position:relative}.editor-header .ant-btn-default{color:#c7d2de;background:#1a2330;border-color:#364354}.editor-header .ant-btn-text{color:#aebccc}.editor-header__start,.editor-header__middle,.editor-header__end{align-items:center;gap:7px;display:flex}.editor-header__middle{justify-content:center}.editor-header__middle i{background:#354050;width:1px;height:18px;margin:0 4px}.editor-header__end{justify-content:flex-end}.project-name-input{width:190px;font-weight:600;color:#edf6ff!important;background:0 0!important;border-color:#0000!important}.project-name-input:hover,.project-name-input:focus{border-color:#3a4759!important}.save-state{color:#738296;align-items:center;gap:5px;padding-left:8px;font-family:SFMono-Regular,monospace;font-size:10px;display:flex}.save-state--dirty{color:#f2a65a}.zoom-value{color:#8796a9;text-align:center;min-width:42px;font:10px SFMono-Regular,monospace}.editor-workbench{height:calc(100vh - var(--editor-header) - var(--editor-status));grid-template-columns:282px minmax(500px,1fr) 316px;display:grid}.workbench-sidebar .ant-tabs-nav{height:45px;margin:0;padding:0 14px}.workbench-sidebar .ant-tabs-tab{color:#8492a4;padding:13px 3px;font-size:12px}.workbench-sidebar .ant-tabs-tab-active .ant-tabs-tab-btn{color:#59d9e8}.workbench-sidebar .ant-tabs-ink-bar{background:#59d9e8}.materials-panel h3{color:#7e8c9e;letter-spacing:.13em;justify-content:space-between;margin:0 2px 10px;font-size:10px;font-weight:600;display:flex}.materials-panel h3 span{color:#526174;font-family:SFMono-Regular,monospace}.materials-grid button{color:#9eacbd;background:#19222e;border:1px solid #273445;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:72px;padding:10px 5px;transition:all .16s;display:flex}.materials-grid button>span{color:#cbd8e5;font:600 15px SFMono-Regular,monospace}.materials-grid button b{font-size:10px;font-weight:500}.materials-grid button:hover>span{color:#59d9e8}.layers-panel>button{color:#aebccc;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:28px 1fr 26px 26px;align-items:center;width:100%;height:40px;margin-bottom:4px;padding:0 8px;display:grid}.layers-panel>button:hover,.layers-panel>button.is-active{background:#1a2633;border-color:#33465b}.layers-panel>button.is-active{color:#eef9ff;box-shadow:inset 2px 0 #59d9e8}.layers-panel>button i{color:#68798d;place-items:center;height:26px;font-style:normal;display:grid}.layer-index{color:#58697e;font:9px SFMono-Regular,monospace}.panel-empty,.panel-note{color:#708095;font-size:11px;line-height:1.6}.panel-empty{text-align:center;padding:28px 8px}.data-source{width:100%;min-height:56px;color:inherit;text-align:left;background:#18212d;border:1px solid #2a3748;border-radius:7px;align-items:center;gap:10px;margin:8px 0;padding:10px;display:flex}.data-source.is-active{border-color:#4d778c;box-shadow:inset 2px 0 #59d9e8}.data-source .anticon{color:#59d9e8}.data-source span{flex-direction:column;min-width:0;display:flex}.data-source b{text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.data-source small{color:#68778a;font:9px SFMono-Regular,monospace}.data-panel__actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.data-panel__actions .ant-btn{color:#a9b8c7;background:0 0;border-color:#334154;font-size:11px}.data-editor{background:#101720;border:1px solid #2b394a;border-radius:7px;gap:10px;margin:12px 0;padding:12px;display:grid}.data-editor label{color:#718297;gap:5px;font-size:10px;display:grid}.data-editor .ant-input,.data-editor .ant-input-number{color:#cbd8e5;background:#151f2b;border-color:#303d4e;width:100%}.data-editor textarea{font:9px/1.55 SFMono-Regular,monospace}.variables-panel{gap:8px;margin-top:10px;display:grid}.variable-editor{background:#111923;border:1px solid #2b394a;border-radius:7px;grid-template-columns:1fr 78px 1fr 30px;gap:5px;padding:9px;display:grid}.variable-editor .ant-input,.variable-editor .ant-select-selector{color:#cbd8e5!important;background:#151f2b!important;border-color:#303d4e!important}.inspector-panel .ant-tabs-nav{height:45px;margin:0;padding:0 14px}.inspector-panel .ant-tabs-ink-bar{background:#59d9e8}.inspector-heading{border-bottom:1px solid #283444;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;display:flex}.inspector-field>span{color:#78889c;font-size:10px}.inspector-field .ant-input,.inspector-field .ant-input-number,.inspector-field .ant-select-selector{width:100%;color:#cbd8e5!important;box-shadow:none!important;background:#101720!important;border-color:#303d4e!important}.inspector-field .ant-select-arrow{color:#6f7e91}.inspector-row--four{grid-template-columns:repeat(4,1fr);gap:5px}.color-input{background:#101720;border:1px solid #303d4e;border-radius:6px;align-items:center;gap:8px;height:34px;padding:4px 8px;display:flex}.color-input input{background:0 0;border:0;width:22px;height:22px;padding:0}.color-input span{color:#aebccc;font:10px SFMono-Regular,monospace}.inspector-actions{grid-template-columns:1fr 1fr 1fr;gap:5px;margin:3px 0 18px;display:grid}.inspector-actions .ant-btn{color:#9eacbd;background:#18212d;border-color:#303d4e;padding:0 5px;font-size:10px}.inspector-divider{color:#64758a;letter-spacing:.12em;background:#111821;border-top:1px solid #273242;border-bottom:1px solid #273242;margin:0 -16px 16px;padding:10px 16px;font-size:9px}.inspector-hint{color:#708095;background:#101720;border-radius:6px;align-items:flex-start;gap:8px;margin-top:16px;padding:10px;font-size:10px;line-height:1.6;display:flex}.inspector-hint .anticon{color:#59d9e8;margin-top:2px}.inspector-code{background:#0f151e;border-radius:6px;flex-direction:column;gap:7px;margin-top:14px;padding:10px;display:flex}.inspector-code span{color:#6f8196;font-size:9px}.inspector-code code{color:#59d9e8;text-overflow:ellipsis;font-size:10px;overflow:hidden}.event-card{background:#18212c;border:1px solid #2c394a;border-radius:7px;grid-template-columns:auto 1fr;gap:6px 9px;margin-bottom:12px;padding:12px;display:grid}.event-card i{color:#59d9e8;background:#17313a;border-radius:3px;padding:2px 5px;font:8px SFMono-Regular,monospace}.event-card span{color:#c7d3df;font-size:11px}.event-card b{color:#69798d;grid-column:2;font-size:10px;font-weight:400}.canvas-viewport{background:#0a0e14;position:relative;overflow:hidden}.canvas-scroll-area{place-items:center;padding:46px;display:grid;position:absolute;inset:24px 0 0 24px;overflow:auto}.canvas-frame{flex:none;position:relative;box-shadow:0 18px 80px #0000006b}.canvas-surface,.player-canvas{transform-origin:0 0;background-image:linear-gradient(#59d9e80b 1px,#0000 1px),linear-gradient(90deg,#59d9e80b 1px,#0000 1px);position:absolute;top:0;left:0;overflow:hidden;background-size:40px 40px!important}.canvas-ruler{z-index:4;color:#4f6073;background-color:#101721;font:8px SFMono-Regular,monospace;position:absolute}.canvas-ruler--top{background-image:repeating-linear-gradient(90deg,#0000 0 9px,#39485a 9px 10px,#0000 10px 49px,#56677a 49px 50px);border-bottom:1px solid #273242;height:24px;top:0;left:24px;right:0}.canvas-ruler--top span{position:absolute;top:5px}.canvas-ruler--left{background-image:repeating-linear-gradient(0deg,#0000 0 9px,#39485a 9px 10px,#0000 10px 49px,#56677a 49px 50px);border-right:1px solid #273242;width:24px;top:24px;bottom:0;left:0}.canvas-ruler--left span{writing-mode:vertical-rl;position:absolute;left:4px}.canvas-origin-label{z-index:5;color:#59d9e8;background:#16212d;place-items:center;width:24px;height:24px;font:7px SFMono-Regular,monospace;display:grid;position:absolute;top:0;left:0}.stage-node,.player-node{position:absolute}.stage-node{-webkit-user-select:none;user-select:none;touch-action:none}.stage-node:after{content:"";pointer-events:none;border:1px solid #0000;position:absolute;inset:0}.stage-node:hover:after{border-color:#59d9e873}.stage-node--selected{z-index:2}.stage-node--selected:after{border:2px solid #59d9e8;box-shadow:0 0 0 1px #040b11bf}.stage-node--locked{cursor:not-allowed}.stage-node--locked:after{border-style:dashed}.stage-node__content{width:100%;height:100%;overflow:hidden}.stage-node__measure{color:#071018;white-space:nowrap;background:#59d9e8;border-radius:3px 3px 0;padding:4px 6px;font:600 9px SFMono-Regular,monospace;position:absolute;bottom:calc(100% + 5px);right:-1px}.stage-node__resize{z-index:4;background:#59d9e8;border:2px solid #071018;border-radius:2px;width:14px;height:14px;padding:0;position:absolute;bottom:-7px;right:-7px}.editor-statusbar{height:var(--editor-status);color:#637184;background:#111720;border-top:1px solid #273242;align-items:center;gap:18px;padding:0 12px;font:9px SFMono-Regular,monospace;display:flex}.status-dot{background:#59d9e8;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #59d9e8}.editor-loading{background:#111720;min-height:100vh;padding:80px}.version-list{gap:10px;display:grid}.version-list article{border:1px solid #e1e6ec;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;padding:13px;display:grid}.version-list article>.anticon{color:#2868f0}.version-list article div{flex-direction:column;display:flex}.version-list article span{color:#83909e;font-size:11px}.sharing-panel{background:#f7f9fb;border:1px solid #dfe5ec;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px;display:flex}.sharing-panel>div{flex-direction:column;gap:4px;max-width:260px;display:flex}.sharing-panel strong{font-size:13px}.sharing-panel span{color:#7d8996;font-size:11px;line-height:1.5}.sharing-panel+.ant-btn{margin-bottom:14px}.material-text{align-items:center;width:100%;height:100%;line-height:1.2;display:flex}.material-media{border:0;width:100%;height:100%;display:block}.material-placeholder{color:#6f8499;background:#122839a6;border:1px dashed #36516a;place-content:center;justify-items:center;gap:10px;width:100%;height:100%;display:grid}.material-placeholder span{color:#59d9e8;font:600 25px SFMono-Regular,monospace}.material-placeholder b{font-size:13px;font-weight:500}.material-icon{place-items:center;width:100%;height:100%;display:grid}.material-shape{border:2px solid;width:100%;height:100%}.material-number{background:linear-gradient(90deg,#59d9e81f,#0c1a283d);border-left:3px solid #59d9e8;flex-direction:column;justify-content:center;width:100%;height:100%;padding:20px 22px;display:flex}.material-number span{color:#8fa5bb;font-size:14px}.material-number strong{color:#effaff;letter-spacing:-.03em;font:650 42px/1.2 DIN Alternate,SFMono-Regular,monospace}.material-number i{color:#59d9e8;margin-left:6px;font-size:14px;font-style:normal}.material-number small{color:#527083;letter-spacing:.12em;margin-top:9px;font:9px SFMono-Regular,monospace}.material-clock{letter-spacing:.04em;align-items:center;width:100%;height:100%;font:500 25px SFMono-Regular,monospace;display:flex}.material-chart{background:#0918267a;border:1px solid #6688a629;width:100%;height:100%}.material-title{color:#dcecff;font-size:16px;font-weight:500}.material-map{background:radial-gradient(circle,#2e749426,#0000 52%);border:1px solid #6688a629;width:100%;height:100%;padding:18px;position:relative}.map-orbit{border:1px solid #305167;border-radius:48% 52% 45% 55%;position:absolute;inset:60px 16%;transform:rotate(-5deg)}.map-orbit:before,.map-orbit:after{content:"";border:1px solid #27465b;border-radius:50%;position:absolute;inset:12% 18%;transform:rotate(22deg)}.map-orbit:after{inset:24% 10%;transform:rotate(-28deg)}.map-orbit i{background:#59d9e8;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 16px #59d9e8}.map-orbit i:first-child{top:15%;left:28%}.map-orbit i:nth-child(2){top:49%;left:62%}.map-orbit i:nth-child(3){top:68%;left:38%}.map-orbit i:nth-child(4){top:28%;left:78%}.map-orbit span{color:#557489;font:8px SFMono-Regular,monospace;position:absolute;bottom:-20px;right:8px}.material-table,.material-ranking{background:#09182680;border:1px solid #6688a629;width:100%;height:100%;padding:17px 18px;overflow:hidden}.material-table__head,.material-table__row{border-bottom:1px solid #607e9929;grid-template-columns:1fr .7fr .5fr;align-items:center;min-height:40px;padding:0 10px;display:grid}.material-table__head span,.material-table__row span{color:#879db3;font-size:12px}.material-table__head b,.material-table__row b{color:#ddecfa;font:500 13px SFMono-Regular,monospace}.material-table__head em,.material-table__row em{color:#6de0b8;font-size:10px;font-style:normal}.material-table__head{background:#46708e1f;min-height:34px;margin-top:12px}.material-table__head span{color:#5f7790;font-size:10px}.rank-row{grid-template-columns:34px 1fr 42px;align-items:center;gap:8px;height:43px;display:grid}.rank-row>b{color:#58748b;font:600 11px SFMono-Regular,monospace}.rank-row>span{color:#a8bacb;padding-bottom:8px;font-size:11px;position:relative}.rank-row>span:after{content:"";background:#24394b;height:2px;position:absolute;bottom:0;left:0;right:0}.rank-row>span i{z-index:1;background:#59d9e8;height:2px;position:absolute;bottom:0;left:0}.rank-row>em{color:#e6f4ff;text-align:right;font:11px SFMono-Regular,monospace}.material-tabs{background:#0918267a;border:1px solid #294057;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:7px;width:100%;height:100%;padding:12px;display:flex}.material-tabs>span{color:#8196ab;border-bottom:1px solid #0000;padding:7px 13px;font-size:12px}.material-tabs>span.is-active{color:#59d9e8;border-color:#59d9e8}.material-tabs>div{color:#566d83;border:1px dashed #2d465c;width:100%;height:calc(100% - 42px);padding:16px;font-size:11px}.material-filter{background:#101e2b;border:1px solid #2c455b;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;height:100%;padding:8px 12px;display:grid}.material-filter>span{color:#7f95aa;font-size:11px}.material-filter select{color:#dcecff;background:#0c1722;border:1px solid #38536b;border-radius:4px;height:34px;padding:0 10px}.material-error{color:#f09a9a;background:#5a1c1c33;border:1px dashed #8d4545;place-items:center;width:100%;height:100%;font-size:12px;display:grid}.player-page{color:#fff;background:#03070c;width:100vw;height:100vh;overflow:hidden}.preview-bar{z-index:20;color:#b5c2cf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1721e0;border:1px solid #8097ae4d;border-radius:8px;justify-content:space-between;align-items:center;height:42px;padding:0 8px;display:flex;position:absolute;top:16px;left:18px;right:18px}.preview-bar .ant-btn{color:#c6d4e1}.preview-bar>span{align-items:center;gap:8px;font-size:11px;display:flex}.preview-bar i{background:#f2a65a;border-radius:50%;width:6px;height:6px}.player-stage{place-items:center;width:100%;height:100%;display:grid;overflow:auto}.player-frame{flex:none;position:relative}.player-canvas{transform-origin:0 0}.player-node{overflow:hidden}@media (max-width:980px){.login-page{grid-template-columns:1fr}.login-story{min-height:48vh;padding:30px}.login-story__content{margin:80px 0 60px}.login-story__content h1{font-size:48px}.login-panel{min-height:52vh;padding:40px 24px}.projects-hero{grid-template-columns:1fr;gap:28px}.projects-hero__aside{justify-self:start}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.studio-header{grid-template-columns:1fr auto;padding:0 18px}.studio-header__context,.user-chip small{display:none}.projects-hero{padding:48px 20px 36px}.projects-hero h1{font-size:42px}.project-index{padding:0 20px 60px}.project-index__toolbar{flex-direction:column;align-items:stretch;gap:12px}.project-index__toolbar .ant-input-affix-wrapper{width:100%}.project-grid,.template-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}html,body,#root{background:#0b0e12;min-width:1280px;min-height:100%}body{color:#edf0f4;-webkit-font-smoothing:antialiased;background:#0b0e12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,.ant-btn{transition:color .16s,background-color .16s,border-color .16s,transform .16s}button:active:not(:disabled),.ant-btn:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline-offset:2px;outline:2px solid #7895ff}.muted{color:#778292}.eyebrow{color:#7895ff;letter-spacing:.04em;margin:0 0 16px;font-size:12px;font-weight:650}.brand-mark{color:#eef1f5;letter-spacing:-.02em;background:#202630;border:1px solid #343d49;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font:750 12px/1 -apple-system,BlinkMacSystemFont,sans-serif;display:grid;overflow:hidden}.brand-mark:after{display:none}.brand-mark--light,.brand-mark--dark{color:#eef1f5;background:#202630}.route-loading,.player-loading,.editor-loading{color:#a3acba;background:#0b0e12}.login-page{color:#edf0f4;background:#0b0e12;grid-template-columns:minmax(680px,1.45fr) minmax(460px,.75fr);min-height:100vh;display:grid}.login-story{color:#edf0f4;background:radial-gradient(circle at 24% 45%,#7895ff26,#0000 34%),linear-gradient(135deg,#111720 0%,#0b0f14 58%,#0b0e12 100%);min-height:100vh;padding:42px 56px;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";opacity:.34;background-image:linear-gradient(#7d8fa81f 1px,#0000 1px),linear-gradient(90deg,#7d8fa81f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 82%);mask-image:linear-gradient(90deg,#000 0%,#0000 82%)}.login-story__brand{z-index:2;align-items:center;gap:12px;display:flex;position:absolute;top:38px;left:56px}.login-story__brand>span{flex-direction:column;gap:3px;display:flex}.login-story__brand strong{color:#edf0f4;font-size:14px}.login-story__brand small{color:#778292;font-size:10px}.login-story__content{z-index:1;align-self:center;max-width:680px;margin-left:8%}.login-story__content h1{color:#f2f4f7;letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(48px,4vw,68px);font-weight:660;line-height:1.08}.login-story__lead{color:#a3acba;max-width:520px;margin:26px 0 36px;font-size:17px;line-height:1.75}.login-story__grid{color:#a3acba;flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.login-story__grid span{background:#10151cb8;border:1px solid #7895ff33;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex}.login-story__grid .anticon{color:#7895ff}.survey-line{color:#5f6a79;font-size:9px;bottom:36px;left:56px;right:56px}.survey-line i{background:#2b333e;border:0;height:1px}.login-panel{background:#11151b;border-left:1px solid #272e38;min-height:100vh;padding:64px}.login-panel__inner{width:min(100%,390px)}.login-panel__inner h2{color:#edf0f4;letter-spacing:-.035em;margin-bottom:10px;font-size:32px;font-weight:650}.login-panel__inner .muted{color:#778292;margin-bottom:32px;line-height:1.7}.login-panel__inner .ant-form-item-label>label{color:#a3acba;font-size:12px;font-weight:560}.login-panel__inner .ant-input,.login-panel__inner .ant-input-affix-wrapper{background:#0f1318}.login-panel__inner .ant-btn{height:42px}.login-panel__foot{color:#687382}.projects-page{color:#edf0f4;background:#0b0e12;min-height:100vh}.studio-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0e12f0;border-bottom:1px solid #272e38;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 56px;display:grid;position:sticky;top:0}.studio-brand{align-items:center;gap:12px;display:flex}.studio-brand>div:last-child{flex-direction:column;gap:2px;display:flex}.studio-brand strong{color:#edf0f4;font-size:14px}.studio-brand small{color:#778292;font-size:10px}.studio-header__context{color:#a3acba;font-size:13px;font-weight:560}.studio-header__context i{display:none}.user-chip{color:inherit;background:0 0;border:1px solid #0000;border-radius:8px;justify-self:end;align-items:center;gap:10px;padding:5px 8px;display:flex}.user-chip:hover{background:#151a21;border-color:#272e38}.user-chip>span{flex-direction:column;align-items:flex-start;display:flex}.user-chip strong{color:#edf0f4;font-size:12px}.user-chip small{color:#778292;font-size:9px}.user-chip .ant-avatar{color:#dfe6ff;background:#2a3448}.projects-hero{border-bottom:1px solid #272e38;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;max-width:1440px;margin:0 auto;padding:48px 48px 30px;display:grid}.projects-hero__title>span{color:#7895ff;margin-bottom:8px;font-size:11px;font-weight:650;display:block}.projects-hero__title h1{color:#edf0f4;letter-spacing:-.035em;margin:0;font-size:32px;font-weight:650;line-height:1.2}.projects-hero__title p{color:#778292;margin:10px 0 0;font-size:13px}.projects-hero__aside{align-items:center;gap:28px;padding:0;display:flex}.projects-summary{align-items:center;display:flex}.projects-summary>span{border-left:1px solid #272e38;min-width:78px;padding:0 20px;display:grid}.projects-summary>span:last-child{border-right:1px solid #272e38}.projects-summary b{color:#edf0f4;font:650 18px/1.25 SFMono-Regular,Consolas,monospace}.projects-summary small{color:#778292;margin-top:3px;font-size:10px}.project-index{max-width:1440px;margin:0 auto;padding:24px 48px 72px}.project-index__toolbar{border:0;justify-content:space-between;align-items:center;margin:0 0 22px;padding:0;display:flex}.project-index__toolbar .ant-segmented{border:1px solid #272e38;padding:3px}.project-index__toolbar .ant-input-affix-wrapper{background:#11151b;width:300px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-grid .ant-skeleton-element,.project-grid .ant-skeleton-image{width:100%!important;height:330px!important}.project-card{--pointer-x:50%;--pointer-y:38%;isolation:isolate;color:#edf0f4;background:#11151b;border:1px solid #272e38;border-radius:12px;transition:border-color .22s,background-color .22s,box-shadow .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 12px 32px #03060a2e}.project-card:hover{background:#151a21;border-color:#37404d;transform:translateY(-3px);box-shadow:0 16px 36px #03060a3d}.project-card:focus-within{border-color:#7895ff80;box-shadow:0 0 0 3px #7895ff1a,0 16px 36px #03060a3d}.project-card:has(.project-card__preview:active){transition-duration:80ms;transform:translateY(0)scale(.992)}.project-card__preview{color:#cbd4e4;background-color:#101722;background-image:linear-gradient(#7895ff13 1px,#0000 1px),linear-gradient(90deg,#7895ff13 1px,#0000 1px);background-size:28px 28px;border-bottom:1px solid #272e38;transition:background-size .36s cubic-bezier(.16,1,.3,1),filter .12s ease-out;overflow:hidden}.project-card__preview:before{background:radial-gradient(260px circle at var(--pointer-x) var(--pointer-y), #ffffff17, transparent 58%);content:"";opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.project-card__preview--violet{filter:none;background-color:#161525}.project-card__preview--amber{filter:none;background-color:#211a14}.project-card__preview:focus-visible{outline-offset:-3px}.project-card__preview:active{filter:brightness(.92)}.project-card:hover .project-card__preview,.project-card:focus-within .project-card__preview{background-size:30px 30px}.project-card:hover .project-card__preview:before,.project-card:focus-within .project-card__preview:before{opacity:1}.project-card__open{z-index:3;color:#e3e9f6;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);background:#0a0e14b8;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:6px;height:26px;padding:0 9px;font-size:10px;font-weight:560;transition:opacity .18s,transform .28s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:12px;right:12px;transform:translateY(-5px)scale(.96);box-shadow:inset 0 1px #ffffff14,0 6px 18px #0000002e}.project-card:hover .project-card__open,.project-card:focus-within .project-card__open{opacity:1;transform:translateY(0)scale(1)}.project-card .mini-chart{transition:opacity .22s,transform .34s cubic-bezier(.16,1,.3,1),filter .22s}.project-card:hover .mini-chart--line,.project-card:focus-within .mini-chart--line{opacity:1;filter:saturate(1.14)brightness(1.08);transform:translate(3px,-3px)}.project-card:hover .mini-chart--bars,.project-card:focus-within .mini-chart--bars{opacity:1;filter:saturate(1.12)brightness(1.06);transform:translateY(-4px)}.project-card__index{display:none}.project-card__measure{color:#8793a5;background:#090c11c7;border-radius:4px;bottom:10px;right:12px}.project-card__body{padding:17px 18px 16px}.project-card__title h2{color:#edf0f4;font-size:15px;font-weight:620}.project-card__title p{color:#778292}.project-card__meta{color:#778292;margin-top:14px}.status-tag{border-radius:5px}.status-tag--published{color:#79d3b7;background:#4fbd9b24}.status-tag--draft{color:#e2b879;background:#dba15f24}.status-tag--archived{color:#9aa3af;background:#8b95a224}.project-card--new{color:#778292;background:0 0;border-color:#333b47;min-height:330px}.project-card--new .anticon{color:#7895ff}.project-card--new strong{color:#a3acba}.project-card--new:hover{color:#a3acba;background:#11151b}.field-label{color:#a3acba}.template-option{color:#edf0f4;background:#0f1318;border-color:#272e38;border-radius:10px}.template-option span{color:#778292}.template-option--active{background:#7895ff1a;border-color:#7895ff;box-shadow:inset 0 0 0 1px #7895ff}.template-option--active .anticon{color:#7895ff}.project-card--new .anticon{transition:color .18s,transform .34s cubic-bezier(.16,1,.3,1)}.project-card--new:hover .anticon,.project-card--new:focus-visible .anticon{color:#91aaff;transform:rotate(90deg)scale(1.08)}.project-card--new:active{transition-duration:80ms;transform:translateY(0)scale(.992)}.template-option{transition:color .18s,border-color .18s,background-color .18s,box-shadow .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1)}.template-option:hover{color:#a3acba;background:#151a21;border-color:#37404d;transform:translateY(-2px);box-shadow:0 10px 24px #03060a33}.template-option:active{transition-duration:80ms;transform:translateY(0)scale(.985)}.project-index__toolbar .ant-input-affix-wrapper{transition:border-color .18s,background-color .18s,box-shadow .22s}.project-index__toolbar .ant-input-affix-wrapper:focus-within{background:#151a21;border-color:#7895ff80;box-shadow:0 0 0 3px #7895ff17}.project-index__toolbar .ant-segmented-item{transition:color .16s,background-color .16s,transform 80ms ease-out}.project-index__toolbar .ant-segmented-item:active{transform:scale(.97)}.user-chip{transition:border-color .18s,background-color .18s,transform 90ms ease-out}.user-chip:active{transform:scale(.98)}@keyframes project-card-materialize{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:no-preference){.project-grid>.project-card{animation:.42s cubic-bezier(.16,1,.3,1) backwards project-card-materialize;animation-delay:calc(var(--project-index,0) * 45ms)}}.editor-shell{--editor-header:60px;--editor-status:28px;color:#edf0f4;background:#080a0d;min-width:1280px}.editor-header{z-index:30;height:var(--editor-header);background:#11151b;border-bottom:1px solid #272e38;grid-template-columns:minmax(390px,1fr) auto minmax(520px,1fr);padding:0 12px}.editor-header .ant-btn-primary{color:#0d1117;background:#7895ff;border-color:#7895ff}.editor-header .ant-btn-primary:hover{color:#0d1117;background:#8ca5ff;border-color:#8ca5ff}.editor-header__start,.editor-header__middle,.editor-header__end{align-items:center;display:flex}.editor-header__middle{background:#0d1116;border:1px solid #272e38;border-radius:9px;gap:2px;min-height:38px;padding:3px}.editor-header__middle .ant-btn{width:30px;height:30px;padding:0}.editor-header .brand-mark{width:32px;height:32px}.editor-document{align-items:center;gap:10px;min-width:0;margin-left:2px;display:flex}.project-name-input{width:clamp(150px,14vw,240px);padding-inline:8px;font-size:13px;font-weight:620;color:#edf0f4!important;background:0 0!important;border-color:#0000!important}.save-state{color:#778292;white-space:nowrap;align-items:center;gap:5px;padding-left:0;font:10px/1 -apple-system,BlinkMacSystemFont,sans-serif;display:inline-flex}.zoom-value{color:#a3acba;min-width:44px;font:10px/1 SFMono-Regular,Consolas,monospace}.editor-workbench{height:calc(100vh - var(--editor-header) - var(--editor-status));grid-template-columns:324px minmax(0,1fr) 340px}.workbench-sidebar,.inspector-panel{z-index:10;background:#11151b;position:relative;overflow:hidden}.workbench-sidebar>.ant-tabs{height:100%}.workbench-sidebar>.ant-tabs>.ant-tabs-nav{background:#0d1116;border-right:1px solid #272e38;width:58px;min-width:58px;height:100%;min-height:100%;margin:0;padding:10px 7px}.workbench-sidebar>.ant-tabs .ant-tabs-nav-list{gap:5px;width:100%}.workbench-sidebar>.ant-tabs .ant-tabs-nav-wrap{align-self:stretch;height:100%}.workbench-sidebar>.ant-tabs .ant-tabs-nav-operations{display:none}.workbench-sidebar>.ant-tabs .ant-tabs-tab{color:#778292;border-radius:8px;justify-content:center;width:44px;height:52px;padding:0;margin:0!important}.workbench-sidebar>.ant-tabs .ant-tabs-tab:hover{color:#a3acba;background:#151a21}.workbench-sidebar>.ant-tabs .ant-tabs-tab-active{color:#edf0f4;background:#7895ff21}.workbench-sidebar>.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#7895ff}.workbench-sidebar>.ant-tabs .ant-tabs-ink-bar{display:none}.workbench-sidebar>.ant-tabs .ant-tabs-content,.workbench-sidebar>.ant-tabs .ant-tabs-tabpane{height:100%}.workbench-sidebar>.ant-tabs .ant-tabs-tabpane{overflow:auto}.workbench-tab-label{flex-direction:column;align-items:center;gap:4px;display:flex}.workbench-tab-label small{font-size:9px}.materials-panel h3{color:#a3acba;letter-spacing:0;margin:0 2px 10px;font-size:11px;font-weight:620}.materials-panel h3 span{color:#586474;font-size:9px}.materials-grid button{color:#a3acba;background:#151a21;border-color:#272e38;border-radius:9px;gap:8px;min-height:76px;padding:11px 8px}.materials-grid button>span,.materials-grid button .material-palette-icon{color:#a3acba;font:inherit;font-size:19px}.materials-grid button:hover{color:#edf0f4;background:#202733;border-color:#485670;transform:translateY(-1px)}.materials-grid button:hover>span,.materials-grid button:hover .material-palette-icon{color:#7895ff}.layers-panel>button{color:#a3acba;border-radius:7px;grid-template-columns:28px minmax(0,1fr) 28px 28px;height:42px;margin-bottom:4px}.layers-panel>button:hover{background:#151a21}.layers-panel>button.is-active{box-shadow:none;background:#7895ff1a;border-color:#7895ff70}.data-source:hover,.data-source.is-active{box-shadow:none;background:#151a21;border-color:#485670}.data-editor .ant-input,.variable-editor .ant-input,.data-editor .ant-input-number,.variable-editor .ant-input-number,.data-editor .ant-select-selector,.variable-editor .ant-select-selector{color:#edf0f4!important;background:#11151b!important;border-color:#272e38!important}.inspector-panel>.ant-tabs{height:100%}.inspector-panel .ant-tabs-nav{border-bottom:1px solid #272e38;height:48px;margin:0;padding:0 16px}.inspector-panel .ant-tabs-tab{color:#778292;padding:14px 2px;font-size:11px}.inspector-panel .ant-tabs-tab-active .ant-tabs-tab-btn{color:#edf0f4}.inspector-panel .ant-tabs-ink-bar{background:#7895ff;height:2px}.inspector-heading{border-color:#272e38;margin-bottom:18px;padding-bottom:12px}.inspector-heading span{color:#edf0f4;font-size:13px;font-weight:620}.inspector-heading small{color:#778292;letter-spacing:.08em;font-size:8px}.inspector-field{color:#778292;gap:7px;margin-bottom:14px;font-size:10px}.inspector-field .ant-input,.inspector-field .ant-input-number,.inspector-field .ant-select-selector{color:#edf0f4!important;box-shadow:none!important;background:#0e1217!important;border-color:#272e38!important}.color-input{background:#0e1217;border-color:#272e38;border-radius:8px}.inspector-actions .ant-btn{background:#0e1217;border-color:#272e38}.inspector-divider{color:#778292;letter-spacing:.05em;background:#0e1217;border-color:#272e38;margin:20px -16px 16px;padding:9px 16px;font-size:9px}.inspector-code code,.inspector-hint .anticon{color:#7895ff}.canvas-viewport{background-color:#080a0d;background-image:radial-gradient(#232933 1px,#0000 1px);background-size:18px 18px;position:relative;overflow:hidden}.canvas-scroll-area{scrollbar-color:#3a4350 transparent;scrollbar-width:thin;padding:32px;inset:28px 0 0 28px}.canvas-frame{border:1px solid #242c36;box-shadow:0 24px 72px #02040785,0 0 0 1px #8597b30a}.canvas-ruler{color:#5b6676;background-color:#0f1318;width:28px;height:28px;font-size:8px}.canvas-ruler--top{border-color:#272e38;left:28px}.canvas-ruler--left{border-color:#272e38;top:28px}.canvas-origin-label{color:#7895ff;background:#111720;width:28px;height:28px}.stage-node--selected:after{border-color:#7895ff;box-shadow:0 0 0 1px #0a0d11}.stage-node__measure{color:#0d1117;background:#7895ff;border-radius:4px}.stage-node__resize{background:#7895ff;border-color:#0d1117;border-radius:3px}.editor-statusbar{height:var(--editor-status);color:#667181;background:#0d1116;border-color:#272e38;padding:0 12px;font-size:9px}.status-dot{box-shadow:none;background:#4fbd9b}.version-list article,.sharing-panel{background:#151a21;border-color:#272e38;border-radius:10px}.player-page,.player-stage{background:#080a0d}.player-stage{overflow:hidden auto}.preview-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11151bf0;border:1px solid #272e38;border-radius:10px;top:18px}.player-page--preview .player-stage{width:auto;height:auto;padding:0;position:absolute;inset:72px 0 0}.player-frame{border:0;box-shadow:0 0 0 1px #29313b,0 28px 90px #0204078c}.material-number{border-left-color:var(--material-accent,#7895ff)}.material-number i{color:var(--material-accent,#7895ff)}.material-number small[data-tone=up]{color:#69d6a3}.material-number small[data-tone=down]{color:#f08a7f}.material-ranking .rank-row>span i{background:var(--material-accent,#7895ff)}.material-table__row em[data-tone=attention]{color:#efb85a}.material-table__row em[data-tone=critical]{color:#f17880}.template-library-modal .ant-modal-content{background:#10141a;border:1px solid #8b9ab033;overflow:hidden;box-shadow:0 34px 100px #00000080}.template-library-modal .ant-modal-header,.template-library-modal .ant-modal-footer{background:0 0;margin:0}.template-library-modal .ant-modal-header{border-bottom:1px solid #8b9ab021;padding:1px 0 15px}.template-library-modal .ant-modal-title{color:#eef3f8;letter-spacing:-.01em;font-size:16px;font-weight:620}.template-library-modal .ant-modal-body{padding-top:16px}.template-library-modal .ant-modal-footer{border-top:1px solid #8b9ab021;padding-top:15px}.template-library__name{grid-template-columns:78px 330px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;margin-bottom:14px;display:grid}.template-library__name .field-label{margin:0}.template-library__name>span{color:#697586;text-align:right;font-size:11px;line-height:1.5}.template-library{grid-template-columns:minmax(390px,.86fr) minmax(0,1.34fr);gap:14px;height:min(548px,100vh - 300px);min-height:460px;display:grid}.template-library__catalog,.template-library__preview{background:#0c1015;border:1px solid #8b9ab026;border-radius:12px;min-width:0;overflow:hidden}.template-library__catalog{flex-direction:column;gap:12px;padding:12px;display:flex}.template-library__catalog .ant-segmented{background:#11171e;border:1px solid #8b9ab021;flex:none;padding:3px}.template-library__catalog .ant-segmented-item{color:#7f8b9b;min-width:48px;font-size:11px}.template-library__catalog .ant-segmented-item-selected{color:#e9eef4;box-shadow:none;background:#262e3a}.template-library__catalog .template-grid{scrollbar-color:#313b49 transparent;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;margin:0;padding:0 3px 2px 0;display:grid;overflow:auto}.template-library__catalog .template-option{text-align:left;background:#11161d;border-color:#8b9ab024;grid-template-rows:88px auto;gap:10px;min-width:0;min-height:182px;padding:8px;display:grid;overflow:hidden}.template-library__catalog .template-option:hover{border-color:color-mix(in srgb, var(--template-accent) 58%, #3a4350);background:#151b23}.template-library__catalog .template-option--active{border-color:var(--template-accent);background:color-mix(in srgb, var(--template-accent) 8%, #121820);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--template-accent) 32%, transparent)}.template-miniature{background-color:#080d13;background-image:linear-gradient(#788aa409 1px,#0000 1px),linear-gradient(90deg,#788aa409 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #8b9ab024;border-radius:7px;width:100%;height:88px;display:block;position:relative;overflow:hidden}.template-miniature:before{z-index:2;content:"";background:var(--template-accent);opacity:.72;border-radius:2px;width:34%;height:3px;position:absolute;top:8px;left:8px}.template-miniature__node{border:1px solid color-mix(in srgb, var(--template-accent) 38%, #8a9ab033);background:color-mix(in srgb, var(--template-accent) 8%, #0f1823e0);opacity:.9;border-radius:2px;min-width:3px;min-height:2px;display:block;position:absolute}.template-miniature__node--number{background:color-mix(in srgb, var(--template-accent) 19%, #101720)}.template-miniature__node--map{background:radial-gradient(circle, color-mix(in srgb, var(--template-accent) 28%, transparent), transparent 66%)}.template-miniature__node--table,.template-miniature__node--ranking{background-image:repeating-linear-gradient(0deg, transparent 0 5px, color-mix(in srgb, var(--template-accent) 18%, transparent) 5px 6px)}.template-miniature__node--tabs,.template-miniature__node--filter{background:color-mix(in srgb, var(--template-accent) 24%, #121923)}.template-option__copy{align-content:start;gap:3px;min-width:0;display:grid}.template-option__copy small{color:var(--template-accent);letter-spacing:.06em;font-size:9px;font-weight:600}.template-option__copy strong{color:#e7edf4;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.template-option__copy>span{color:#748192;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.template-library__preview{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;padding:14px;display:grid}.template-library__preview>header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:65px;display:flex}.template-library__preview>header>div{min-width:0}.template-library__preview>header span{color:var(--template-accent);letter-spacing:.08em;font-size:10px;font-weight:650}.template-library__preview>header h3{color:#f0f4f8;letter-spacing:-.02em;margin:4px 0 3px;font-size:19px;line-height:1.2}.template-library__preview>header p{color:#778497;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.5;overflow:hidden}.template-library__preview>header>b{color:#aeb9c7;background:#151b23;border:1px solid #8b9ab02e;border-radius:6px;flex:none;padding:5px 8px;font-size:9px;font-weight:550}.template-library__preview>footer{color:#6f7b8c;align-items:center;gap:22px;min-height:36px;font-size:10px;display:flex}.template-library__preview>footer span{align-items:center;gap:6px;display:inline-flex}.template-library__preview>footer .anticon{color:var(--template-accent)}.template-library__preview>footer b{color:#d5dde7;font:600 11px SFMono-Regular,monospace}.template-live-preview{border:1px solid color-mix(in srgb, var(--template-accent) 24%, #293441);pointer-events:none;background:#060a0f;border-radius:9px;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 16px 40px #0000003d}.template-live-preview .player-stage{background:#060a0f;width:auto;height:auto;min-height:0;position:absolute;inset:0;overflow:hidden}.template-live-preview .player-frame{box-shadow:0 0 0 1px #8b9ab033,0 14px 44px #00000057}@media (max-width:980px){.template-library-modal{width:calc(100vw - 32px)!important}.template-library__name{grid-template-columns:76px minmax(0,1fr)}.template-library__name>span{display:none}.template-library{grid-template-columns:1fr;max-height:calc(100vh - 220px);overflow:auto}.template-library__catalog{max-height:310px}.template-library__preview{min-height:420px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html:has(.editor-shell){min-width:1180px}body:has(.editor-shell){min-width:1180px}#root:has(.editor-shell){min-width:1180px}.editor-shell{--editor-header:60px;--editor-status:26px;color:#edf0f5;font-optical-sizing:auto;background:#080a0e;min-width:1180px;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.editor-shell button,.editor-shell .ant-btn{-webkit-tap-highlight-color:transparent}.editor-shell button:active:not(:disabled),.editor-shell .ant-btn:active:not(:disabled){transform:none}.editor-shell *{scrollbar-color:#303744 transparent;scrollbar-width:thin}.editor-shell ::-webkit-scrollbar{width:7px;height:7px}.editor-shell ::-webkit-scrollbar-thumb{background:#303744 padding-box padding-box;border:2px solid #0000;border-radius:999px}.editor-header{z-index:30;height:var(--editor-header);-webkit-backdrop-filter:blur(16px)saturate(130%);background:#14171cf5;border:0;grid-template-columns:minmax(300px,1fr) auto minmax(450px,1fr);align-items:center;padding:0 12px;display:grid;position:relative;box-shadow:0 1px #ffffff12}.editor-header:after{content:"";pointer-events:none;background:linear-gradient(#05070a24,#0000);height:8px;position:absolute;bottom:-8px;left:0;right:0}.editor-header .ant-btn{color:#a4adbb;height:32px;box-shadow:none;background:#ffffff0b;border-color:#ffffff12;border-radius:7px;padding-inline:11px;font-size:11px;font-weight:540;transition:color .14s,background-color .14s,border-color .14s,transform 90ms ease-out}.editor-header .ant-btn:hover:not(:disabled){color:#edf0f5;background:#ffffff13;border-color:#ffffff24}.editor-header .ant-btn:active:not(:disabled){background:#ffffff1c;transform:scale(.975)}.editor-header .ant-btn-text{box-shadow:none;background:0 0;border-color:#0000}.editor-header .ant-btn-primary{color:#09101f;background:linear-gradient(#86a2f2 0%,#6f8de2 100%);border-color:#ffffff24;min-width:74px;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #4969db33}.editor-header .ant-btn-primary:hover:not(:disabled){color:#08101d;background:linear-gradient(#99b2ff 0%,#7898ff 100%);border-color:#fff3}.editor-header__start,.editor-header__middle,.editor-header__end{align-items:center;min-width:0;display:flex}.editor-header__start{gap:8px}.editor-header__start>.ant-btn:first-child{width:34px;padding:0}.editor-header__middle{background:#0d1015;border:1px solid #ffffff12;border-radius:9px;gap:2px;min-height:36px;padding:3px;box-shadow:inset 0 1px #ffffff06}.editor-header__middle>i{background:#ffffff12;width:1px;height:18px;margin:0 4px}.editor-header__middle .ant-btn{background:0 0;border:0;border-radius:6px;width:28px;height:28px;padding:0}.editor-header__end{justify-content:flex-end;gap:7px}.header-action-group{border-right:1px solid #ffffff12;gap:5px;padding-right:8px;display:flex}.editor-header .brand-mark{color:#dfe6f7;letter-spacing:-.02em;background:linear-gradient(145deg,#2e3541,#1d222b);border:1px solid #ffffff1a;border-radius:8px;width:32px;height:32px;font-size:10px;font-weight:720;box-shadow:inset 0 1px #ffffff17}.editor-document{align-items:center;gap:9px;min-width:0;display:flex}.project-name-input{letter-spacing:-.012em;border-radius:6px;width:clamp(150px,14vw,230px);height:32px;padding-inline:9px;font-size:13px;font-weight:620;color:#edf0f5!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.project-name-input:hover,.project-name-input:focus{background:#ffffff0b!important;border-color:#ffffff12!important}.save-state{color:#707a8a;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:520;display:inline-flex}.save-state--dirty,.save-state--saving{color:#e3ad68}.save-state--error,.save-state--conflict{color:#ec7881}.zoom-value{color:#c4cad4;text-align:center;letter-spacing:-.02em;min-width:45px;font:10px/1 SFMono-Regular,Consolas,monospace}.editor-workbench{height:calc(100vh - var(--editor-header) - var(--editor-status));background:0 0;grid-template-columns:314px minmax(0,1fr) 348px;gap:10px;padding:10px 10px 8px;display:grid}.workbench-sidebar,.inspector-panel{z-index:10;background:#15181e;border:1px solid #ffffff12;border-radius:14px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 10px 32px #0003}.workbench-sidebar{border-right:1px solid #ffffff12}.workbench-sidebar>.ant-tabs{align-items:stretch;height:100%;display:flex}.workbench-sidebar>.ant-tabs>.ant-tabs-nav{box-sizing:border-box;background:#101319;border:0;border-right:1px solid #ffffff12;flex:0 0 60px;width:60px;min-width:60px;height:100%;min-height:100%;margin:0;padding:10px 8px}.workbench-sidebar>.ant-tabs>.ant-tabs-nav:before{display:none}.workbench-sidebar .ant-tabs-nav-list{align-items:stretch;gap:6px;width:100%}.workbench-sidebar .ant-tabs-nav-wrap{align-self:stretch;height:100%}.workbench-sidebar .ant-tabs-nav-operations,.workbench-sidebar .ant-tabs-ink-bar{display:none}.workbench-sidebar .ant-tabs-tab{color:#707a8a;border-radius:10px;flex:0 0 52px;justify-content:center;width:44px;height:52px;padding:0;transition:color .14s,background-color .14s,transform 90ms ease-out;margin:0 auto!important}.workbench-sidebar .ant-tabs-tab:hover{color:#a4adbb;background:#ffffff0b}.workbench-sidebar .ant-tabs-tab:active{transform:scale(.96)}.workbench-sidebar .ant-tabs-tab-btn{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.workbench-sidebar .ant-tabs-tab-active .ant-tabs-tab-btn{color:#9bb3ff;text-shadow:none}.workbench-sidebar>.ant-tabs>.ant-tabs-content-holder{border:0;min-width:0;overflow:hidden}.workbench-sidebar .ant-tabs-content,.workbench-sidebar .ant-tabs-tabpane{height:100%}.workbench-sidebar .ant-tabs-tabpane{overflow:auto}.workbench-tab-label{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.workbench-tab-label .anticon{font-size:17px}.workbench-tab-label small{letter-spacing:.02em;font-size:10px;font-weight:540}.materials-panel{padding:18px 14px 30px}.materials-panel h3{color:#c1c7d1;letter-spacing:.015em;justify-content:space-between;align-items:center;margin:0 2px 10px;font-size:11px;font-weight:630;line-height:1.3;display:flex}.materials-panel h3 span{color:#646e7d;font:9px/1 SFMono-Regular,Consolas,monospace}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.materials-grid button{color:#a4adbb;cursor:grab;background:#1a1e25;border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:76px;padding:11px 8px;transition:color .15s,background-color .15s,border-color .15s,transform 90ms ease-out;display:flex;box-shadow:inset 0 1px #ffffff06}.materials-grid button .material-palette-icon{color:#aab3c2;font-size:20px;line-height:1;transition:color .15s,transform .18s cubic-bezier(.2,.8,.2,1)}.materials-grid button b{color:#b8bfca;font-size:11px;font-weight:520}.materials-grid button:hover{color:#edf0f5;background:#20252e;border-color:#7d9dff2e}.materials-grid button:hover .material-palette-icon{color:#9cb4ff;transform:translateY(-1px)}.materials-grid button:active{cursor:grabbing;background:#272d37;transform:scale(.975)}.layers-panel,.data-panel{padding:14px 12px 24px}.layers-panel>button{color:#a4adbb;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:28px minmax(0,1fr) 30px 30px;align-items:center;width:100%;height:44px;margin-bottom:5px;padding:0 8px;transition:color .14s,background-color .14s,transform 90ms ease-out;display:grid}.layers-panel>button b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:520;overflow:hidden}.layers-panel>button i{color:#707a8a;border-radius:7px;place-items:center;height:28px;font-style:normal;display:grid}.layers-panel>button i:hover{color:#edf0f5;background:#ffffff0f}.layers-panel>button:hover{color:#edf0f5;background:#ffffff0b}.layers-panel>button:active{transform:scale(.985)}.layers-panel>button.is-active{color:#edf0f5;background:#7d9dff1f;border-color:#7d9dff2e;box-shadow:inset 2px 0 #839fff}.layer-index,.panel-empty,.panel-note{color:#707a8a}.panel-empty,.panel-note{font-size:11px;line-height:1.65}.data-source,.data-editor,.variable-editor{background:#101319!important;border-color:#ffffff12!important;border-radius:10px!important}.data-source{color:#a4adbb}.data-source:hover,.data-source.is-active{background:#1a1e25!important;border-color:#7d9dff3d!important}.data-source.is-active{box-shadow:inset 2px 0 #7897ee}.data-editor .ant-input,.variable-editor .ant-input,.data-editor .ant-input-number,.variable-editor .ant-input-number,.data-editor .ant-select-selector,.variable-editor .ant-select-selector{background:#15181e!important;border-color:#ffffff12!important}.inspector-panel{border-left:1px solid #ffffff12}.inspector-panel>.ant-tabs,.inspector-panel .inspector-tabs{height:100%}.inspector-panel .ant-tabs-nav{background:#101319;border-bottom:1px solid #ffffff12;height:48px;margin:0;padding:0 14px}.inspector-panel .ant-tabs-nav:before{display:none}.inspector-panel .ant-tabs-tab{color:#707a8a;letter-spacing:.015em;margin:0;padding:14px 1px 12px;font-size:11px;font-weight:560}.inspector-panel .ant-tabs-tab-active .ant-tabs-tab-btn{color:#a9bcff;text-shadow:none}.inspector-panel .ant-tabs-ink-bar{background:#7897ee;border-radius:999px 999px 0 0;height:2px}.inspector-panel .ant-tabs-content-holder,.inspector-panel .ant-tabs-content,.inspector-panel .ant-tabs-tabpane{height:100%;min-height:0}.inspector-panel .ant-tabs-tabpane{overflow:auto}.inspector-heading{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:14px;display:flex}.inspector-heading span{color:#edf0f5;letter-spacing:-.015em;font-size:14px;font-weight:640;line-height:1.25}.inspector-heading small{color:#707a8a;letter-spacing:.08em;font:9px/1 SFMono-Regular,Consolas,monospace}.inspector-field{flex-direction:column;gap:7px;min-width:0;margin-bottom:15px;display:flex}.inspector-field>span{color:#8d96a4;letter-spacing:.018em;font-size:10px;font-weight:540;line-height:1.3}.inspector-field .ant-input,.inspector-field .ant-input-number,.inspector-field .ant-select-selector{width:100%;min-height:36px;font-size:12px;color:#dce1e9!important;background:#101319!important;border-color:#ffffff12!important;border-radius:9px!important;box-shadow:inset 0 1px #00000029!important}.inspector-field .ant-input:hover,.inspector-field .ant-input-number:hover,.inspector-field .ant-select-selector:hover,.inspector-field .ant-input:focus,.inspector-field .ant-input-number:focus,.inspector-field .ant-select-selector:focus,.inspector-field .ant-input:focus-within,.inspector-field .ant-input-number:focus-within,.inspector-field .ant-select-selector:focus-within{border-color:#7d9dff6b!important}.inspector-field .ant-input-number,.inspector-field .ant-select{width:100%}.inspector-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.inspector-row--four{grid-template-columns:repeat(4,minmax(0,1fr))}.color-input{background:#101319;border-color:#ffffff12;border-radius:9px;min-height:36px;padding:5px 8px}.inspector-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:3px;display:grid}.inspector-actions .ant-btn{background:#1a1e25;border-color:#ffffff12;border-radius:9px;height:36px;padding-inline:6px;font-size:11px}.inspector-actions .ant-btn:hover{background:#20252e;border-color:#ffffff24}.inspector-actions .ant-btn:active{transform:scale(.97)}.inspector-divider{color:#707a8a;letter-spacing:.07em;background:#101319;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;margin:22px -16px 18px;padding:10px 16px;font-size:9px;font-weight:580}.inspector-hint,.inspector-code,.interaction-editor{color:#707a8a;background:#101319;border:1px solid #ffffff12;border-radius:10px}.inspector-hint{gap:9px;padding:12px;font-size:11px;line-height:1.6}.inspector-code{padding:12px}.inspector-code code{color:#9fb6ff}.canvas-viewport{background-color:#0c0f14;background-image:radial-gradient(#909db321 .7px,#0000 .7px);background-size:20px 20px;border:1px solid #ffffff12;border-radius:14px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 36px #0000003d}.canvas-scroll-area{overscroll-behavior:contain;padding:34px;inset:28px 0 0 28px}.canvas-frame{border:1px solid #9baed029;border-radius:3px;box-shadow:0 28px 80px #00000085,0 0 0 1px #ffffff06}.canvas-surface{border-radius:2px}.canvas-background-image{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.canvas-guide{z-index:20;background:#6fe0ffd1;border:0;padding:0;position:absolute;box-shadow:0 0 0 1px #050c1373}.canvas-guide--vertical{cursor:col-resize;width:1px;top:0;bottom:0}.canvas-guide--horizontal{cursor:row-resize;height:1px;left:0;right:0}.canvas-selection-box{z-index:30;pointer-events:none;background:#7d9dff1f;border:1px solid #8aa7ff;position:absolute}.canvas-ruler{box-sizing:border-box;color:#596372;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#12151bf5;font-size:8px;display:block;overflow:hidden;background-image:none!important;border-color:#ffffff12!important}.canvas-ruler--top{width:calc(100% - 28px);height:28px;top:0;left:28px;right:0}.canvas-ruler--left{width:28px;height:calc(100% - 28px);top:28px;bottom:0;left:0}.canvas-origin-label{color:#91a9f7;background:#151920;width:28px;height:28px;font-size:7px}.stage-node{transition:none}.stage-node:after{inset:calc(-1px / var(--canvas-zoom,1));border-width:calc(1px / var(--canvas-zoom,1));border-color:#7d9dff85}.stage-node__measure{width:max-content;max-width:none;top:auto;bottom:calc(-27px / var(--canvas-zoom,1));color:#101625;white-space:nowrap;transform:scale(calc(1 / var(--canvas-zoom,1)));transform-origin:0 0;background:#8aa7ff;border-radius:6px;padding:5px 7px;font:600 10px/1 SFMono-Regular,Consolas,monospace;left:0;box-shadow:0 3px 10px #00000040}.stage-node__resize{width:calc(12px / var(--canvas-zoom,1));height:calc(12px / var(--canvas-zoom,1));border-width:calc(2px / var(--canvas-zoom,1));border-radius:calc(3px / var(--canvas-zoom,1));background:#8aa7ff;border-color:#0b0e13;padding:0;box-shadow:0 2px 8px #0000004d}.stage-node__resize--n,.stage-node__resize--s{cursor:ns-resize;left:50%;transform:translate(-50%)}.stage-node__resize--e,.stage-node__resize--w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.stage-node__resize--ne,.stage-node__resize--sw{cursor:nesw-resize}.stage-node__resize--nw,.stage-node__resize--se{cursor:nwse-resize}@keyframes datav-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes datav-slideInLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes datav-zoomIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes datav-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-24px)}60%{transform:translateY(-12px)}}.material-tabs>button{color:#8294a8;cursor:pointer;background:#0a121cb3;border:1px solid #7d9dff38;border-radius:5px;padding:7px 14px}.material-tabs>button.is-active{color:#fff;background:#5b7ce28c;border-color:#7d9dff}.material-word-cloud{background:radial-gradient(circle,#2a6c8833,#0000 68%);flex-wrap:wrap;place-content:center;align-items:center;gap:18px;width:100%;height:100%;padding:28px;display:flex}.material-word-cloud span{text-shadow:0 0 18px;font-weight:650;line-height:1}.material-border{--material-accent:#59d9e8;border:2px solid var(--material-accent);background:linear-gradient(135deg, color-mix(in srgb, var(--material-accent) 10%, transparent), transparent 42%);width:100%;height:100%;position:relative}.material-border i{border-color:var(--material-accent);width:20px;height:20px;position:absolute}.material-border i:first-child{border-top:5px solid;border-left:5px solid;top:-3px;left:-3px}.material-border i:nth-child(2){border-top:5px solid;border-right:5px solid;top:-3px;right:-3px}.material-border i:nth-child(3){border-bottom:5px solid;border-right:5px solid;bottom:-3px;right:-3px}.material-border i:nth-child(4){border-bottom:5px solid;border-left:5px solid;bottom:-3px;left:-3px}.material-border--2,.material-border--6{border-style:double;border-width:5px}.material-border--3,.material-border--7{box-shadow:inset 0 0 24px color-mix(in srgb, var(--material-accent) 18%, transparent);border-radius:18px 2px}.material-border--4,.material-border--8{outline:1px dashed color-mix(in srgb, var(--material-accent) 65%, transparent);outline-offset:-8px;border-width:1px}.material-border--5,.material-border--9{box-shadow:inset 0 0 0 2px var(--material-accent), inset 0 0 0 8px #08141edb;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));border:0}.material-decoration{--material-accent:#59d9e8;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.material-decoration i{background:var(--material-accent);width:10px;height:10px;box-shadow:0 0 14px var(--material-accent);transform:rotate(45deg)}.material-decoration span{background:linear-gradient(90deg, transparent, var(--material-accent), transparent);width:58%;height:2px}.material-decoration--2 i{border-radius:50%;transform:none}.material-decoration--3{transform:skew(-18deg)}.material-decoration--4 span{background:repeating-linear-gradient(90deg, var(--material-accent) 0 18px, transparent 18px 28px);height:8px}.inspector-upload{margin-bottom:10px;display:block}.inspector-upload>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.inspector-upload .ant-btn{width:100%}.editor-statusbar{height:var(--editor-status);color:#697382;background:#111419f0;border:0;border-top:1px solid #ffffff0e;align-items:center;gap:18px;padding:0 14px;font:9px/1 SFMono-Regular,Consolas,monospace;display:flex}.editor-statusbar__spacer{flex:1}.status-dot{background:#57c8a5;width:6px;height:6px;margin-right:7px;box-shadow:0 0 0 3px #57c8a51a}.editor-workbench{grid-template-columns:264px minmax(0,1fr) 332px;gap:8px;padding:8px 8px 6px}.workbench-sidebar,.inspector-panel{border-radius:10px;box-shadow:inset 0 1px #ffffff06}.workbench-sidebar>.ant-tabs>.ant-tabs-nav{flex-basis:44px;width:44px;min-width:44px;padding:7px 5px}.workbench-sidebar .ant-tabs-nav-list{align-items:center;gap:4px;width:32px;min-width:32px;max-width:32px;margin-inline:auto}.workbench-sidebar .ant-tabs-tab{border-radius:6px;flex-basis:40px;justify-content:center;align-self:center;width:32px;min-width:32px;max-width:32px;height:40px;position:relative;margin:0!important;padding:0!important}.workbench-sidebar .ant-tabs-tab-btn{place-items:center;width:32px;height:40px;display:grid}.workbench-sidebar>.ant-tabs>.ant-tabs-content-holder .ant-tabs-tabpane{padding-left:0}.workbench-sidebar .ant-tabs-tab-active{background:#7897ee1f;box-shadow:inset 0 0 0 1px #7897ee1f}.workbench-sidebar .ant-tabs-tab-active:before{content:"";background:#7897ee;border-radius:999px;width:2px;position:absolute;top:8px;bottom:8px;left:-5px}.workbench-sidebar .ant-tabs-nav-wrap{overflow:hidden}.workbench-sidebar *{scrollbar-color:#2c3340 transparent}.workbench-sidebar ::-webkit-scrollbar{width:5px;height:5px}.workbench-sidebar ::-webkit-scrollbar-thumb{border-width:1px}.workbench-tab-label{grid-template-rows:15px 10px;grid-template-columns:32px;place-content:center;place-items:center;gap:2px;width:32px;height:40px;line-height:1;display:grid}.workbench-tab-label .anticon{place-items:center;width:15px;height:15px;font-size:14px;line-height:1;display:grid;margin:0!important}.workbench-tab-label small{letter-spacing:0;font-size:8px;line-height:10px}.materials-panel,.layers-panel,.data-panel{padding:12px 10px 24px}.materials-panel section{margin-bottom:16px}.materials-panel h3{margin:0 1px 7px;font-size:10px}.materials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.materials-grid button{min-width:0;min-height:54px;box-shadow:none;background:#ffffff05;border-color:#ffffff12;border-radius:6px;gap:5px;padding:6px 4px}.materials-grid button .material-palette-icon{font-size:16px}.materials-grid button b{text-align:center;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:9px;line-height:1.15;display:-webkit-box;overflow:hidden}.materials-grid button:hover{background:#ffffff0e;border-color:#ffffff24}.materials-grid button:active{background:#272d37}.layers-panel button{border-radius:7px;min-height:36px}.data-source,.data-editor,.variable-editor{border-radius:8px!important}.data-panel__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.data-panel__actions .ant-btn{width:100%;min-width:0;padding-inline:6px}.inspector-panel .ant-tabs-nav{height:44px;padding-inline:14px}.inspector-panel .ant-tabs-nav-list{gap:21px}.inspector-panel .ant-tabs-tab{padding-block:12px 10px}.inspector-section{padding:14px}.inspector-heading{margin-bottom:14px;padding-bottom:10px}.inspector-field{gap:6px;margin-bottom:12px}.inspector-field .ant-input,.inspector-field .ant-input-number,.inspector-field .ant-select-selector{min-height:32px;box-shadow:none!important;border-radius:7px!important}.color-input{border-radius:7px;min-height:32px;padding:4px 7px}.inspector-actions{gap:6px}.inspector-actions .ant-btn{border-radius:7px;height:32px}.inspector-divider{background:0 0;border-bottom:0;margin:18px 0 14px;padding:10px 0 0}.inspector-hint,.inspector-code,.interaction-editor{border-radius:8px}.canvas-viewport{background-color:#0b0e13;background-image:linear-gradient(#7c8eaa0a 1px,#0000 1px),linear-gradient(90deg,#7c8eaa0a 1px,#0000 1px),radial-gradient(#92a1b81f .7px,#0000 .7px);background-size:80px 80px,80px 80px,16px 16px;border-radius:10px;box-shadow:inset 0 1px #ffffff06}.canvas-scroll-area{padding:30px;inset:30px 0 0 30px}.canvas-frame{border-color:#a6b5cf33;border-radius:2px;box-shadow:0 20px 54px #0000006b,0 0 0 1px #ffffff06}.canvas-frame__meta{color:#8c96a7;white-space:nowrap;pointer-events:none;align-items:center;gap:7px;height:18px;font:500 10px/1 SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:-24px;left:-1px}.canvas-frame__meta span{color:#b7bfcb;text-overflow:ellipsis;max-width:220px;overflow:hidden}.canvas-frame__meta b{color:#687384;font-weight:500}.canvas-ruler{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#11141a}.canvas-ruler--top{width:calc(100% - 30px);height:30px;left:30px}.canvas-ruler--left{width:30px;height:calc(100% - 30px);top:30px}.canvas-origin-label{color:#9db1ef;background:#11141a;border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;width:30px;height:30px;font-size:8px}.canvas-guide{box-shadow:none;background:0 0}.canvas-guide:after{content:"";pointer-events:none;background:#71d8f5db;position:absolute}.canvas-guide:hover:after,.canvas-guide:focus-visible:after{background:#8ce4fb}.canvas-guide:focus-visible{outline:none}.canvas-guide--vertical{width:calc(10px / var(--canvas-zoom,1));margin-left:calc(-5px / var(--canvas-zoom,1))}.canvas-guide--vertical:after{width:calc(1px / var(--canvas-zoom,1));top:0;bottom:0;left:50%;transform:translate(-50%)}.canvas-guide--vertical:hover:after,.canvas-guide--vertical:focus-visible:after{width:calc(2px / var(--canvas-zoom,1))}.canvas-guide--horizontal{height:calc(10px / var(--canvas-zoom,1));margin-top:calc(-5px / var(--canvas-zoom,1))}.canvas-guide--horizontal:after{height:calc(1px / var(--canvas-zoom,1));top:50%;left:0;right:0;transform:translateY(-50%)}.canvas-guide--horizontal:hover:after,.canvas-guide--horizontal:focus-visible:after{height:calc(2px / var(--canvas-zoom,1))}.canvas-selection-box{background:#7897ee14;border-color:#8ba4efe6}.stage-node:after{border-color:#7897ee6b}.stage-node--selected:after{box-shadow:none;border-color:#88a3f2}.stage-node__measure{bottom:calc(-25px / var(--canvas-zoom,1));color:#dce4f6;background:#0e1219f0;border:1px solid #88a3f294;border-radius:4px;padding:4px 6px;font-size:9px;box-shadow:0 3px 10px #00000047}.stage-node__resize{width:calc(8px / var(--canvas-zoom,1));height:calc(8px / var(--canvas-zoom,1));border-width:calc(1px / var(--canvas-zoom,1));border-radius:calc(2px / var(--canvas-zoom,1));background:#8ba4ed;border-color:#0c1016;box-shadow:0 1px 4px #00000057}.stage-node__resize--n{top:calc(-4px / var(--canvas-zoom,1))}.stage-node__resize--s{bottom:calc(-4px / var(--canvas-zoom,1))}.stage-node__resize--e{right:calc(-4px / var(--canvas-zoom,1))}.stage-node__resize--w{left:calc(-4px / var(--canvas-zoom,1))}.stage-node__resize--ne{top:calc(-4px / var(--canvas-zoom,1));right:calc(-4px / var(--canvas-zoom,1))}.stage-node__resize--se{right:calc(-4px / var(--canvas-zoom,1));bottom:calc(-4px / var(--canvas-zoom,1))}.stage-node__resize--sw{bottom:calc(-4px / var(--canvas-zoom,1));left:calc(-4px / var(--canvas-zoom,1))}.stage-node__resize--nw{top:calc(-4px / var(--canvas-zoom,1));left:calc(-4px / var(--canvas-zoom,1))}.editor-statusbar{background:#111419;gap:13px;padding-inline:12px}.status-dot{display:none}.editor-header__middle{transition:border-color .18s,background-color .18s,box-shadow .22s}.editor-header__middle:hover,.editor-header__middle:focus-within{background:#10141a;border-color:#7897ee33;box-shadow:inset 0 1px #ffffff09,0 6px 18px #00000029}.editor-shell .ant-btn:focus-visible,.workbench-sidebar .ant-tabs-tab:focus-within{outline-offset:2px;outline:2px solid #7897eeb8}.inspector-field .ant-input:hover,.inspector-field .ant-input-number:hover,.inspector-field .ant-select:hover .ant-select-selector{border-color:#ffffff24!important}.inspector-field .ant-input:focus,.inspector-field .ant-input-number:focus-within,.inspector-field .ant-select-focused .ant-select-selector{border-color:#7897ee7a!important;box-shadow:0 0 0 2px #7897ee17!important}.canvas-frame{transition:border-color .2s,box-shadow .28s cubic-bezier(.16,1,.3,1)}.canvas-viewport:hover .canvas-frame{border-color:#a6b5cf4d;box-shadow:0 22px 60px #00000075,0 0 0 1px #ffffff09}@keyframes editor-panel-from-left{0%{opacity:.55;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes editor-panel-from-right{0%{opacity:.55;transform:translate(5px)}to{opacity:1;transform:translate(0)}}@keyframes editor-control-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.editor-header .ant-btn:not(:disabled):hover{transform:translateY(-1px)}.editor-header .ant-btn:not(:disabled):active{transition-duration:70ms;transform:scale(.97)}.workbench-sidebar .ant-tabs-tabpane-active{animation:.2s cubic-bezier(.16,1,.3,1) editor-panel-from-left}.inspector-panel .ant-tabs-tabpane-active{animation:.2s cubic-bezier(.16,1,.3,1) editor-panel-from-right}.materials-grid button:hover{transform:translateY(-1px)}.materials-grid button:active{transition-duration:70ms;transform:scale(.965)}.stage-node--selected .stage-node__resize,.stage-node--selected .stage-node__measure{animation:.16s ease-out both editor-control-in}}@media (max-width:1460px){.editor-header{grid-template-columns:minmax(320px,1fr) auto minmax(430px,1fr)}.editor-workbench{grid-template-columns:258px minmax(0,1fr) 316px}.editor-header .ant-btn{padding-inline:10px}.canvas-scroll-area{padding:24px}}@media (prefers-reduced-motion:reduce){.editor-shell *,.editor-shell :before,.editor-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.canvas-viewport{isolation:isolate;touch-action:none;cursor:default}.canvas-viewport.is-hand-tool{cursor:grab}.canvas-viewport.is-panning{cursor:grabbing}.canvas-scene{z-index:2;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.canvas-surface{transform-origin:0 0;border:1px solid #b1bfd83d;border-radius:2px;position:relative;overflow:visible;box-shadow:0 28px 72px #00000085,0 0 0 1px #ffffff06;transform:none!important}.canvas-surface:before{z-index:0;content:"";opacity:.34;background-image:linear-gradient(#97accc14 1px,#0000 1px),linear-gradient(90deg,#97accc14 1px,#0000 1px);background-size:var(--canvas-grid) var(--canvas-grid);pointer-events:none;position:absolute;inset:0}.canvas-background-image{z-index:0}.stage-node{z-index:2}.stage-node--group{outline:calc(1px / var(--canvas-zoom,1)) dashed #8ea6ee57;outline-offset:calc(-1px / var(--canvas-zoom,1))}.stage-node--group .stage-group__children{pointer-events:none;position:absolute;inset:0}.canvas-rulers{z-index:40;pointer-events:none;position:absolute;inset:0}.canvas-ruler{pointer-events:auto;background:#11151c;border:0;display:block;position:absolute}.canvas-ruler--top{cursor:row-resize;width:calc(100% - 30px);height:30px;top:0;left:30px;right:0}.canvas-ruler--left{cursor:col-resize;width:30px;height:calc(100% - 30px);top:30px;bottom:0;left:0}.canvas-origin-label{z-index:42;color:#91a9f7;pointer-events:auto;background:#151a22;border:1px solid #ffffff14;border-top:0;border-left:0;place-items:center;width:30px;height:30px;padding:0;font:8px/1 SFMono-Regular,Consolas,monospace;display:grid;position:absolute;top:0;left:0}.canvas-origin-label:hover{color:#c9d5ff;background:#1b212b}.canvas-guide-draft{z-index:45;pointer-events:none;position:absolute}.canvas-guide-draft:before{content:"";background:#78c7ff;position:absolute;box-shadow:0 0 0 1px #050b128f,0 0 14px #78c7ff59}.canvas-guide-draft span{color:#06101a;background:#8fd4ff;border-radius:4px;padding:3px 5px;font:650 9px/1 SFMono-Regular,Consolas,monospace;position:absolute}.canvas-guide-draft--vertical{top:30px;bottom:0}.canvas-guide-draft--vertical:before{width:1px;top:0;bottom:0}.canvas-guide-draft--vertical span{top:6px;left:5px}.canvas-guide-draft--horizontal{left:30px;right:0}.canvas-guide-draft--horizontal:before{height:1px;left:0;right:0}.canvas-guide-draft--horizontal span{top:5px;left:6px}.canvas-guide{z-index:24;color:#0000;box-shadow:none;background:0 0;overflow:visible}.canvas-guide:before{content:"";box-shadow:0 0 0 calc(1px / var(--canvas-zoom,1)) #050c136b;background:#6fe0ffd6;position:absolute}.canvas-guide span{padding:calc(4px / var(--canvas-zoom,1)) calc(6px / var(--canvas-zoom,1));color:#07111c;border-radius:calc(4px / var(--canvas-zoom,1));font:650 calc(9px / var(--canvas-zoom,1))/1 "SFMono-Regular", Consolas, monospace;white-space:nowrap;pointer-events:none;background:#7fd9f8;display:none;position:absolute}.canvas-guide:hover span,.canvas-guide:focus-visible span{display:block}.canvas-guide--vertical{width:calc(9px / var(--canvas-zoom,1));margin-left:calc(-4px / var(--canvas-zoom,1));cursor:col-resize;top:0;bottom:0}.canvas-guide--vertical:before{width:calc(1px / var(--canvas-zoom,1));top:0;bottom:0;left:50%}.canvas-guide--vertical span{top:calc(5px / var(--canvas-zoom,1));left:calc(8px / var(--canvas-zoom,1))}.canvas-guide--horizontal{height:calc(9px / var(--canvas-zoom,1));margin-top:calc(-4px / var(--canvas-zoom,1));cursor:row-resize;left:0;right:0}.canvas-guide--horizontal:before{height:calc(1px / var(--canvas-zoom,1));top:50%;left:0;right:0}.canvas-guide--horizontal span{top:calc(8px / var(--canvas-zoom,1));left:calc(5px / var(--canvas-zoom,1))}.canvas-selection-box{z-index:50;border-width:calc(1px / var(--canvas-zoom,1));background:#7f9def1a}.canvas-selection-overlay{z-index:52;border:calc(1px / var(--canvas-zoom,1)) solid #8ca7fa;box-shadow:0 0 0 calc(1px / var(--canvas-zoom,1)) #05080dd1;pointer-events:none;position:absolute}.canvas-selection-overlay.is-rotating{border-style:dashed}.canvas-selection-measure{right:calc(-1px / var(--canvas-zoom,1));bottom:calc(-26px / var(--canvas-zoom,1));padding:calc(4px / var(--canvas-zoom,1)) calc(6px / var(--canvas-zoom,1));color:#dfe6f7;border:calc(1px / var(--canvas-zoom,1)) solid #8ca7fa8c;border-radius:calc(4px / var(--canvas-zoom,1));font:600 calc(9px / var(--canvas-zoom,1))/1 "SFMono-Regular", Consolas, monospace;white-space:nowrap;pointer-events:none;background:#0d121af0;position:absolute}.canvas-selection-handle,.canvas-rotate-handle{z-index:2;width:calc(9px / var(--canvas-zoom,1));height:calc(9px / var(--canvas-zoom,1));border:calc(1px / var(--canvas-zoom,1)) solid #0a0e14;border-radius:calc(2px / var(--canvas-zoom,1));box-shadow:0 calc(1px / var(--canvas-zoom,1)) calc(5px / var(--canvas-zoom,1)) #00000061;pointer-events:auto;background:#91a9f7;padding:0;display:block;position:absolute}.canvas-selection-handle--n,.canvas-selection-handle--s{cursor:ns-resize;left:50%;transform:translate(-50%)}.canvas-selection-handle--e,.canvas-selection-handle--w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.canvas-selection-handle--n{top:calc(-5px / var(--canvas-zoom,1))}.canvas-selection-handle--s{bottom:calc(-5px / var(--canvas-zoom,1))}.canvas-selection-handle--e{right:calc(-5px / var(--canvas-zoom,1))}.canvas-selection-handle--w{left:calc(-5px / var(--canvas-zoom,1))}.canvas-selection-handle--ne,.canvas-selection-handle--sw{cursor:nesw-resize}.canvas-selection-handle--nw,.canvas-selection-handle--se{cursor:nwse-resize}.canvas-selection-handle--ne{top:calc(-5px / var(--canvas-zoom,1));right:calc(-5px / var(--canvas-zoom,1))}.canvas-selection-handle--se{right:calc(-5px / var(--canvas-zoom,1));bottom:calc(-5px / var(--canvas-zoom,1))}.canvas-selection-handle--sw{bottom:calc(-5px / var(--canvas-zoom,1));left:calc(-5px / var(--canvas-zoom,1))}.canvas-selection-handle--nw{top:calc(-5px / var(--canvas-zoom,1));left:calc(-5px / var(--canvas-zoom,1))}.canvas-rotate-handle{top:calc(-32px / var(--canvas-zoom,1));cursor:grab;border-radius:50%;left:50%;transform:translate(-50%)}.canvas-rotate-handle:after{width:calc(1px / var(--canvas-zoom,1));height:calc(23px / var(--canvas-zoom,1));content:"";background:#8ca7fa;position:absolute;top:100%;left:50%}.canvas-snap-lines{z-index:49;pointer-events:none;position:absolute;inset:0}.canvas-snap-line{width:calc(1px / var(--canvas-zoom,1));height:calc(1px / var(--canvas-zoom,1));box-shadow:0 0 calc(4px / var(--canvas-zoom,1)) #ff5c8a57;background:#ff5c8a;position:absolute}.canvas-snap-line--grid{box-shadow:none;background:#7b9fff}.canvas-snap-line--guide{background:#69dafa}.canvas-toolbar,.canvas-selection-toolbar{z-index:60;-webkit-backdrop-filter:blur(18px)saturate(135%);background:#161a22e0;border:1px solid #ffffff1a;border-radius:9px;align-items:center;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0e,0 12px 30px #00000052}.canvas-toolbar{height:38px;padding:4px;bottom:16px;left:50%;transform:translate(-50%)}.canvas-toolbar .ant-btn{border:0;border-radius:6px;width:29px;height:29px;padding:0}.canvas-toolbar>i{background:#ffffff1a;width:1px;height:18px;margin:0 4px}.canvas-zoom-readout{color:#c9d0dc;background:0 0;border:0;border-radius:6px;min-width:52px;height:28px;padding:0 6px;font:10px/1 SFMono-Regular,Consolas,monospace}.canvas-zoom-readout:hover{background:#ffffff0f}.canvas-toolbar__lock{color:#77849a;margin:0 7px;font-size:11px}.canvas-selection-toolbar{min-height:34px;padding:4px;top:40px;left:50%;transform:translate(-50%)}.canvas-selection-toolbar button{color:#aeb8c8;white-space:nowrap;background:0 0;border:0;border-radius:5px;height:25px;padding:0 8px;font-size:10px}.canvas-selection-toolbar button:hover{color:#e4e9f2;background:#fff1}.canvas-selection-toolbar button:active{transform:scale(.97)}.canvas-selection-toolbar>i{background:#ffffff1a;width:1px;height:17px;margin:0 3px}.canvas-performance,.canvas-document-badge{z-index:35;color:#727d8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0d1015c7;border:1px solid #fff1;font:9px/1 SFMono-Regular,Consolas,monospace;display:flex;position:absolute}.canvas-performance{border-radius:6px;gap:9px;padding:7px 9px;top:39px;right:9px}.canvas-performance span:first-child{color:#70cfaa}.canvas-document-badge{border-radius:6px;align-items:center;gap:8px;padding:7px 9px;bottom:14px;left:12px}.canvas-document-badge span{color:#aeb7c5;text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.canvas-document-badge b{color:#626d7e;font-weight:500}.layer-search{margin-bottom:10px}.layer-tree{color:#a4adbb;background:0 0}.layer-tree .ant-tree-treenode{width:100%;padding:1px 0}.layer-tree .ant-tree-node-content-wrapper{border-radius:7px;flex:1;min-width:0;padding:0!important}.layer-tree .ant-tree-node-content-wrapper:hover{background:#ffffff0b}.layer-tree .ant-tree-node-selected{box-shadow:inset 2px 0 #839fff;background:#7d9dff1f!important}.layer-tree .ant-tree-switcher{color:#687384;width:18px}.layer-tree .ant-tree-indent-unit{width:14px}.layer-tree .ant-tree-draggable-icon{display:none}.layer-tree-title{grid-template-columns:25px minmax(0,1fr) 24px 24px;align-items:center;width:100%;height:38px;padding:0 5px;display:grid}.layer-tree-title b{color:#b5bdc9;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:520;overflow:hidden}.layer-tree-title>button{color:#687486;background:0 0;border:0;border-radius:5px;place-items:center;width:23px;height:23px;padding:0;font-size:10px;display:grid}.layer-tree-title>button:hover{color:#cbd4e2;background:#ffffff0f}@media (prefers-reduced-transparency:reduce){.editor-header,.canvas-toolbar,.canvas-selection-toolbar,.canvas-performance,.canvas-document-badge{-webkit-backdrop-filter:none;background:#171b22}.editor-header,.canvas-ruler{-webkit-backdrop-filter:none;background:#181b21}}@media (prefers-contrast:more){.editor-header,.workbench-sidebar,.inspector-panel,.canvas-viewport,.materials-grid button,.inspector-field .ant-input,.inspector-field .ant-input-number,.inspector-field .ant-select-selector{border-color:#ffffff47!important}.editor-shell{color:#fff}}