:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#eef1f5;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #1677ff;--brand-dark: #0958d9;--nav: #17233d;--line: #dce3ec;--muted: #7a8496;--panel: #ffffff;--soft: #f6f8fb}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:0;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.42}.editor-app{min-width:1180px;height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden;background:#edf0f4}.topbar{height:64px;display:grid;grid-template-columns:310px minmax(260px,1fr) auto;align-items:center;gap:20px;padding:0 16px;background:#fffffff5;border-bottom:1px solid var(--line);box-shadow:0 1px 8px #1b253a0f;position:relative;z-index:20}.brand-group,.brand-group>div:last-child,.document-breadcrumb,.topbar-actions,.panel-title,.panel-title>div,.project-item,.interface-card,.issue-card,.inspector-heading,.inspector-heading>div,.binding-summary,.binding-card,.preview-header,.preview-header>div{display:flex;align-items:center}.brand-group{gap:11px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(145deg,#3d61db,#7665e7);box-shadow:0 8px 18px #5272e947}.brand-group>div:last-child,.panel-title>div,.preview-header>div{flex-direction:column;align-items:flex-start;gap:2px}.brand-group strong{font-size:15px}.brand-group span,.panel-title span,.preview-header span{color:var(--muted);font-size:11px}.document-breadcrumb{gap:9px;min-width:0}.document-kind,.kind-badge{border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;color:#536271;background:#edf1f5}.document-breadcrumb strong{font-size:14px}.save-state{color:#738094;font-size:11px;margin-left:2px}.save-state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3db985;margin-right:5px}.save-state.is-dirty:before{background:#f0a84b}.save-state.is-error{color:#c7464d}.save-state.is-error:before{background:#df515a}.topbar-actions{justify-content:flex-end;gap:7px}.portal-user-context{display:flex;align-items:center;gap:7px;padding-right:9px;border-right:1px solid var(--line)}.portal-user-context>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#334b68;font-size:12px}.portal-user-context strong{max-width:72px;overflow:hidden;color:#3a4453;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.button.portal-return{display:inline-flex;align-items:center;color:#414958;text-decoration:none}.viewport-switcher,.segmented{display:flex;padding:3px;background:#f0f3f7;border-radius:8px}.viewport-switcher button,.segmented button{border:0;background:transparent;border-radius:6px;height:30px;min-width:32px;cursor:pointer}.viewport-switcher button.is-active,.segmented button.is-active{color:var(--brand);background:#fff;box-shadow:0 2px 7px #1c273e17}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.environment-select,.button{height:34px;border-radius:8px;border:1px solid var(--line);background:#fff;padding:0 12px;cursor:pointer}.button.primary{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}.button.primary:hover{background:var(--brand-dark)}.button.publish{color:#0b7a4b;border-color:#8ed9b5;background:#edfff6;font-weight:600}.button.publish:hover:not(:disabled){color:#075f3a;border-color:#54bf8b;background:#dcf9eb}.button.secondary:hover,.icon-button:hover:not(:disabled){border-color:#bbc6d8;background:#f8faff}.editor-workspace{height:100%;min-height:0;display:grid;grid-template-columns:72px 278px minmax(480px,1fr) 360px;grid-template-rows:minmax(0,1fr);overflow:hidden}.left-navigation{background:var(--nav);padding:12px 8px;display:flex;flex-direction:column;gap:5px}.left-navigation button{border:0;background:transparent;color:#8e9bb0;border-radius:10px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:12px}.left-navigation button:hover{color:#dbe4f5;background:#ffffff0d}.left-navigation button.is-active{color:#fff;background:linear-gradient(145deg,#5c77ed57,#5c77ed2e);box-shadow:inset 3px 0 #6f8cff}.nav-icon{font-size:21px;line-height:1}.resource-panel,.inspector{min-width:0;background:var(--panel);border-right:1px solid var(--line);overflow:hidden}.panel-title{height:62px;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid var(--line)}.panel-title strong{font-size:16px}.panel-title>button{border:0;background:#f4f6f9;color:#7f8999;width:28px;height:28px;border-radius:7px;cursor:pointer}.panel-scroll{height:calc(100% - 62px);overflow:auto;padding:14px;scrollbar-width:thin;scrollbar-color:#c4ccd8 transparent}.panel-section-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 2px 8px}.panel-section-heading strong{font-size:12px;color:#687487;text-transform:uppercase;letter-spacing:.03em}.panel-section-heading button{border:0;background:transparent;color:var(--brand);cursor:pointer}.project-item{width:100%;gap:10px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;text-align:left;cursor:pointer}.project-item.is-active{border-color:#b9c7f7;background:#f5f7ff}.project-item>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:2px}.project-item small,.asset-card small,.interface-card small,.issue-card small,.binding-summary small,.binding-card small{color:var(--muted);font-size:10px}.project-item em{font-style:normal;font-size:10px;color:var(--brand)}.empty-compact{color:#929baa;background:#f8f9fb;border:1px dashed #dce2ea;border-radius:9px;font-size:11px;line-height:1.5;padding:13px}.project-scroll{position:relative}.project-selector-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,32px);gap:6px;margin-bottom:12px}.project-selector-row select,.project-selector-row button{min-width:0;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff}.project-selector-row select{padding:0 9px;font-size:12px;font-weight:600}.project-selector-row button{color:var(--brand);cursor:pointer;font-size:17px}.workspace-error{margin-bottom:10px;padding:9px 10px;border-radius:8px;color:#a33d46;background:#fff0f1;border:1px solid #f6cfd2;font-size:10px;line-height:1.5}.workspace-error{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.workspace-error button{border:0;padding:0;color:#8f2632;background:transparent;font-size:10px;font-weight:700;text-decoration:underline;cursor:pointer}.workspace-loading{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#778397;font-size:10px}.workspace-loading span{width:12px;height:12px;border:2px solid #d8dfeb;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.project-document-group{margin-bottom:14px}.heading-actions{display:flex;align-items:center;gap:3px}.heading-actions button{font-size:10px;padding:3px 5px}.project-item-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:stretch;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:7px;overflow:hidden}.project-item-row:hover{border-color:#b9c7e7}.project-item-row.is-active{border-color:#aebef3;background:#f5f7ff}.project-item-main{min-width:0;border:0;background:transparent;padding:9px 7px 9px 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.project-item-main>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:2px}.project-item-main strong{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.project-item-main small{color:var(--muted);font-size:9px}.project-item-main em{color:var(--brand);font-style:normal;font-size:9px}.project-item-delete{border:0;border-left:1px solid transparent;background:transparent;color:#a0a9b7;cursor:pointer;opacity:0}.project-item-row:hover .project-item-delete{opacity:1}.project-item-delete:hover{color:#c7464d;background:#fff1f2;border-left-color:#f5dadd}.project-item-delete[title=重命名]:hover{color:var(--brand);background:#eef2ff;border-left-color:#d9e1fb}.asset-panel{height:calc(100% - 62px);display:flex;flex-direction:column;padding-top:12px}.full-width{margin:0 14px 10px}.full-width button{flex:1}.search-box{margin:0 14px;height:36px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#8a95a7}.search-box.inset{margin:0 0 12px}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.asset-scroll{padding-top:5px;flex:1;height:auto}.asset-category{margin-top:12px}.category-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-heading strong{font-size:12px}.category-heading span{color:#99a3b2;font-size:10px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:grab}.asset-card:hover{border-color:#aebff6;background:#f7f9ff;box-shadow:0 5px 14px #3a4e7814;transform:translateY(-1px)}.asset-card strong{font-size:12px}.asset-icon{font-size:24px;color:#7384b4}.panel-footer-button{margin:10px 14px 14px;height:38px;border:1px solid #cfd8e7;color:#4e63a5;background:#fff;border-radius:9px;cursor:pointer}.interface-filter{display:flex;gap:5px;margin-bottom:12px}.interface-filter button{border:0;background:#f1f3f7;border-radius:7px;padding:5px 9px;font-size:11px;cursor:pointer}.interface-filter button.is-active{background:#e9edff;color:var(--brand)}.interface-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;gap:10px;margin-bottom:8px;cursor:pointer;text-align:left}.interface-card>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;font-weight:700}.interface-card>span:nth-child(2),.issue-card>span:nth-child(2),.binding-card>div{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:2px}.interface-card em{font-style:normal;color:#a0a9b8}.panel-note,.property-help{margin-top:14px;padding:11px;border-radius:8px;background:#f6f8fb;color:#7a8496;font-size:11px;line-height:1.55}.interface-detail-page{padding-top:12px}.interface-detail-back{display:inline-flex;align-items:center;gap:5px;min-height:34px;margin:0 0 12px;padding:0 9px;border:1px solid var(--line);border-radius:7px;color:#526077;background:#fff;font-size:12px;cursor:pointer}.interface-detail-back:hover{color:var(--brand);border-color:#a9baf5;background:#f7f9ff}.interface-detail-hero{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.interface-detail-hero>span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:15px;font-weight:700}.interface-detail-hero>div{min-width:0;display:flex;flex-direction:column;gap:3px}.interface-detail-hero small{color:var(--muted);font-size:10px}.interface-detail-hero strong{overflow:hidden;color:#263247;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.interface-detail-meta{display:grid;gap:7px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.interface-detail-meta label{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:8px;font-size:11px}.interface-detail-meta label>span{color:var(--muted)}.interface-detail-meta strong,.interface-detail-meta code{min-width:0;overflow-wrap:anywhere;color:#39465a;font-size:11px;font-weight:600}.interface-detail-section{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fff}.interface-detail-section h3{margin:0;color:#2d394e;font-size:13px}.interface-detail-section>p{margin:8px 0 0;color:#6d788a;font-size:11px;line-height:1.65}.interface-detail-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.interface-detail-section-title>span{min-width:22px;height:20px;display:grid;place-items:center;border-radius:10px;color:var(--brand);background:#edf1ff;font-size:10px;font-weight:700}.interface-detail-fields{display:grid;gap:7px}.interface-detail-field{min-width:0;display:grid;gap:4px;padding:9px;border:1px solid #e7eaf0;border-radius:7px;background:#fafbfc}.interface-detail-field>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.interface-detail-field strong{min-width:0;color:#354158;font-size:11px}.interface-detail-field em{padding:2px 5px;border-radius:8px;color:#b5464f;background:#fff0f1;font-size:9px;font-style:normal}.interface-detail-field code{overflow-wrap:anywhere;color:#536fe0;font-size:10px}.interface-detail-field>span{color:#7d8797;font-size:10px}.interface-detail-field p{margin:0;color:#7d8797;font-size:10px;line-height:1.5}.interface-detail-json{margin-top:12px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.interface-detail-json summary{padding:11px 12px;color:#445069;font-size:11px;cursor:pointer}.interface-detail-json pre{max-height:260px;margin:0;padding:11px;overflow:auto;color:#d7def0;background:#202838;font-size:9px;line-height:1.55}.layer-tree{padding:10px 8px}.layer-row{width:100%;border:0;background:transparent;height:34px;display:flex;align-items:center;gap:7px;border-radius:7px;font-size:12px;cursor:pointer;text-align:left}.layer-row:hover{background:#f3f5f8}.layer-row.is-active{background:#edf1ff;color:#405ecd}.kind-dot{width:7px;height:7px;border-radius:50%;background:#8d98aa}.kind-dot.component{background:#4bb89c}.issue-summary{padding:13px;background:#f7f8fb;border-radius:10px;display:flex;align-items:baseline;gap:5px;margin-bottom:10px}.issue-summary strong{font-size:22px}.issue-summary span{color:var(--muted);font-size:11px}.issue-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px;gap:9px;text-align:left;margin-bottom:7px;cursor:pointer}.issue-card>span:first-child{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800}.issue-card.warning>span:first-child{color:#9b6719;background:#fff0d1}.issue-card.error>span:first-child{color:#bd3842;background:#ffe5e7}.issue-card.suggestion>span:first-child{color:#346ab5;background:#e6f0ff}.center-column{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#e9edf2}.canvas-area{width:100%;height:100%;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.canvas-toolbar{height:42px;padding:0 12px 0 16px;background:#f8f9fb;border-bottom:1px solid #dce2ea;display:flex;align-items:center;justify-content:space-between}.canvas-toolbar>div{display:flex;align-items:center;gap:8px}.canvas-toolbar strong{font-size:12px}.canvas-toolbar span{color:#8993a2;font-size:10px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.online{background:#2fc28b}.canvas-toolbar button{height:26px;min-width:26px;border:1px solid #dce2e9;background:#fff;border-radius:6px;font-size:11px;cursor:pointer}.canvas-scroll{position:relative;flex:1 1 0;width:100%;height:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:48px 52px 120px;background-color:#edf0f4;background-image:radial-gradient(#cfd5de .7px,transparent .7px);background-size:14px 14px}.ruler{position:absolute;pointer-events:none;opacity:.7}.ruler-horizontal{left:30px;right:0;top:0;height:25px;border-bottom:1px solid #c7cdd7;background:repeating-linear-gradient(90deg,transparent 0 9px,#8e98a7 9px 10px,transparent 10px 49px,#667283 49px 50px)}.ruler-vertical{top:25px;bottom:0;left:0;width:30px;border-right:1px solid #c7cdd7;background:repeating-linear-gradient(180deg,transparent 0 9px,#8e98a7 9px 10px,transparent 10px 49px,#667283 49px 50px)}.device-frame{margin:0 auto;min-height:760px;background:#fff;border:1px solid #cfd6e0;border-radius:16px;box-shadow:0 18px 45px #202c4324;overflow:visible;transition:width .22s ease}.device-frame.viewport-desktop{min-width:900px}.device-frame-header{height:28px;background:#f7f8fa;border-bottom:1px solid #e3e7ed;border-radius:16px 16px 0 0;display:flex;align-items:center;padding:0 10px;gap:5px;position:relative}.device-frame-header span{width:6px;height:6px;border-radius:50%;background:#d1d7df}.device-frame-header strong{font-size:9px;color:#8791a1;position:absolute;left:50%;transform:translate(-50%)}.runtime-root{min-height:720px;border-radius:0 0 16px 16px}.runtime-node{min-width:0}.runtime-node.is-runtime-button{display:flex!important;align-items:center;justify-content:center;padding:0 16px;overflow:hidden;line-height:1.2;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.runtime-node.is-runtime-button>span{display:block;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;pointer-events:none}.preview-device .runtime-node.is-runtime-button,.published-page-device .runtime-node.is-runtime-button{cursor:pointer;transition:background-image .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease,transform .14s ease}.preview-device .runtime-node.is-runtime-button:hover,.published-page-device .runtime-node.is-runtime-button:hover{background-image:linear-gradient(#2468f217,#2468f217);border-color:color-mix(in srgb,currentColor 28%,#75a7ff 72%)!important;box-shadow:0 8px 20px #2468f22e,0 0 0 2px #2468f21a;filter:brightness(.99);transform:translateY(-2px)}.preview-device .runtime-node.is-runtime-button:active,.published-page-device .runtime-node.is-runtime-button:active{box-shadow:inset 0 2px 5px #0f172a2e,0 2px 7px #2468f21f;filter:brightness(.94);transform:translateY(1px) scale(.995)}.preview-device .runtime-node.is-runtime-button:focus-visible,.published-page-device .runtime-node.is-runtime-button:focus-visible{outline:3px solid rgb(37 99 235 / 34%);outline-offset:3px;box-shadow:0 0 0 5px #2563eb1a}@media(prefers-reduced-motion:reduce){.preview-device .runtime-node.is-runtime-button,.published-page-device .runtime-node.is-runtime-button{transition:none}.preview-device .runtime-node.is-runtime-button:hover,.preview-device .runtime-node.is-runtime-button:active,.published-page-device .runtime-node.is-runtime-button:hover,.published-page-device .runtime-node.is-runtime-button:active{transform:none}}.runtime-node-label{position:absolute;top:-18px;left:-2px;z-index:5;padding:2px 6px;border-radius:4px 4px 0 0;background:var(--brand);color:#fff;font-size:8px;line-height:14px;white-space:nowrap;opacity:0;pointer-events:none}.runtime-node.is-selected>.runtime-node-label{opacity:1}.runtime-empty-drop{min-height:70px;width:100%;border:1px dashed #bec9d9;border-radius:8px;display:grid;place-items:center;color:#9ca7b7;font-size:11px;background:repeating-linear-gradient(-45deg,#fafbfc,#fafbfc 6px,#f5f7fa 6px 12px)}.runtime-root>.runtime-empty-drop{min-height:620px}.runtime-image-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#98a5b7}.runtime-image-placeholder span{font-size:28px}.runtime-image-placeholder small{font-size:10px}.runtime-list-preview,.runtime-form-preview{display:flex;flex-direction:column;gap:7px;width:100%}.runtime-list-row{display:flex;gap:9px;align-items:center;border:1px solid #ebedf2;border-radius:8px;padding:8px}.runtime-list-index{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#536fe0;background:#edf1ff;font-size:10px}.runtime-list-row>span:last-child{display:flex;flex-direction:column;gap:2px}.runtime-list-row strong{font-size:11px}.runtime-list-row small{color:#9aa3b2;font-size:8px}.runtime-list-row em{color:#657186;font-size:8px;font-style:normal;margin-top:2px}.runtime-list-state{min-height:76px;width:100%;display:grid;place-items:center;border:1px dashed #d7deea;border-radius:8px;color:#8a95a6;font-size:10px;background:#fafbfc}.runtime-list-state.error{color:#bd4c55;border-color:#efc7ca;background:#fff7f7}.runtime-form-preview strong{margin-bottom:2px}.runtime-field-placeholder{height:34px;border:1px solid #dde3ec;background:#fafbfc;border-radius:7px;color:#a1a9b6;display:flex;align-items:center;padding:0 10px;font-size:10px}.runtime-field-placeholder.short{width:96px;justify-content:center;background:#edf1ff;color:#526dde}.runtime-control-input{width:100%;height:100%;min-height:38px;padding:0 12px;border:0;outline:0;border-radius:inherit;color:inherit;background:transparent;font:inherit;box-sizing:border-box}.preview-device .runtime-control-input::placeholder{color:#94a3b8;opacity:1}.preview-device .runtime-control-input:focus{box-shadow:inset 0 0 0 2px #2563eb}.runtime-control-input:disabled{color:#7e899a;background:#f7f9fc;cursor:not-allowed}.runtime-data-status{width:100%;padding:10px 12px;border-radius:8px;color:#60708a;background:#f2f5fa;font-size:11px;box-sizing:border-box}.runtime-data-status.error{color:#bd4c55;background:#fff0f1}.bottom-panel{width:100%;height:128px;min-height:0;overflow:hidden;background:#151c2a;color:#d3dae7;transition:height .16s ease}.bottom-panel.is-collapsed{height:34px}.bottom-tabs{height:34px;display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.08)}.bottom-tabs button{border:0;background:transparent;color:#8e9aab;padding:0 14px;font-size:10px;cursor:pointer}.bottom-tabs button.is-active{color:#fff;background:#ffffff0d;box-shadow:inset 0 -2px var(--brand)}.bottom-tabs button span{padding:1px 5px;border-radius:8px;margin-left:3px;background:#ffffff17}.bottom-collapse{margin-left:auto}.bottom-content{height:94px;overflow:auto;padding:9px 14px;font-family:Cascadia Code,Consolas,monospace;display:flex;flex-direction:column;gap:5px}.log-line,.log-empty{font-size:10px}.log-line.warning{color:#efc06a}.log-line.error{color:#ff8890}.log-line.success{color:#6fd6ad}.log-line.suggestion,.log-empty{color:#8fa4c2}.log-json{margin:2px 0 0;padding:8px 10px;border-radius:6px;background:#ffffff0b;color:#b8c7dc;font-size:9px;line-height:1.55;white-space:pre-wrap}.inspector{border-right:0;border-left:1px solid var(--line);display:flex;flex-direction:column}.inspector-heading{height:62px;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.inspector-heading>div{gap:8px;min-width:0}.inspector-heading strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-heading>span{font-size:9px;color:#9aa4b3;font-family:monospace}.kind-badge.control{color:#5d6b7c;background:#edf0f4}.kind-badge.component{color:#087c65;background:#ddf7ef}.inspector-tabs{height:45px;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.inspector-tabs button{border:0;background:transparent;color:#697486;font-size:10px;padding:0 3px;cursor:pointer;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-tabs button.is-active{color:var(--brand);font-weight:700}.inspector-tabs button.is-active:after{content:"";height:2px;position:absolute;left:12px;right:12px;bottom:0;background:var(--brand);border-radius:2px}.inspector-scroll{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#c4ccd8 transparent}.property-section{padding:15px;border-bottom:1px solid var(--line)}.property-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.property-section-title strong{font-size:12px}.property-section-title span{color:#929dac;font-size:10px}.property-field{min-height:36px;margin-bottom:10px;display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px}.property-field.vertical{grid-template-columns:1fr;gap:6px}.property-field>span,.property-grid label>span{color:#6e798b;font-size:11px}.property-field input,.property-field select,.property-field textarea,.property-grid input,.property-grid select{min-width:0;width:100%;border:1px solid #dce2eb;background:#fff;border-radius:8px;outline:0;padding:8px 9px;font-size:11px;color:#354053}.property-field input:focus,.property-field select:focus,.property-field textarea:focus,.property-grid input:focus,.property-grid select:focus{border-color:#91a6ee;box-shadow:0 0 0 3px #5272e917}.property-field input:disabled{background:#f5f6f8;color:#8d97a6}.property-control-stack{min-width:0;display:flex;flex-direction:column;gap:4px}.property-control-stack small{color:#8a95a6;font-size:9px;line-height:1.45}.property-empty-note{padding:12px;border:1px dashed #d8dee8;border-radius:8px;background:#f8f9fb;color:#8490a1;font-size:10px;line-height:1.55}.property-grid{display:grid;gap:9px}.property-grid.two-columns{grid-template-columns:1.4fr .8fr}.property-grid label{display:flex;flex-direction:column;gap:5px}.compact-grid{margin-bottom:10px}.dimension-grid{display:grid;gap:9px}.dimension-field{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:end;gap:7px}.dimension-field label{min-width:0;display:flex;flex-direction:column;gap:5px}.dimension-field label span{color:#6e798b;font-size:11px}.dimension-field input,.dimension-field select{min-width:0;width:100%;height:34px;border:1px solid #dce2eb;background:#fff;border-radius:8px;outline:0;padding:7px 9px;font-size:11px;color:#354053}.dimension-field input:disabled{background:#f5f6f8;color:#8d97a6}.box-model-editor+.box-model-editor{margin-top:13px;padding-top:13px;border-top:1px dashed #dde2ea}.box-model-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.box-model-heading strong{font-size:11px}.box-model-heading span{color:#98a2b1;font-size:9px}.box-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.box-model-grid label{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.box-model-grid label span{color:#7d8796;font-size:9px}.box-model-grid input{min-width:0;width:100%;height:31px;border:1px solid #dce2eb;border-radius:7px;padding:5px;text-align:center;font-size:10px}.inline-actions{display:flex;gap:7px}.inline-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;height:32px;padding:0 11px;font-size:11px;cursor:pointer}.inline-actions button:disabled{cursor:not-allowed;opacity:.45}.inline-actions button.is-active{color:#8c6412;border-color:#f0d28e;background:#fff6dc}.inline-actions .danger{color:#c7464d;margin-left:auto}.color-field{display:grid;grid-template-columns:1fr 34px;gap:5px}.color-field input[type=color]{padding:3px;height:34px}.range-field{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:7px}.range-field input{padding:0}.range-field em{color:#687487;font-size:10px;font-style:normal;text-align:right}.toggle-field{display:flex;align-items:center;gap:8px;min-height:34px;color:#546174;font-size:11px;cursor:pointer}.toggle-field input{width:16px;height:16px;accent-color:var(--brand)}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skin-grid button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px;display:flex;flex-direction:column;gap:6px;cursor:pointer;font-size:9px}.skin-grid button.is-active{border-color:#7f98ec;box-shadow:0 0 0 2px #5272e91a}.skin-preview{height:46px;width:100%;border-radius:6px;display:block;background:#f4f5f7}.skin-preview.soft{background:#fff;box-shadow:0 7px 13px #1c2a462e;border:1px solid #edf0f4}.skin-preview.gradient{background:linear-gradient(135deg,#536fe8,#7658d6)}.placeholder-card{margin-top:12px;padding:12px;border:1px dashed #cfd6e1;border-radius:9px;display:flex;flex-direction:column;gap:4px}.placeholder-card strong{font-size:11px}.placeholder-card span{color:#8c96a5;font-size:9px;line-height:1.5}.static-notice{padding:14px;text-align:center;border-radius:10px;background:#f6f8fb}.static-notice>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e7ebf1;color:#697587;margin:0 auto 8px;font-size:11px}.static-notice strong{font-size:11px}.static-notice p{color:#818c9c;font-size:9px;line-height:1.6;margin:5px 0 0}.binding-summary{padding:10px;gap:9px;border-radius:9px;background:#f4f7ff;margin-bottom:9px}.binding-summary>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#dfe6ff;color:#4764d4;font-weight:800}.binding-summary>div{display:flex;flex-direction:column}.binding-card{gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px;margin-bottom:7px}.binding-card>span{color:var(--brand)}.binding-card button{border:0;background:transparent;color:var(--brand);font-size:10px;cursor:pointer}.wide-action{width:100%;height:34px;border:0;border-radius:8px;color:#fff;background:var(--brand);font-size:11px;cursor:pointer}.wide-action.secondary{color:#4e64c0;background:#edf1ff}.flow-row{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:9px;margin-bottom:8px;font-size:10px}.flow-row span{color:#6f7a8a}.flow-row em{color:#9ba4b1;font-style:normal}.flow-row strong{margin-left:auto}.interaction-flow-editor{display:flex;flex-direction:column;gap:10px}.interaction-flow-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.interaction-flow-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:#69758a;background:#fff;font-size:9px}.interaction-flow-tabs button.is-active{color:#4f68cf;border-color:#9eafea;background:#edf1ff}.interaction-flow-tabs button small{min-width:15px;height:15px;display:grid;place-items:center;border-radius:9px;background:#5272e91f;font-size:8px}.interaction-flow-tabs .add-flow{color:#4f68cf;border-style:dashed}.interaction-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border:1px dashed #ccd4e4;border-radius:9px;color:#7a8699;text-align:center}.interaction-empty strong{color:#384358;font-size:11px}.interaction-empty span{font-size:9px;line-height:1.55}.interaction-empty button,.add-step{border:0;border-radius:7px;padding:7px 10px;color:#fff;background:#5673dc;font-size:9px}.interaction-flow-body{display:flex;flex-direction:column;gap:9px}.interaction-flow-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px;border-radius:9px;background:#f6f8fc}.interaction-flow-meta label,.interaction-config label{display:flex;min-width:0;flex-direction:column;gap:4px;color:#69758a;font-size:8px}.interaction-flow-meta input,.interaction-flow-meta select,.interaction-config input,.interaction-config select,.interaction-step-heading select{width:100%;min-width:0;height:30px;border:1px solid #dce2ed;border-radius:6px;padding:0 7px;color:#344056;background:#fff;font-size:9px}.interaction-flow-meta .delete-flow{grid-column:1 / -1;justify-self:end;border:0;color:#c34d58;background:transparent;font-size:8px}.interaction-sequence{display:flex;flex-direction:column;gap:8px}.interaction-step{padding:8px;border:1px solid #dce2ed;border-left:3px solid #7188df;border-radius:8px;background:#fff}.interaction-step.depth-1{background:#f9faff;border-left-color:#51af88}.interaction-step.depth-2,.interaction-step.depth-3{background:#fffaf2;border-left-color:#e3a34c}.interaction-step-heading{display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:6px}.interaction-step-heading>span{color:#778295;font-size:8px}.interaction-step-heading .icon-danger{width:23px;height:23px;border:0;border-radius:6px;color:#c75661;background:#fff0f1}.interaction-config{display:grid;gap:6px;margin-top:7px}.interaction-config.two-columns,.interaction-config.condition-grid{grid-template-columns:1fr 1fr}.interaction-config.condition-grid label:last-child{grid-column:1 / -1}.interaction-config input[type=color]{padding:3px}.interaction-branches{display:flex;flex-direction:column;gap:7px;margin-top:8px}.interaction-branch{padding:7px;border-radius:7px;background:#f7faf9}.interaction-branch.onFailure{background:#fff8f7}.interaction-branch-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.interaction-branch-heading strong{color:#4b866d;font-size:8px}.interaction-branch.onFailure .interaction-branch-heading strong{color:#b86b64}.interaction-branch-heading button{border:0;color:#526bcf;background:transparent;font-size:8px}.interaction-branch-heading button:disabled{color:#aeb6c5}.interaction-branch>small{color:#b16a68;font-size:8px}.interaction-branch .interaction-step+.interaction-step{margin-top:6px}.add-step{width:100%;background:#edf1ff;color:#4f68cf}.interface-binding-editor{display:flex;flex-direction:column;gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid #e3e7ed}.binding-step-heading{display:flex;align-items:center;gap:7px;margin-top:4px}.binding-step-heading>span{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;color:#4f68cf;background:#e9eeff;font-size:9px;font-weight:800}.binding-step-heading strong{font-size:11px}.binding-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.binding-form-grid label,.binding-field,.mapping-list label{display:flex;flex-direction:column;gap:5px;min-width:0}.binding-form-grid label>span,.binding-field>span,.mapping-list label>span{color:#687487;font-size:9px}.binding-field em{color:#df5660;font-style:normal;margin-left:2px}.binding-form-grid select,.binding-field select,.binding-field input,.mapping-list select{width:100%;min-width:0;height:33px;border:1px solid #dce2eb;border-radius:7px;background:#fff;color:#354053;padding:6px 8px;font-size:10px;outline:0}.binding-description{margin:-2px 0 0;padding:8px;border-radius:7px;background:#f7f8fa;color:#7b8696;font-size:9px;line-height:1.5}.mapping-list{display:flex;flex-direction:column;gap:7px}.mapping-list label{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center}.binding-test-result{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px;border:1px solid #dfe4eb;border-radius:8px;background:#f8f9fb;font-size:9px}.binding-test-result strong{font-size:10px}.binding-test-result span{color:#7c8797;text-align:right}.binding-test-result.success{color:#17845f;border-color:#bfe6d6;background:#f2fbf7}.binding-test-result.error{color:#b74851;border-color:#efc7ca;background:#fff6f6}.response-details{border:1px solid #e0e5ec;border-radius:8px;overflow:hidden}.response-details summary{padding:8px 10px;cursor:pointer;color:#56647a;font-size:9px;background:#f7f8fa}.response-details pre{max-height:180px;overflow:auto;margin:0;padding:9px;background:#1e2635;color:#c4d0e1;font-size:8px;line-height:1.5;white-space:pre-wrap}.binding-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:7px}.binding-actions button{height:34px;border:0;border-radius:8px;color:#fff;background:var(--brand);font-size:10px;cursor:pointer}.binding-actions button.secondary{color:#4f64c2;background:#e9edff}.binding-actions button:disabled{opacity:.45;cursor:not-allowed}.empty-state{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8f99a8;text-align:center}.empty-state>span{font-size:24px;color:#42ae84}.empty-state strong{font-size:12px;color:#667284}.empty-state small{font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0c121eb8;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.preview-modal{width:min(1180px,calc(100vw - 60px));height:min(820px,calc(100vh - 60px));background:#f0f2f5;border-radius:16px;overflow:hidden;box-shadow:0 35px 90px #0000005c}.preview-header{height:58px;padding:0 16px 0 20px;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.preview-header button{border:1px solid var(--line);background:#fff;border-radius:8px;height:32px;padding:0 13px;cursor:pointer}.preview-stage{height:calc(100% - 58px);overflow:auto;padding:28px;display:grid;place-items:start center}.preview-device{background:#fff;min-height:720px;border-radius:12px;box-shadow:0 14px 40px #1f2a4024;overflow:hidden}.preview-device.viewport-mobile{width:390px}.preview-device.viewport-tablet{width:768px}.preview-device.viewport-desktop{width:1100px}.runtime-feedback-stack{position:fixed;z-index:1001;right:34px;top:86px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.runtime-feedback{min-width:180px;max-width:320px;padding:11px 14px;border-radius:9px;color:#213047;background:#eef3ff;border-left:4px solid #5272e9;box-shadow:0 10px 30px #1e2a462e;font-size:12px}.runtime-feedback.success{background:#eaf8f2;border-left-color:#36a574}.runtime-feedback.warning{background:#fff7e7;border-left-color:#e7a43b}.runtime-feedback.error{background:#fff0f1;border-left-color:#d85863}.asset-manager-backdrop{z-index:120;padding:28px}.asset-manager-modal{width:min(980px,calc(100vw - 56px));max-height:min(820px,calc(100vh - 56px));display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#f5f7fa;box-shadow:0 34px 90px #08122a61}.asset-manager-header{min-height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e5ee;background:#fff}.asset-manager-header>div{display:flex;flex-direction:column;gap:3px}.asset-manager-header strong{color:#263247;font-size:17px}.asset-manager-header span{color:#8a95a6;font-size:10px}.asset-manager-header button{height:34px;padding:0 13px;border:1px solid #d9e0eb;border-radius:8px;color:#526077;background:#fff;cursor:pointer}.asset-manager-body{padding:18px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:14px;overflow:auto}.asset-create-card,.asset-package-card,.project-asset-list{padding:16px;border:1px solid #e0e5ed;border-radius:12px;background:#fff}.project-asset-list{grid-column:1 / -1}.asset-manager-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:13px}.asset-manager-section-title strong{color:#2d394e;font-size:13px}.asset-manager-section-title span{color:#8c96a6;font-size:9px}.asset-form-grid{display:grid;grid-template-columns:1.4fr 1fr 72px;gap:9px}.asset-form-grid label{display:flex;flex-direction:column;gap:5px;color:#69758a;font-size:9px}.asset-form-grid input{width:100%;min-width:0;height:35px;padding:0 9px;border:1px solid #dce2ec;border-radius:7px;outline:0}.asset-form-grid .asset-description{grid-column:1 / -1}.asset-template-choice{margin:12px 0;padding:10px;display:flex;align-items:flex-start;gap:9px;border-radius:9px;background:#f5f7fc}.asset-template-choice input{margin-top:2px;accent-color:var(--brand)}.asset-template-choice span{display:flex;flex-direction:column;gap:3px}.asset-template-choice strong{color:#445169;font-size:10px}.asset-template-choice small{color:#8994a5;font-size:9px;line-height:1.5}.primary-action{height:36px;padding:0 18px;border:0;border-radius:8px;color:#fff;background:var(--brand);cursor:pointer}.primary-action:disabled{opacity:.5;cursor:default}.asset-package-card>p{color:#778397;font-size:9px;line-height:1.6}.package-upload{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #aebce5;border-radius:10px;color:#526bcf;background:#f7f9ff;cursor:pointer}.package-upload input{display:none}.package-upload>span{font-size:20px}.package-upload strong{font-size:10px}.package-upload.disabled{opacity:.5;cursor:default}.project-asset-row{min-height:52px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid #edf0f4}.project-asset-row>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#526bcf;background:#edf1ff}.project-asset-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.project-asset-row strong{font-size:11px}.project-asset-row small{color:#8c96a5;font-size:8px}.project-asset-row button{border:0;color:#c1505a;background:transparent;font-size:9px;cursor:pointer}.asset-manager-message{padding:11px 18px;border-top:1px solid #dfe4ed;color:#3f5eae;background:#edf2ff;font-size:10px}.asset-manager-workbench{width:min(1380px,calc(100vw - 56px));height:min(860px,calc(100vh - 56px));max-height:none}.asset-manager-workbench-body{min-height:0;flex:1;display:grid;grid-template-columns:350px minmax(0,1fr);overflow:hidden}.asset-manager-sidebar{min-height:0;padding:14px;display:flex;flex-direction:column;gap:12px;overflow:auto;border-right:1px solid #e1e5ed;background:#f6f8fb}.asset-manager-sidebar .asset-create-card,.asset-manager-sidebar .asset-package-card,.asset-manager-sidebar .project-asset-list{padding:13px}.asset-manager-sidebar .project-asset-list{min-height:210px;flex:1;display:flex;flex-direction:column}.asset-creation-modes{margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.asset-creation-modes>button{min-height:70px;padding:9px;display:flex;flex-direction:column;gap:5px;border:1px solid #dce2ed;border-radius:8px;color:#536078;text-align:left;background:#fff;cursor:pointer}.asset-creation-modes>button strong{color:#344158;font-size:10px}.asset-creation-modes>button small{color:#8a95a7;font-size:8px;line-height:1.45}.asset-creation-modes>button.is-active{border-color:#7189e4;background:#f1f4ff;box-shadow:0 0 0 2px #5272e914}.asset-creation-modes>button:disabled{opacity:.55;cursor:not-allowed}.asset-form-grid-compact{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) 54px}.asset-package-card-compact .package-upload{min-height:72px}.package-upload small{color:#8a96aa;font-size:8px}.package-upload-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.package-upload-options .package-upload{min-width:0;min-height:74px}.package-upload-options .package-upload-zip{color:#2c7a5c;border-color:#a9d9c7;background:#f1fbf7}.zip-analysis-result{margin-top:9px;padding:9px;border:1px solid #d9e1ee;border-radius:8px;background:#fbfcfe}.zip-analysis-result>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.zip-analysis-result>header div{min-width:0;display:flex;flex-direction:column;gap:2px}.zip-analysis-result>header strong{color:#334158;font-size:9px}.zip-analysis-result>header small{overflow:hidden;color:#8994a6;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.zip-analysis-result>header>span{flex:0 0 auto;padding:3px 6px;border-radius:999px;color:#9a661b;background:#fff1cf;font-size:7px}.zip-analysis-metrics{margin:8px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.zip-analysis-metrics span{padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:6px;color:#7b8799;background:#f1f4f8;font-size:6px}.zip-analysis-metrics strong{color:#42536c;font-size:11px}.zip-analysis-drafts{display:flex;flex-direction:column;gap:4px}.zip-analysis-drafts>div{padding:6px 7px;display:flex;flex-direction:column;gap:2px;border:1px solid #e6eaf0;border-radius:6px;background:#fff}.zip-analysis-drafts strong{color:#3c495f;font-size:8px}.zip-analysis-drafts small{color:#8c97a8;font-size:7px}.zip-analysis-result>p,.zip-analysis-result details p{margin:5px 0 0;display:flex;justify-content:space-between;gap:8px;color:#7c8798;font-size:7px}.zip-analysis-result>p strong,.zip-analysis-result details p strong{color:#4b586e}.zip-analysis-result details{margin-top:7px;padding-top:6px;border-top:1px solid #e6eaf0}.zip-analysis-result summary{color:#596b9d;font-size:7px;cursor:pointer}.zip-analysis-result footer{margin-top:8px;padding:6px;border-radius:5px;color:#8b641f;background:#fff7e7;font-size:7px;line-height:1.5}.asset-list-scope-tabs{margin-bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.asset-list-scope-tabs button{height:27px;border:1px solid transparent;border-radius:6px;color:#778398;background:#f2f4f8;font-size:8px;cursor:pointer}.asset-list-scope-tabs button.is-active{border-color:#b9c6ee;color:#3e5fc7;background:#edf2ff}.asset-library-scroll{min-height:0;flex:1;overflow:auto}.asset-library-row{width:100%;position:relative;grid-template-columns:32px minmax(0,1fr);border:0;border-top:1px solid #edf0f4;text-align:left;background:transparent;cursor:pointer}.asset-library-row.is-active{border-radius:8px;background:#eef3ff}.asset-library-row em{width:max-content;padding:2px 5px;border-radius:999px;font-size:7px;font-style:normal}.asset-status{display:inline-flex;align-items:center;width:max-content;padding:2px 6px;border-radius:999px;color:#277d5a;background:#e9f7f1;font-size:8px;font-style:normal}.asset-status-draft{color:#9b6818;background:#fff4da}.asset-status-testing,.asset-status-review{color:#3e5fc7;background:#edf2ff}.asset-status-deprecated{color:#8b5260;background:#faebee}.asset-studio-entry{width:100%;min-height:64px;margin-bottom:9px;padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;border:1px solid #bfcdf5;border-radius:9px;color:#3457c5;text-align:left;background:linear-gradient(135deg,#f5f7ff,#edf2ff);cursor:pointer}.asset-studio-entry strong{font-size:11px}.asset-studio-entry small{color:#7d8cb5;font-size:8px;line-height:1.45}.asset-studio-entry span{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:9px}.asset-quick-create-label{margin:8px 0;color:#929caf;font-size:8px;text-align:center}.asset-manager-detail{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}.asset-detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8c97a9}.asset-detail-empty strong{color:#445168;font-size:15px}.asset-detail-empty span{font-size:10px}.asset-detail-header{min-height:82px;padding:13px 18px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #e7eaf0}.asset-detail-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#4b68d3;background:#edf2ff;font-size:19px}.asset-detail-header>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.asset-detail-header>div:nth-child(2)>strong{color:#263247;font-size:15px}.asset-detail-header>div:nth-child(2)>small{overflow:hidden;color:#9aa4b4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.asset-detail-header p{margin:2px 0 0;display:flex;align-items:center;gap:6px;color:#778398;font-size:8px}.asset-detail-actions{display:flex;align-items:center;gap:7px}.asset-detail-actions button{height:31px;padding:0 10px;border:1px solid #d9dfeb;border-radius:7px;color:#536078;background:#fff;font-size:9px;cursor:pointer}.asset-detail-actions button.primary-button{border-color:var(--brand);color:#fff;background:var(--brand)}.asset-detail-actions button.danger-text{border-color:#efd8dc;color:#b74c58}.asset-detail-actions button:disabled{opacity:.45;cursor:default}.asset-detail-tabs{min-height:42px;padding:0 18px;display:flex;gap:20px;border-bottom:1px solid #e7eaf0;background:#fbfcfe}.asset-detail-tabs button{position:relative;border:0;color:#737f93;background:transparent;font-size:10px;cursor:pointer}.asset-detail-tabs button.is-active{color:#2f59ce;font-weight:600}.asset-detail-tabs button.is-active:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--brand)}.asset-detail-content{min-height:0;flex:1;padding:16px 18px;overflow:auto}.asset-overview-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(380px,1.2fr);gap:14px}.asset-metadata-form,.asset-runtime-preview,.asset-contract-editor,.asset-usage-panel,.asset-version-panel{border:1px solid #e0e5ed;border-radius:11px;background:#fff}.asset-metadata-form{padding:14px}.asset-metadata-form h3,.asset-runtime-preview h3,.asset-contract-editor h3,.asset-usage-panel h3,.asset-version-panel h3{margin:0;color:#2e3a50;font-size:12px}.asset-metadata-form .asset-form-grid{margin-top:12px;grid-template-columns:1fr 1fr}.asset-form-grid select,.asset-form-grid textarea{width:100%;min-width:0;padding:7px 9px;border:1px solid #dce2ec;border-radius:7px;color:#38455b;background:#fff;outline:0;font:inherit;resize:vertical}.asset-capability-list{margin-top:12px;padding:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-radius:8px;background:#f6f8fb}.asset-capability-list strong{width:100%;color:#46536a;font-size:9px}.asset-capability-list span{width:100%;overflow:hidden;color:#70809a;font-family:Consolas,monospace;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.asset-capability-list small{padding:3px 6px;border-radius:5px;color:#60708c;background:#fff;font-size:8px}.asset-runtime-preview{min-width:0;display:flex;flex-direction:column;overflow:hidden}.asset-runtime-preview>header{min-height:54px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e8ebf1}.asset-runtime-preview>header div{display:flex;flex-direction:column;gap:3px}.asset-runtime-preview>header small{color:#8b96a8;font-size:8px}.asset-runtime-preview>header button,.asset-runtime-preview>footer button{height:29px;padding:0 9px;border:1px solid #cdd7f4;border-radius:6px;color:#4561c6;background:#f3f6ff;font-size:8px;cursor:pointer}.asset-runtime-preview>header button.is-active{color:#237d59;border-color:#b9e5d3;background:#ecf9f3}.asset-preview-stage{height:470px;overflow:auto;background:#f5f7fb}.asset-preview-stage>div{min-height:100%}.asset-runtime-preview>footer{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e8ebf1}.asset-runtime-preview>footer span{color:#a46f20;font-size:8px}.asset-runtime-preview>footer span.is-pass{color:#277d5a}.asset-contract-editor,.asset-usage-panel,.asset-version-panel{padding:14px}.asset-contract-editor>header,.asset-usage-panel>header,.asset-version-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.asset-contract-editor>header p,.asset-usage-panel>header p,.asset-version-panel>header p{margin:4px 0 12px;color:#8994a6;font-size:9px}.asset-contract-editor>header button{height:29px;padding:0 9px;border:1px solid #cbd6f5;border-radius:6px;color:#4561c6;background:#f2f5ff;font-size:8px;cursor:pointer}.asset-contract-empty{padding:28px;border:1px dashed #dce2ec;border-radius:8px;color:#8d98a9;text-align:center;background:#fafbfd;font-size:9px}.asset-contract-row{margin-top:10px;padding:11px;border:1px solid #e4e8ef;border-radius:9px;background:#fbfcfe}.asset-contract-row-heading{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between}.asset-contract-row-heading strong{color:#435169;font-size:10px}.asset-contract-row-heading button{border:0;color:#b4515b;background:transparent;font-size:8px;cursor:pointer}.asset-contract-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.asset-contract-fields label{display:flex;flex-direction:column;gap:4px;color:#778398;font-size:8px}.asset-contract-fields input,.asset-contract-fields select{min-width:0;width:100%;height:32px;padding:0 8px;border:1px solid #dce2ec;border-radius:6px;color:#39465b;background:#fff;font-size:9px}.asset-contract-fields input[type=color]{padding:3px}.asset-contract-fields .asset-contract-wide{grid-column:span 2}.asset-contract-flags{margin-top:9px;display:flex;gap:18px;color:#65728a;font-size:8px}.asset-contract-flags label{display:flex;align-items:center;gap:5px}.asset-contract-flags input{accent-color:var(--brand)}.asset-detail-warning{padding:11px;border:1px solid #f0d9ab;border-radius:7px;color:#93641d;background:#fff9ed;font-size:9px}.asset-usage-row,.asset-version-row{width:100%;min-height:54px;padding:7px 9px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-top:1px solid #e9ecf2;color:inherit;text-align:left;background:#fff}button.asset-usage-row{cursor:pointer}.asset-usage-row>span,.asset-version-row>span{min-height:27px;padding:0 6px;display:grid;place-items:center;border-radius:6px;color:#4d68c9;background:#edf2ff;font-size:8px}.asset-usage-row>div,.asset-version-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.asset-usage-row strong,.asset-version-row strong{color:#354158;font-size:10px}.asset-usage-row small,.asset-version-row small{color:#8994a6;font-size:8px}.asset-usage-row em,.asset-version-row em{color:#6579c6;font-size:8px;font-style:normal}@media(max-width:1100px){.asset-manager-workbench-body{grid-template-columns:310px minmax(0,1fr)}.asset-overview-grid{grid-template-columns:1fr}.asset-contract-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.asset-studio-loading{min-height:100vh;display:grid;place-items:center;color:#667085;background:#f3f5f9;font-size:14px}.asset-studio-shell{width:100vw;min-width:1180px;height:100vh;display:flex;flex-direction:column;overflow:hidden;color:#263247;background:#edf1f6}.asset-studio-topbar{min-height:66px;padding:0 18px;display:grid;grid-template-columns:auto minmax(180px,.7fr) minmax(220px,1fr) auto auto auto;align-items:center;gap:10px;border-bottom:1px solid #dce2eb;background:#fff;box-shadow:0 2px 10px #19253b0d;z-index:2}.asset-studio-topbar>div{display:flex;flex-direction:column;gap:3px}.asset-studio-topbar>div strong{font-size:16px}.asset-studio-topbar>div span{color:#8994a6;font-size:9px}.asset-studio-topbar>label{display:flex;align-items:center;gap:7px;color:#778398;font-size:9px}.asset-studio-topbar>label input{width:100%;height:35px;padding:0 10px;border:1px solid #dce2eb;border-radius:7px;color:#334058;background:#fbfcfe;outline:0}.asset-studio-topbar>button{height:35px;padding:0 12px;border:1px solid #d8dfeb;border-radius:7px;color:#536078;background:#fff;font-size:10px;cursor:pointer}.asset-studio-topbar>button.primary-button{border-color:#2468f2;color:#fff;background:#2468f2}.asset-studio-topbar>button:disabled{opacity:.48;cursor:default}.asset-studio-topbar .asset-studio-back{color:#40516d;background:#f7f9fc}.asset-studio-workspace{min-height:0;flex:1;display:grid;grid-template-columns:250px minmax(560px,1fr) 290px;gap:0}.asset-studio-palette,.asset-studio-inspector{min-height:0;display:flex;flex-direction:column;background:#fff}.asset-studio-palette{border-right:1px solid #dfe4ec}.asset-studio-inspector{border-left:1px solid #dfe4ec}.asset-studio-palette>header,.asset-studio-inspector>header{min-height:60px;padding:12px 15px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-bottom:1px solid #e7eaf0}.asset-studio-palette>header strong,.asset-studio-inspector>header strong{font-size:13px}.asset-studio-palette>header span,.asset-studio-inspector>header span{color:#8a95a6;font-size:8px;line-height:1.4}.asset-studio-palette-scroll{min-height:0;flex:1;padding:12px;overflow:auto}.asset-studio-palette-scroll section+section{margin-top:14px}.asset-studio-palette-scroll h3{margin:0 0 7px;color:#6f7b90;font-size:9px;font-weight:600}.asset-studio-palette-scroll section>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.asset-studio-palette-scroll button{min-width:0;min-height:66px;padding:8px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 7px;border:1px solid #e0e5ed;border-radius:8px;color:#39465c;text-align:left;background:#fff;cursor:grab}.asset-studio-palette-scroll button:hover{border-color:#91a7ef;background:#f5f7ff;box-shadow:0 4px 12px #324fa714}.asset-studio-palette-scroll button>span{grid-row:1 / span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#4a67d0;background:#edf2ff}.asset-studio-palette-scroll button strong{min-width:0;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.asset-studio-palette-scroll button small{color:#97a1b1;font-size:7px}.asset-studio-canvas-column{min-width:0;min-height:0;display:flex;flex-direction:column;background:#edf1f6}.asset-studio-canvas-column>header{min-height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2eb;background:#f8fafc}.asset-studio-canvas-column>header div{display:flex;flex-direction:column;gap:3px}.asset-studio-canvas-column>header strong{font-size:12px}.asset-studio-canvas-column>header div span{color:#8b96a8;font-size:8px}.asset-studio-canvas-column>header>span{padding:4px 8px;border-radius:999px;color:#277d5a;background:#e9f7f1;font-size:8px}.asset-studio-canvas-column>header>span.is-dirty{color:#9b6818;background:#fff4da}.asset-studio-canvas{min-height:0;position:relative;flex:1;margin:20px;overflow:auto;border:1px solid #d7dee9;border-radius:10px;background:#f3f6fa;box-shadow:0 9px 26px #1d2b4414}.asset-studio-canvas.is-empty{border-style:dashed;border-color:#aebce1}.asset-studio-canvas>.editor-renderer{min-height:100%}.asset-studio-empty,.asset-studio-empty-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8d99ac;text-align:center;pointer-events:none}.asset-studio-empty strong,.asset-studio-empty-overlay strong{color:#52617a;font-size:15px}.asset-studio-empty span,.asset-studio-empty-overlay span{font-size:10px}.asset-studio-empty-overlay{inset:110px 80px;border:1px dashed #b8c5e7;border-radius:9px;background:#f8faffd1}.asset-studio-canvas-column>footer{min-height:40px;padding:0 18px;display:flex;align-items:center;border-top:1px solid #dce2eb;color:#5e70a5;background:#f8fafc;font-size:9px}.asset-studio-inspector-scroll{min-height:0;flex:1;padding:14px;overflow:auto}.asset-studio-inspector-scroll>label,.asset-studio-field-grid label,.asset-studio-color-grid label{margin-bottom:10px;display:flex;flex-direction:column;gap:5px;color:#717e92;font-size:8px}.asset-studio-inspector-scroll input,.asset-studio-inspector-scroll textarea,.asset-studio-inspector-scroll select{width:100%;min-width:0;padding:7px 8px;border:1px solid #dce2eb;border-radius:6px;color:#354258;background:#fff;font:inherit;outline:0;resize:vertical}.asset-studio-inspector-scroll input{height:34px}.asset-studio-inspector-scroll h3{margin:18px -14px 11px;padding:9px 14px;border-top:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;color:#4f5c72;background:#fafbfd;font-size:9px}.asset-studio-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.asset-studio-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-studio-color-grid input[type=color]{padding:3px}.asset-studio-delete{width:100%;height:34px;margin-top:8px;border:1px solid #efd7db;border-radius:7px;color:#b34e58;background:#fff7f8;font-size:9px;cursor:pointer}.skin-capture-action{margin-bottom:10px}.skin-detach-action{width:100%;margin:-3px 0 10px;padding:7px;border:1px solid #dce2ee;border-radius:7px;color:#66748b;background:#fff;font-size:9px;cursor:pointer}.skin-empty{margin-bottom:9px}.project-skin-list{display:flex;flex-direction:column;gap:7px}.project-skin-card{display:grid;grid-template-columns:minmax(0,1fr) 28px;border:1px solid #dfe4ec;border-radius:9px;overflow:hidden;background:#fff}.project-skin-card.is-active{border-color:#8ca0e9;box-shadow:0 0 0 2px #5272e917}.project-skin-main{min-width:0;padding:8px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;text-align:left;background:transparent;cursor:pointer}.project-skin-main>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.project-skin-main strong{overflow:hidden;color:#344057;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-skin-main small{color:#8994a5;font-size:8px}.project-skin-main em{color:#526bcf;font-size:8px;font-style:normal}.project-skin-delete{border:0;border-left:1px solid #eef1f5;color:#b55b63;background:#fff;cursor:pointer}.skin-structure-preview{height:35px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:6px;background:#eef2fb}.skin-structure-preview i{display:block;border-radius:2px;background:#9bace2}.skin-structure-preview i:first-child{grid-column:1 / -1;background:#6d84d8}@media(max-width:900px){.asset-manager-body{grid-template-columns:1fr}.project-asset-list{grid-column:1}}@media(max-width:1350px){.editor-workspace{grid-template-columns:66px 248px minmax(420px,1fr) 330px}.topbar{grid-template-columns:275px minmax(180px,1fr) auto}.brand-group span,.save-state{display:none}}.editor-app{min-width:1260px}.editor-workspace{height:100%;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr);grid-template-columns:72px 278px minmax(480px,1fr) 420px}.inspector{--inspector-heading-height: 64px;--inspector-tabs-height: 52px;position:relative;height:100%;min-height:0;display:grid;grid-template-rows:var(--inspector-heading-height) var(--inspector-tabs-height) minmax(0,1fr);overflow:hidden;color:#1f2d3d;background:#fff;box-shadow:-4px 0 12px #1f2d3d09}.inspector-heading{flex:0 0 64px;height:64px;min-height:64px;padding:0 20px;background:#fff}.inspector-heading>div{gap:10px}.inspector-heading strong{color:#17233d;font-size:16px;font-weight:600}.inspector-heading>span{color:#8b98a9;font-size:12px}.inspector .kind-badge{border-radius:4px;padding:4px 8px;font-size:12px}.inspector-tabs{flex:0 0 52px;height:52px;min-height:52px;gap:2px;padding:0 12px;background:#f7f9fc}.inspector-tabs button{min-width:0;padding:0 5px;color:#526273;font-size:13px;font-weight:400}.inspector-tabs button:hover{color:var(--brand);background:#f0f6ff}.inspector-tabs button.is-active{color:var(--brand);background:#fff}.inspector-tabs button.is-active:after{left:8px;right:8px;height:3px;border-radius:0}.inspector-scroll{position:relative;inset:auto;width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#aab5c2 #f3f6f9;padding-bottom:0;scroll-padding-bottom:104px}.inspector-scroll::-webkit-scrollbar{width:10px}.inspector-scroll::-webkit-scrollbar-track{background:#f3f6f9}.inspector-scroll::-webkit-scrollbar-thumb{min-height:40px;border:2px solid #f3f6f9;border-radius:8px;background:#aab5c2}.inspector-scroll::-webkit-scrollbar-thumb:hover{background:#8795a5}.inspector-scroll:focus{outline:none}.inspector-scroll-end{width:100%;height:104px;pointer-events:none}.inspector-more{position:absolute;z-index:8;right:22px;bottom:18px;left:22px;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #9cc4ff;border-radius:4px;color:#1267d6;background:#fffffff5;box-shadow:0 8px 22px #1e3c6429;font-size:13px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.inspector-more:hover{color:#fff;border-color:var(--brand);background:var(--brand)}.inspector .property-section{padding:20px;background:#fff}.inspector .property-section-title{margin-bottom:16px}.inspector .property-section-title strong{color:#17233d;font-size:15px;font-weight:600}.inspector .property-section-title span{color:#7d8a9b;font-size:12px}.inspector .property-field{min-height:40px;margin-bottom:12px;grid-template-columns:92px minmax(0,1fr);gap:12px}.inspector .property-field.vertical{grid-template-columns:1fr;gap:8px}.inspector .property-field>span,.inspector .property-grid label>span,.inspector .dimension-field label span{color:#526273;font-size:13px}.inspector .property-field input,.inspector .property-field select,.inspector .property-field textarea,.inspector .property-grid input,.inspector .property-grid select,.inspector .dimension-field input,.inspector .dimension-field select{min-height:40px;border-color:#cfd8e3;border-radius:4px;padding:8px 11px;color:#1f2d3d;font-size:14px}.inspector .property-field textarea{min-height:92px;line-height:1.6;resize:vertical}.inspector .property-field input:hover,.inspector .property-field select:hover,.inspector .property-field textarea:hover,.inspector .property-grid input:hover,.inspector .property-grid select:hover{border-color:#8cbcff}.inspector .property-field input:focus,.inspector .property-field select:focus,.inspector .property-field textarea:focus,.inspector .property-grid input:focus,.inspector .property-grid select:focus{border-color:var(--brand);box-shadow:0 0 0 2px #1677ff1f}.inspector .property-control-stack small{color:#7d8a9b;font-size:12px}.inspector .property-empty-note{border-radius:4px;font-size:13px}.inspector .property-grid,.inspector .dimension-grid{gap:12px}.inspector .dimension-field{grid-template-columns:minmax(0,1fr) 82px;gap:8px}.inspector .box-model-heading strong{font-size:13px}.inspector .box-model-heading span,.inspector .box-model-grid label span{font-size:12px}.inspector .box-model-grid{gap:8px}.inspector .box-model-grid input,.inspector .inline-actions button{height:38px;border-radius:4px;font-size:13px}.inspector .color-field{grid-template-columns:1fr 40px;gap:8px}.inspector .color-field input[type=color]{height:40px}.inspector .range-field em,.inspector .toggle-field{font-size:13px}.inspector .binding-summary{padding:14px;border-radius:6px;background:#f2f7ff}.inspector .binding-summary>span{width:36px;height:36px;border-radius:4px;font-size:16px}.inspector .binding-summary strong{font-size:15px}.inspector .binding-summary small,.inspector .binding-card small{font-size:12px}.inspector .binding-meta-list{display:flex;flex-direction:column;gap:5px;margin:6px 0 10px}.inspector .binding-meta-row{display:grid;grid-template-columns:minmax(78px,.8fr) minmax(0,1.2fr);align-items:start;gap:8px;padding:6px 8px;border:1px solid #e0e5ed;border-radius:5px;background:#f8f9fb}.inspector .binding-meta-row>span{min-width:0;color:#526273;font-size:12px;line-height:1.4}.inspector .binding-meta-row code{min-width:0;overflow-wrap:anywhere;color:#6d7888;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.4}.inspector .binding-contract-details{margin-top:8px;border:1px solid #e0e5ed;border-radius:5px;background:#f8f9fb}.inspector .binding-contract-details summary{padding:8px;color:#526273;font-size:12px;cursor:pointer}.inspector .binding-contract-details .binding-meta-list{margin:0;padding:0 8px 8px}.inspector .binding-card{padding:12px;border-radius:4px;font-size:13px}.inspector .binding-card button{font-size:13px}.inspector .wide-action{height:40px;border-radius:4px;font-size:14px;font-weight:500}.inspector .interaction-flow-editor{gap:14px}.inspector .interaction-flow-tabs{gap:8px;padding-bottom:5px;scrollbar-width:thin}.inspector .interaction-flow-tabs button{min-height:36px;padding:7px 11px;border-radius:4px;font-size:13px;cursor:pointer}.inspector .interaction-flow-tabs button small{min-width:20px;height:20px;font-size:11px}.inspector .interaction-empty{border-radius:4px}.inspector .interaction-empty strong{font-size:14px}.inspector .interaction-empty span{font-size:13px}.inspector .interaction-empty button,.inspector .add-step{min-height:38px;border-radius:4px;font-size:13px;cursor:pointer}.inspector .interaction-flow-meta{gap:10px;padding:12px;border:1px solid #e3e8ef;border-radius:4px;background:#f7f9fc}.inspector .interaction-flow-meta label,.inspector .interaction-config label{gap:6px;color:#526273;font-size:12px}.inspector .interaction-flow-meta input,.inspector .interaction-flow-meta select,.inspector .interaction-config input,.inspector .interaction-config select,.inspector .interaction-step-heading select{height:40px;border-color:#cfd8e3;border-radius:4px;padding:0 10px;color:#1f2d3d;font-size:14px}.inspector .interaction-flow-meta .delete-flow{font-size:12px;cursor:pointer}.inspector .interaction-sequence{gap:10px}.inspector .interaction-step{padding:12px;border-radius:4px}.inspector .interaction-step-heading{grid-template-columns:44px minmax(0,1fr) 32px;gap:8px}.inspector .interaction-step-heading>span{color:#526273;font-size:12px}.inspector .interaction-step-heading .icon-danger{width:32px;height:32px;border-radius:4px;font-size:16px;cursor:pointer}.inspector .interaction-config{gap:10px;margin-top:10px}.inspector .interaction-branches{gap:10px;margin-top:12px}.inspector .interaction-branch{padding:10px;border:1px solid #dcebe4;border-radius:4px}.inspector .interaction-branch.onFailure{border-color:#f0d9d7}.inspector .interaction-branch-heading strong,.inspector .interaction-branch-heading button,.inspector .interaction-branch>small{font-size:12px}.inspector .interaction-branch-heading button{cursor:pointer}.inspector .interface-binding-editor{gap:12px;margin-top:14px;padding-top:14px}.inspector .binding-step-heading{gap:8px;margin-top:6px}.inspector .binding-step-heading>span{width:24px;height:24px;border-radius:4px;font-size:12px}.inspector .binding-step-heading strong{font-size:14px}.inspector .binding-form-grid{gap:10px}.inspector .binding-form-grid label,.inspector .binding-field,.inspector .mapping-list label{gap:7px}.inspector .binding-form-grid label>span,.inspector .binding-field>span,.inspector .mapping-list label>span{color:#526273;font-size:12px}.inspector .binding-form-grid select,.inspector .binding-field select,.inspector .binding-field input,.inspector .mapping-list select{height:40px;border-color:#cfd8e3;border-radius:4px;padding:7px 10px;color:#1f2d3d;font-size:14px}.inspector .binding-description{padding:10px;border-radius:4px;font-size:12px}.inspector .mapping-list{gap:10px}.inspector .mapping-list label{grid-template-columns:74px minmax(0,1fr)}.inspector .binding-test-result{padding:11px;border-radius:4px;font-size:12px}.inspector .binding-test-result strong{font-size:13px}.inspector .response-details{border-radius:4px}.inspector .response-details summary{padding:10px 12px;font-size:12px}.inspector .response-details pre{font-size:11px}.inspector .binding-actions{gap:10px}.inspector .binding-actions button{height:40px;border-radius:4px;font-size:14px;cursor:pointer}@media(max-width:1350px){.editor-workspace{grid-template-columns:66px 248px minmax(420px,1fr) 390px}}.editor-app{min-width:1300px}.editor-workspace{grid-template-columns:76px 300px minmax(480px,1fr) 420px}.left-navigation{padding:10px 0;gap:2px;border-right:1px solid #243451;background:#17233d}.left-navigation button{position:relative;min-height:66px;padding:8px 4px;border-radius:0;color:#9eabc0;font-size:13px;transition:color .16s ease,background .16s ease}.left-navigation button:before{content:"";position:absolute;inset:8px auto 8px 0;width:3px;background:transparent}.left-navigation button:hover{color:#fff;background:#1e3153}.left-navigation button.is-active{color:#fff;background:#20365f;box-shadow:none}.left-navigation button.is-active:before{background:#3b8cff}.left-navigation .nav-icon{width:22px;height:22px;color:#7faeff}.left-navigation button.is-active .nav-icon{color:#fff}.resource-panel{height:100%;min-height:0;display:flex;flex-direction:column;border-right-color:#d4dde8;background:#fff;box-shadow:3px 0 10px #1e2f4809}.resource-panel .panel-title{flex:0 0 72px;height:72px;min-height:72px;padding:0 16px 0 20px;background:#fff}.resource-panel .panel-title>div{gap:3px}.resource-panel .panel-title strong{color:#17233d;font-size:18px;font-weight:600}.resource-panel .panel-title span{color:#7d8a9b;font-size:12px}.resource-panel .panel-title>button{width:32px;height:32px;border:1px solid #e4e9f0;border-radius:4px;color:#6f7d90;background:#f5f7fa;font-size:18px}.resource-panel .panel-title>button:hover{color:var(--brand);border-color:#a9cbff;background:#edf5ff}.resource-panel .panel-scroll{flex:1 1 0;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#aeb9c6 #f4f6f9}.resource-panel .panel-scroll::-webkit-scrollbar{width:8px}.resource-panel .panel-scroll::-webkit-scrollbar-track{background:#f4f6f9}.resource-panel .panel-scroll::-webkit-scrollbar-thumb{border-radius:6px;background:#aeb9c6}.project-selector-row{grid-template-columns:minmax(0,1fr) repeat(3,40px);gap:8px;margin-bottom:18px}.project-selector-row select,.project-selector-row button{height:40px;border-color:#cfd8e3;border-radius:4px}.project-selector-row select{padding:0 11px;color:#17233d;font-size:14px;font-weight:600}.project-selector-row select:hover{border-color:#8cbcff}.project-selector-row button{color:#526273;font-size:18px}.project-selector-row button:hover:not(:disabled){color:var(--brand);border-color:#8cbcff;background:#f2f7ff}.project-selector-row button:first-of-type{color:#fff;border-color:var(--brand);background:var(--brand)}.project-selector-row button:first-of-type:hover:not(:disabled){color:#fff;border-color:var(--brand-dark);background:var(--brand-dark)}.project-document-group{margin-bottom:20px}.project-document-group .panel-section-heading{min-height:30px;margin:0 2px 8px;padding-bottom:7px;border-bottom:1px solid #edf0f4}.panel-section-label{display:flex;align-items:center;gap:7px}.project-document-group .panel-section-heading strong{color:#34435a;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}.panel-section-label small{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:10px;color:#637288;background:#eef2f6;font-size:11px}.heading-actions{gap:6px}.heading-actions button{min-width:24px;min-height:24px;padding:0 5px;border-radius:2px;color:var(--brand);font-size:12px}.heading-actions .upgrade-document{display:inline-flex;align-items:center;gap:3px}.heading-actions button:hover{background:#eaf3ff}.project-item-row{min-height:60px;grid-template-columns:minmax(0,1fr) 34px 34px;margin-bottom:6px;border-color:#d9e2ec;border-radius:4px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.project-item-row:hover{border-color:#8cbcff;background:#f7fbff}.project-item-row.is-active{border-color:#73aaff;background:#edf5ff;box-shadow:inset 3px 0 var(--brand)}.project-item-main{padding:9px 8px 9px 12px;gap:10px}.project-item-main>.document-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #cbd7e6;border-radius:3px;color:#466386;background:#f7f9fc;font-size:17px}.project-item-row.is-active .project-item-main>.document-icon{color:var(--brand);border-color:#9cc4ff;background:#fff}.project-item-main>span:nth-child(2){gap:3px}.project-item-main strong{max-width:150px;color:#17233d;font-size:14px;font-weight:600}.project-item-main small{color:#7d8a9b;font-size:12px}.project-item-main em{padding:2px 5px;border-radius:2px;color:#1267d6;background:#dcecff;font-size:11px}.project-item-delete{border-left-color:#edf0f4;color:#748399;font-size:15px}.project-item-delete svg{display:block;margin:auto}.project-item-row:hover .project-item-delete,.project-item-row:focus-within .project-item-delete,.project-item-row.is-active .project-item-delete{opacity:1}.project-item-delete[title=重命名]:hover{color:#1267d6;background:#eaf3ff;border-left-color:#d4e7ff}.project-item-delete:hover{color:#d4384a;background:#fff1f2;border-left-color:#ffd8dc}.resource-panel .empty-compact{padding:14px 12px;border-color:#d7e0eb;border-radius:4px;color:#8b98a9;background:#fafbfc;font-size:13px}.resource-panel .workspace-error{border-radius:4px;font-size:12px}.resource-panel .workspace-loading{font-size:12px}.resource-panel .segmented,.resource-panel .search-box,.resource-panel .asset-card,.resource-panel .interface-filter button,.resource-panel .interface-card,.resource-panel .issue-card,.resource-panel .layer-row,.resource-panel .panel-footer-button{border-radius:4px}.resource-panel .search-box{height:40px}.resource-panel .search-box input{font-size:13px}.resource-panel .asset-card{min-height:90px}.resource-panel .asset-card:hover{transform:none;box-shadow:none;border-color:#8cbcff;background:#f5f9ff}.resource-panel .asset-card strong,.resource-panel .category-heading strong{font-size:13px}.resource-panel .interface-card{min-height:56px}.resource-panel .layer-row{height:38px;font-size:13px}.resource-panel .layer-row.is-active{color:#1267d6;background:#eaf3ff;box-shadow:inset 3px 0 var(--brand)}.resource-panel .panel-footer-button{height:40px;color:#1267d6;border-color:#a9cbff;font-size:13px}@media(max-width:1350px){.editor-workspace{grid-template-columns:68px 270px minmax(420px,1fr) 390px}.left-navigation button{font-size:12px}.project-item-main strong{max-width:126px}}:root{--brand: #6257f6;--brand-dark: #5146e8;--nav: #f5f5fb;--line: #e2e3ec;--muted: #777b8e;--panel: #ffffff;--soft: #f7f7fb;color:#181922;background:#f5f5fb}.editor-app{background:#f5f5fb}.topbar{gap:24px;padding:0 20px;border-bottom-color:#e7e7ef;background:#f8f8fc;box-shadow:none}.brand-mark{width:32px;height:32px;border-radius:6px;background:#6257f6;box-shadow:none;font-size:16px}.brand-group strong{color:#181922;font-size:15px;font-weight:650}.brand-group span{color:#7d8091;font-size:11px}.document-breadcrumb{gap:10px}.document-kind,.kind-badge{border-radius:4px;color:#55596b;background:#ececf3;font-weight:500}.document-breadcrumb strong{color:#181922;font-size:14px;font-weight:600}.save-state{color:#777b8e}.topbar-actions{gap:8px}.viewport-switcher,.segmented{padding:3px;border:1px solid #e6e6ef;border-radius:7px;background:#f0f0f6}.viewport-switcher button,.segmented button{border-radius:5px;color:#5c6071}.viewport-switcher button svg{display:block;margin:auto}.viewport-switcher button.is-active,.segmented button.is-active{color:#5146e8;background:#fff;box-shadow:0 1px 3px #1c1c2814}.icon-button,.environment-select,.button{height:36px;border-color:#dedfe9;border-radius:6px;color:#30313d;background:#fff}.icon-button{display:grid;place-items:center}.icon-button:hover:not(:disabled),.button.secondary:hover{border-color:#aaa7e8;color:#5146e8;background:#fafaff}.button.primary{border-color:#6257f6;background:#6257f6}.button.primary:hover{border-color:#5146e8;background:#5146e8}.editor-workspace{grid-template-columns:104px 292px minmax(480px,1fr) 420px}.left-navigation{gap:4px;padding:14px 10px;border-right:1px solid #e4e4ed;background:#f5f5fb}.left-navigation button{min-height:50px;padding:0 12px;flex-direction:row;justify-content:flex-start;gap:9px;border-radius:8px;color:#4e5060;font-size:13px;font-weight:500}.left-navigation button:before{display:none}.left-navigation button:hover{color:#181922;background:#ededf5}.left-navigation button.is-active{color:#181922;background:#e9e9f2;box-shadow:none}.left-navigation .nav-icon{width:19px;height:19px;color:#55596b}.left-navigation button.is-active .nav-icon{color:#5146e8}.resource-panel{border-right-color:#e4e4ed;background:#f8f8fc;box-shadow:none}.resource-panel .panel-title{border-bottom-color:#e7e7ef;background:#f8f8fc}.resource-panel .panel-title strong{color:#181922;font-size:17px;font-weight:600}.resource-panel .panel-title span{color:#7b7f90}.resource-panel .panel-title>button{border-color:transparent;border-radius:6px;color:#696d7e;background:transparent}.resource-panel .panel-title>button:hover{border-color:#dcddea;color:#5146e8;background:#efeff6}.resource-panel .panel-scroll{background:#f8f8fc}.resource-panel .segmented{border:0;background:#ececf3}.resource-panel .search-box,.project-selector-row select,.project-selector-row button{border-color:#dedfe8;border-radius:6px;background:#fff}.project-selector-row button:first-of-type{border-color:#6257f6;background:#6257f6}.project-document-group .panel-section-heading{border-bottom-color:#e8e8f0}.project-document-group .panel-section-heading strong{color:#353744;font-weight:600}.panel-section-label small{color:#696d7e;background:#ececf3}.project-item-row,.resource-panel .asset-card,.resource-panel .interface-card,.resource-panel .issue-card,.resource-panel .empty-compact,.resource-panel .panel-footer-button{border-color:#dedfe8;border-radius:6px;background:#fff;box-shadow:none}.project-item-row:hover,.resource-panel .asset-card:hover,.resource-panel .interface-card:hover,.resource-panel .issue-card:hover{border-color:#b8b5eb;background:#fafaff}.project-item-row.is-active{border-color:#aaa6ef;background:#efeeff;box-shadow:none}.project-item-row.is-active .project-item-main>.document-icon{border-color:#bcb9ef;color:#5146e8;background:#fff}.project-item-main em{color:#5146e8;background:transparent}.resource-panel .layer-row.is-active{color:#262733;background:#eaeaf2;box-shadow:none}.resource-panel .panel-footer-button{color:#5146e8}.center-column,.canvas-area{background:#f5f5f9}.canvas-toolbar{border-bottom-color:#e4e4ec;background:#fff}.canvas-toolbar strong{color:#242530;font-weight:600}.canvas-toolbar span{color:#7b7f90}.canvas-toolbar button{border-color:#dedfe8;border-radius:5px;color:#454856;background:#fff}.canvas-toolbar button:hover{border-color:#b9b6e7;color:#5146e8}.canvas-scroll{background-color:#f5f5f9;background-image:linear-gradient(rgba(109,111,130,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(109,111,130,.07) 1px,transparent 1px);background-size:40px 40px}.ruler-horizontal,.ruler-vertical{opacity:.42}.device-frame{border-color:#d9dae4;border-radius:7px;box-shadow:0 8px 24px #1e1e3014}.device-frame-header{border-bottom-color:#e5e5ec;border-radius:7px 7px 0 0;background:#fafafd}.runtime-root{border-radius:0 0 7px 7px}.runtime-empty-drop{border-color:#d8d9e4;border-radius:6px;color:#8b8e9f;background:#fbfbfd}.bottom-panel{border-top:1px solid #e1e2eb;color:#363844;background:#fff}.bottom-tabs{border-bottom-color:#e8e8ef;background:#f8f8fb}.bottom-tabs button{color:#686c7d}.bottom-tabs button:hover{color:#343642;background:#f0f0f6}.bottom-tabs button.is-active{color:#5146e8;background:#fff;box-shadow:inset 0 -2px #6257f6}.bottom-tabs button span{color:#666a7a;background:#e9e9f1}.bottom-content{color:#454856;background:#fff}.log-line.warning{color:#ad6800}.log-line.error{color:#c9343f}.log-line.success{color:#237b55}.log-line.suggestion,.log-empty{color:#707487}.log-json{color:#4c5060;background:#f6f6fa}.inspector{border-left-color:#e2e3ec;background:#fff;box-shadow:none}.inspector-heading{border-bottom-color:#e6e6ee;background:#fff}.inspector-heading strong{color:#181922;font-weight:600}.inspector-heading>span{color:#898c9c}.inspector .kind-badge{color:#55596b;background:#ececf3}.inspector .kind-badge.component{color:#5146e8;background:#efeeff}.inspector-tabs{border-bottom-color:#e2e3ec;background:#f7f7fb}.inspector-tabs button{color:#575b6b;background:transparent}.inspector-tabs button:hover{color:#5146e8;background:#f1f0fb}.inspector-tabs button.is-active{color:#5146e8;background:#fff}.inspector-tabs button.is-active:after{height:2px;background:#6257f6}.inspector-scroll{scrollbar-color:#b8bac6 #f3f3f7}.inspector-scroll::-webkit-scrollbar-track{background:#f3f3f7}.inspector-scroll::-webkit-scrollbar-thumb{border-color:#f3f3f7;background:#b8bac6}.inspector .property-section{border-bottom-color:#e8e8ef;background:#fff}.inspector .property-section-title strong{color:#252631;font-size:14px}.inspector .property-field>span,.inspector .property-grid label>span,.inspector .dimension-field label span{color:#5d6171}.inspector .property-field input,.inspector .property-field select,.inspector .property-field textarea,.inspector .property-grid input,.inspector .property-grid select,.inspector .dimension-field input,.inspector .dimension-field select{border-color:#dedfe8;border-radius:6px;color:#292b36;background:#fff}.inspector .property-field input:hover,.inspector .property-field select:hover,.inspector .property-field textarea:hover,.inspector .property-grid input:hover,.inspector .property-grid select:hover{border-color:#b1aee6}.inspector .property-field input:focus,.inspector .property-field select:focus,.inspector .property-field textarea:focus,.inspector .property-grid input:focus,.inspector .property-grid select:focus{border-color:#7770ee;box-shadow:0 0 0 2px #6257f61a}.property-empty-note,.static-notice,.binding-summary,.interaction-flow-meta,.binding-description,.binding-test-result,.response-details,.placeholder-card{border:1px solid #e2e3ec;border-radius:6px;background:#f8f8fb;box-shadow:none}.binding-summary>span{border-radius:4px;color:#5146e8;background:#e9e7ff}.binding-card,.flow-row,.interaction-step,.interaction-branch,.skin-grid button{border-color:#e0e1ea;border-radius:6px;background:#fff;box-shadow:none}.interaction-step.depth-1,.interaction-step.depth-2,.interaction-step.depth-3,.interaction-branch,.interaction-branch.onFailure{background:#fafafd}.interaction-flow-tabs button,.interaction-empty,.wide-action,.add-step,.binding-actions button,.inline-actions button{border-radius:6px}.interaction-flow-tabs button.is-active{color:#5146e8;border-color:#aaa6ef;background:#efeeff}.wide-action,.interaction-empty button,.binding-actions button{background:#6257f6}.wide-action.secondary,.add-step,.binding-actions button.secondary{color:#5146e8;background:#efeeff}.inspector-more{border-color:#b7b3ee;border-radius:6px;color:#5146e8;box-shadow:0 5px 16px #2321461a}.inspector-more:hover{border-color:#6257f6;background:#6257f6}.modal-backdrop{background:#1919247a;-webkit-backdrop-filter:none;backdrop-filter:none}.preview-modal,.asset-manager-modal{border-radius:8px;box-shadow:0 20px 60px #1919282e}.preview-device{border-radius:7px;box-shadow:0 8px 24px #1e1e3014}@media(max-width:1350px){.editor-workspace{grid-template-columns:94px 260px minmax(420px,1fr) 390px}.left-navigation button{padding:0 9px;font-size:12px}}.canvas-stage{position:relative;margin:0 auto;transition:width .16s ease,height .16s ease}.canvas-stage>.device-frame{margin:0;transform-origin:top left;transition:width .18s ease,transform .16s ease}.canvas-toolbar .selection-count{height:24px;padding:0 8px;display:inline-flex;align-items:center;color:#5146e8;background:#efeeff;border-radius:4px;font-weight:600}.canvas-toolbar-divider{width:1px;height:18px;background:#e0e1e8}.canvas-toolbar button:disabled{cursor:not-allowed;color:#b7bac5;background:#f7f7fa;border-color:#e8e8ee}.canvas-toolbar{gap:12px}.canvas-toolbar-meta,.canvas-toolbar-actions{flex:0 0 auto}.canvas-dom-path{display:flex;flex:1 1 auto;align-items:center;min-width:80px;overflow-x:auto;overflow-y:hidden;padding:3px 6px;border:1px solid #e5e7ee;border-radius:5px;background:#fafbfc;scrollbar-color:#b9c1cf transparent;scrollbar-width:thin;white-space:nowrap}.canvas-dom-path::-webkit-scrollbar{height:4px}.canvas-dom-path::-webkit-scrollbar-track{background:transparent}.canvas-dom-path::-webkit-scrollbar-thumb{border-radius:999px;background:#b9c1cf}.canvas-dom-path-segment{display:inline-flex;flex:0 0 auto;align-items:center}.canvas-dom-path .canvas-dom-path-separator{padding:0 2px;color:#b2b7c2;font:10px/22px ui-monospace,SFMono-Regular,Consolas,monospace}.canvas-dom-path button{width:auto;min-width:0;height:22px;padding:0 5px;border:0;border-radius:3px;color:#596071;background:transparent;font:11px/22px ui-monospace,SFMono-Regular,Consolas,monospace}.canvas-dom-path button:hover{color:#2468f2;background:#edf4ff}.canvas-dom-path button.is-current{color:#145bd7;background:#e5efff;font-weight:600}.runtime-node.is-editor-node.is-hovered:not(.is-selected),.runtime-html-document.is-hovered:not(.is-selected){outline:2px dashed #1677ff!important;outline-offset:-2px;box-shadow:inset 0 0 0 1px #1677ff47,0 0 0 2px #1677ff24!important}.runtime-node.is-locked{cursor:not-allowed!important}.runtime-node.is-locked.is-selected{box-shadow:0 0 0 2px #9095a4!important}.runtime-node.is-locked>.runtime-node-label{background:#737888}.canvas-stage.is-asset-dragging{cursor:copy}.canvas-stage.is-asset-dragging .runtime-node{transition:box-shadow .12s ease,opacity .12s ease}.canvas-stage.is-asset-drag-invalid{cursor:not-allowed}.canvas-asset-drop-hint{position:absolute;z-index:24;top:42px;left:50%;max-width:min(320px,calc(100% - 32px));padding:7px 12px;overflow:hidden;border:1px solid #9cb8ff;border-radius:7px;background:#f4f8fff5;box-shadow:0 8px 24px #2468f229;color:#245bd7;font-size:12px;font-weight:600;line-height:18px;pointer-events:none;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.canvas-asset-drop-hint.is-invalid{border-color:#efadb3;background:#fff6f7f7;color:#cf2e3a}.canvas-stage.is-asset-drag-invalid:after{content:"此处不能放置";position:fixed;left:50%;bottom:28px;z-index:30;padding:7px 12px;border:1px solid #f0afb5;border-radius:6px;color:#bd3340;background:#fff4f5;font-size:12px;font-weight:600;transform:translate(-50%);pointer-events:none}.runtime-node.is-drag-preview{position:relative;z-index:6;opacity:.56;outline:2px dashed #6557f6!important;outline-offset:3px;background-color:#6557f614!important;box-shadow:0 0 0 6px #6557f61a,0 12px 28px #2f2a7524!important;filter:saturate(.78);pointer-events:none!important;animation:asset-drop-preview-in .14s ease-out}.runtime-drag-preview-label{position:absolute;top:-26px;left:-3px;z-index:9;max-width:240px;overflow:hidden;padding:5px 9px;border-radius:5px;background:#5e50ef;color:#fff;font-size:12px;font-weight:600;line-height:16px;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 6px 18px #3a30a340;pointer-events:none}@keyframes asset-drop-preview-in{0%{opacity:.18;transform:scale(.985)}to{opacity:.56;transform:scale(1)}}.layer-row>span:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row>.editor-icon:last-child{margin-left:auto;color:#8b8f9c}.layer-row.is-locked{color:#747887}.layer-tree-toggle{flex:0 0 14px;width:14px;height:18px;display:inline-grid;place-items:center;color:#787c8b}.layer-type-icon{flex:0 0 24px;width:24px;height:24px;display:inline-grid;place-items:center;color:#687286;border-radius:4px;background:#eff1f5}.layer-type-icon.container{color:#4f6282;background:#edf1f6}.layer-type-icon.text{color:#5b58a8;background:#f0effb}.layer-type-icon.image{color:#a36c19;background:#fff5df}.layer-type-icon.icon{color:#7656a3;background:#f5edfb}.layer-type-icon.input,.layer-type-icon.form{color:#167a75;background:#e8f7f5}.layer-type-icon.button{color:#4f5dbe;background:#eef0ff}.layer-type-icon.list,.layer-type-icon.component{color:#168264;background:#e8f7f1}.layer-row.is-active .layer-type-icon{box-shadow:inset 0 0 0 1px currentColor;background:#fff}.layer-row.is-locked .layer-type-icon{color:#8a8e99;background:#f0f0f3}.layer-node-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-selection-note{color:#6b6f80;font-size:11px;font-style:normal;font-weight:400;white-space:nowrap}.inline-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.connector-manager{margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid #e5e6ed}.connector-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.connector-heading>span{display:flex;flex-direction:column;gap:2px}.connector-heading strong{color:#20212a;font-size:13px}.connector-heading small{color:#8b8e9c;font-size:10px}.connector-heading button,.connector-card button{border:1px solid #dfe0e8;background:#fff;color:#555967;border-radius:4px;min-height:26px;padding:0 7px;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.connector-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;margin-bottom:7px;border:1px solid #e1e2e9;border-radius:6px;background:#fff}.connector-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.connector-card strong{color:#242530;font-size:12px}.connector-card small{color:#8b8e9c;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connector-card>em{font-size:10px;color:#9b9eaa;font-style:normal}.connector-card>em.online{color:#168c62}.connector-card>div{grid-column:2 / 4;display:flex;justify-content:flex-end;gap:5px}.connector-env{padding:3px 6px;border-radius:3px;font-size:10px}.connector-env.development{color:#3f5fc5;background:#eef2ff}.connector-env.production{color:#9c5b0e;background:#fff4e5}.connector-form{padding:10px;border:1px solid #d8d9e3;border-radius:6px;background:#fafafd}.connector-form label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;color:#656978;font-size:10px}.connector-form input,.connector-form select{width:100%;height:32px;border:1px solid #d9dbe5;border-radius:4px;padding:0 8px;background:#fff;color:#242530;font-size:11px}.connector-form label small{color:#9396a4;line-height:1.4}.connector-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connector-form-actions{display:flex;justify-content:flex-end;gap:7px}.connector-form-actions button{min-height:30px;padding:0 10px;border:1px solid #dedfe7;border-radius:4px;background:#fff;cursor:pointer}.connector-form-actions button.primary{color:#fff;border-color:#6257f6;background:#6257f6}.connector-message{margin-top:8px;padding:7px 9px;border-radius:4px;color:#505463;background:#f1f1f6;font-size:10px;line-height:1.45}.canvas-context-menu{position:fixed;z-index:120;width:216px;padding:6px;color:#242530;background:#fff;border:1px solid #dcdee8;border-radius:7px;box-shadow:0 12px 36px #181b2c24;animation:canvas-context-menu-in .1s ease-out}.context-menu-heading{display:flex;flex-direction:column;gap:2px;min-width:0;padding:7px 10px 9px;margin-bottom:4px;border-bottom:1px solid #eef0f5}.context-menu-heading strong{overflow:hidden;font-size:13px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.context-menu-heading small{color:#8b90a0;font-size:11px;line-height:16px}.canvas-context-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 10px;color:#343642;background:transparent;border:0;border-radius:5px;cursor:pointer}.canvas-context-menu>button:hover:not(:disabled),.canvas-context-menu>button:focus-visible{background:#f3f4f8;outline:none}.canvas-context-menu>button:disabled{color:#b7bac5;cursor:not-allowed}.canvas-context-menu>button>span{display:inline-flex;align-items:center;gap:9px;font-size:13px}.canvas-context-menu>button kbd{color:#9297a6;font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;background:transparent;border:0}.canvas-context-menu>button.danger{color:#d84b4b}.canvas-context-menu>button.danger:hover:not(:disabled),.canvas-context-menu>button.danger:focus-visible{background:#fff2f2}.context-menu-separator{height:1px;margin:4px 6px;background:#eef0f5}@keyframes canvas-context-menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.inspector .property-section{padding:12px 14px}.inspector .property-section-title{margin-bottom:9px}.inspector .property-section-title strong{font-size:12px;font-weight:650}.inspector .property-field{min-height:32px;margin-bottom:7px;grid-template-columns:72px minmax(0,1fr);gap:7px}.inspector .property-field>span,.inspector .property-grid label>span,.inspector .dimension-field label span{font-size:10px}.inspector .property-field input,.inspector .property-field select,.inspector .property-field textarea,.inspector .property-grid input,.inspector .property-grid select,.inspector .dimension-field input,.inspector .dimension-field select{min-height:32px;padding:5px 8px;border-radius:5px;font-size:11px}.inspector .property-help{margin:0 0 8px;font-size:10px;line-height:1.55}.layout-preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:9px}.layout-preset-row button{min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #dfe3eb;border-radius:5px;color:#4d5260;background:#fff;font-size:9px;cursor:pointer}.layout-preset-row button:hover{border-color:#8b83fb;background:#f7f6ff;color:#554bd8}.layout-preset-row button span{color:#6157e8;font-size:15px;line-height:1}.layout-mode-switch,.mini-segmented{display:grid;padding:2px;border-radius:5px;background:#f0f1f5}.layout-mode-switch{grid-template-columns:repeat(4,1fr);margin-bottom:8px}.mini-segmented{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.layout-mode-switch button,.mini-segmented button{height:27px;min-width:0;padding:0 7px;border:0;border-radius:4px;color:#666a78;background:transparent;font-size:10px;cursor:pointer}.layout-mode-switch button.is-active,.mini-segmented button.is-active{color:#4e45d1;background:#fff;box-shadow:0 1px 3px #1e1f2d1a}.compact-control-row{min-height:32px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:7px}.compact-control-row>span,.compact-toggle>span{color:#5d6171;font-size:10px}.compact-toggle{min-height:30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.compact-toggle input{accent-color:#6257f6}.number-with-unit{position:relative}.number-with-unit input{padding-right:30px!important}.number-with-unit em{position:absolute;top:50%;right:9px;color:#9296a3;font-size:9px;font-style:normal;transform:translateY(-50%)}.gap-grid{margin-bottom:9px}.alignment-control{display:grid;grid-template-columns:72px 76px;align-items:center;gap:7px;margin-bottom:8px}.alignment-control>span{color:#5d6171;font-size:10px}.alignment-grid{width:76px;height:58px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;padding:4px;border:1px solid #dfe2e9;border-radius:5px;background:#f7f7fa}.alignment-grid button{position:relative;padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer}.alignment-grid button:hover{background:#ebe9ff}.alignment-grid button i{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#a4a7b2;transform:translate(-50%,-50%)}.alignment-grid button.is-active{background:#dedbff}.alignment-grid button.is-active i{background:#5d52e8;box-shadow:0 0 0 2px #fff}.property-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.child-layout-grid{margin-bottom:7px}.visual-binding-editor{gap:8px;margin-top:8px;padding-top:0;border-top:0}.visual-binding-editor .binding-step-heading{display:grid;grid-template-columns:20px auto 1fr;gap:6px;margin:7px 0 2px}.visual-binding-editor .binding-step-heading>span{width:20px;height:20px;border-radius:4px}.visual-binding-editor .binding-step-heading strong{font-size:11px}.visual-binding-editor .binding-step-heading small{overflow:hidden;color:#8b8f9d;font-size:9px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.binding-source-bar{display:grid;grid-template-columns:76px minmax(0,1fr) 68px;gap:5px}.binding-source-bar select,.visual-binding-editor input,.visual-binding-editor select{min-width:0;height:32px;padding:0 7px;border:1px solid #dcdee7;border-radius:5px;color:#343641;background:#fff;font-size:10px;outline:0}.binding-source-bar select:focus,.visual-binding-editor input:focus,.visual-binding-editor select:focus{border-color:#756cf5;box-shadow:0 0 0 2px #6257f61a}.contract-summary{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px 9px;border:1px solid #e5e5ec;border-radius:5px;background:#f8f8fb}.contract-summary strong{margin-right:auto;font-size:10px}.contract-summary span{padding:2px 5px;border-radius:3px;color:#5d55ce;background:#ebe9ff;font-size:8px}.contract-summary p{flex:0 0 100%;margin:0;color:#848896;font-size:9px;line-height:1.45}.request-mapping-table,.response-mapping-table{display:flex;flex-direction:column;gap:5px}.request-mapping-row{display:grid;grid-template-columns:102px 14px minmax(0,1fr);align-items:center;gap:4px;padding:6px;border:1px solid #e4e5ec;border-radius:5px;background:#fff}.contract-field-cell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 4px}.contract-field-cell strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.contract-field-cell strong em{margin-left:2px;color:#df4f5d;font-style:normal}.contract-field-cell code{grid-column:1 / 3;overflow:hidden;color:#6d7180;font:8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.contract-field-cell small{position:absolute;opacity:0;pointer-events:none}.mapping-arrow{color:#989ba7;font-size:12px;text-align:center}.mapping-source-cell{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:4px}.mapping-source-summary{min-height:32px;display:flex;align-items:center;color:#777b88;font-size:9px}.collection-mapping-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:5px;padding:7px;border:1px solid #dedcf9;border-radius:5px;background:#f8f7ff}.collection-mapping-row>span{color:#4f49bd;font-size:10px;font-weight:600}.collection-mapping-row small{grid-column:1 / 3;color:#85899a;font-size:8px;line-height:1.4}.mapping-table-head{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1.12fr) 58px 24px;gap:4px;padding:0 4px;color:#838795;font-size:8px}.response-mapping-row{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1.12fr) 58px 24px;align-items:center;gap:4px;padding:5px;border-left:2px solid #746af5;border-radius:4px;background:#f7f7fa}.response-mapping-row select{width:100%;padding:0 5px}.mapping-remove{width:24px;height:28px;padding:0;border:0;border-radius:4px;color:#d95562;background:#fff0f1;cursor:pointer}.mapping-empty{padding:12px;border:1px dashed #dfe1e9;border-radius:5px;color:#8c909e;font-size:9px;line-height:1.5;text-align:center}.add-mapping-button{height:30px;border:1px dashed #aaa5ee;border-radius:5px;color:#5d54da;background:#fff;font-size:10px;cursor:pointer}.add-mapping-button:disabled{color:#aaaeb9;border-color:#dfe1e7;cursor:not-allowed}.visual-binding-editor .binding-test-result{min-height:36px;padding:7px 9px;border-radius:5px}.visual-binding-editor .binding-test-result strong,.visual-binding-editor .binding-test-result span{font-size:9px}.sticky-binding-actions{position:sticky;z-index:3;bottom:0;padding:8px 0 2px;background:linear-gradient(180deg,#fff0,#fff 28%)}.sticky-binding-actions button{height:32px;border-radius:5px;font-size:10px}.visual-binding-editor{gap:12px}.visual-binding-editor .binding-step-heading{grid-template-columns:26px auto minmax(0,1fr);gap:8px;margin:12px 0 4px}.visual-binding-editor .binding-step-heading>span{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;font-size:13px}.visual-binding-editor .binding-step-heading strong{font-size:15px}.visual-binding-editor .binding-step-heading small{font-size:12px;line-height:1.45}.visual-binding-editor input,.visual-binding-editor select,.visual-binding-editor .binding-source-bar select{height:38px;padding:0 10px;font-size:13px}.visual-binding-editor .binding-source-bar{grid-template-columns:88px minmax(0,1fr) 76px;gap:7px}.visual-binding-editor .contract-summary{gap:7px;padding:11px 12px}.visual-binding-editor .contract-summary strong{font-size:14px}.visual-binding-editor .contract-summary span{padding:3px 7px;font-size:12px}.visual-binding-editor .contract-summary p{font-size:12px;line-height:1.6}.visual-binding-editor .request-mapping-table{gap:8px}.visual-binding-editor .request-mapping-row{grid-template-columns:minmax(122px,.88fr) 22px minmax(0,1.3fr);gap:7px;padding:8px;border-color:#e1e4eb;transition:border-color .16s ease,background .16s ease}.visual-binding-editor .request-mapping-row.is-connected{border-color:#b9dccc;background:#f7fcf9}.wire-field-source{position:relative;min-width:0;padding:7px 8px 7px 12px;border:1px solid transparent;border-radius:6px;color:#252832;background:transparent;text-align:left;cursor:crosshair;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.wire-field-source:hover,.wire-field-source.is-wiring{border-color:#786ff3;color:#4c44cb;background:#f5f4ff;box-shadow:0 0 0 3px #6257f61a}.wire-field-source .wire-port{position:absolute;top:50%;left:-7px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#746af1;box-shadow:0 0 0 1px #746af1;transform:translateY(-50%)}.wire-field-source:hover .wire-port,.wire-field-source.is-wiring .wire-port{animation:wire-port-pulse 1.1s ease-in-out infinite}.visual-binding-editor .contract-field-cell{min-height:44px}.visual-binding-editor .contract-field-cell strong{font-size:14px}.visual-binding-editor .contract-field-cell code{color:#707586;font-size:12px;line-height:1.45}.visual-binding-editor .mapping-arrow{font-size:17px}.visual-binding-editor .mapping-source-cell{grid-template-columns:112px minmax(0,1fr);gap:6px}.visual-binding-editor .mapping-source-summary{font-size:12px}.response-wire-list{display:flex;flex-direction:column;gap:8px}.response-wire-field{overflow:visible;border:1px solid #e0e3ea;border-radius:7px;background:#fff;transition:border-color .16s ease,background .16s ease}.response-wire-field.is-connected{border-color:#b9ddcc;background:#f8fcfa}.response-wire-source{width:100%;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 10px 9px 15px}.response-wire-source>span{min-width:0;display:flex;flex-direction:column;gap:3px}.response-wire-source strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.response-wire-source code{overflow:hidden;color:#747989;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.response-wire-source em{padding:3px 6px;border-radius:4px;color:#5f58c8;background:#eeecff;font-size:12px;font-style:normal}.response-wire-source b{color:#676c7a;font-size:12px;font-weight:500;white-space:nowrap}.response-wire-field.is-connected .response-wire-source b{color:#18865d}.wire-connection-chip{min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:stretch;margin:0 8px 8px;overflow:hidden;border:1px solid #d9e9e1;border-radius:5px;background:#f1f9f5}.wire-connection-chip button{min-width:0;padding:7px 9px;border:0;color:#326650;background:transparent;font-size:12px;text-align:left;cursor:pointer}.wire-connection-chip button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wire-connection-chip button:last-child{color:#ca5360;font-size:16px;text-align:center}.wire-connection-chip button:hover{background:#19865d12}.advanced-mapping-settings{border-top:1px solid #e4e6ec}.advanced-mapping-settings>summary{padding:11px 2px;color:#5650ce;font-size:13px;font-weight:600;cursor:pointer}.advanced-mapping-settings[open]>summary{margin-bottom:8px}.visual-binding-editor .collection-mapping-row{grid-template-columns:90px minmax(0,1fr);gap:7px;padding:9px}.visual-binding-editor .collection-mapping-row>span{font-size:12px}.visual-binding-editor .collection-mapping-row small,.visual-binding-editor .mapping-table-head{font-size:12px}.visual-binding-editor .response-mapping-row{min-height:48px;gap:6px;padding:7px}.visual-binding-editor .mapping-empty{padding:14px;font-size:12px}.visual-binding-editor .add-mapping-button{height:36px;font-size:13px}.visual-binding-editor .binding-test-result{min-height:42px;padding:9px 11px}.visual-binding-editor .binding-test-result strong,.visual-binding-editor .binding-test-result span{font-size:12px}.visual-binding-editor .response-details summary{font-size:13px}.visual-binding-editor .response-details pre{font-size:12px;line-height:1.55}.visual-binding-editor .sticky-binding-actions{padding:12px 0 5px}.visual-binding-editor .sticky-binding-actions button{height:38px;font-size:14px}.canvas-stage.is-binding-wiring,.canvas-stage.is-binding-wiring .runtime-node{cursor:crosshair!important}.canvas-stage.is-binding-wiring .runtime-control-input{pointer-events:none}.runtime-node.is-binding-target{z-index:4;outline:2px dashed #7167f0!important;outline-offset:3px;box-shadow:0 0 0 5px #6257f624,0 10px 28px #342e9729!important}.runtime-node.is-binding-incompatible{outline-color:#e05b67!important;box-shadow:0 0 0 5px #e05b671f!important}.runtime-node.is-binding-success{outline:3px solid #2eaf7d!important;box-shadow:0 0 0 7px #2eaf7d29,0 10px 30px #19775433!important;animation:binding-target-success .7s ease-out}.runtime-binding-target-label{position:absolute;z-index:40;top:-32px;left:-3px;max-width:280px;padding:6px 9px;overflow:hidden;border-radius:5px;color:#fff;background:#6257e8;box-shadow:0 5px 16px #2b277138;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.runtime-node.is-binding-incompatible>.runtime-binding-target-label{background:#d94e5b}.runtime-node.is-binding-success>.runtime-binding-target-label{background:#24946a}.binding-wire-overlay{position:fixed;z-index:1600;inset:0;pointer-events:none}.binding-wire-overlay svg{width:100%;height:100%;overflow:visible}.binding-wire-shadow,.binding-wire-flow{fill:none;stroke-linecap:round}.binding-wire-shadow{stroke:#2521602e;stroke-width:7}.binding-wire-flow{stroke:#6c60ef;stroke-width:3;stroke-dasharray:10 7;animation:binding-wire-flow .65s linear infinite}.binding-wire-origin,.binding-wire-end{fill:#6c60ef;stroke:#fff;stroke-width:2}.binding-wire-overlay.is-success .binding-wire-flow{stroke:#27a875;stroke-dasharray:none;animation:none}.binding-wire-overlay.is-success .binding-wire-origin,.binding-wire-overlay.is-success .binding-wire-end{fill:#27a875}.binding-wire-overlay.is-preview .binding-wire-flow{stroke:#4d72dc;stroke-dasharray:none;animation:none}.binding-wire-overlay.is-preview .binding-wire-shadow{stroke:#3756ad29}.binding-wire-overlay.is-preview .binding-wire-origin,.binding-wire-overlay.is-preview .binding-wire-end{fill:#4d72dc}.binding-wire-preview-target{position:fixed;display:flex;align-items:flex-start;justify-content:flex-start;border:2px solid #4d72dc;border-radius:6px;background:#4d72dc14;box-shadow:0 0 0 5px #4d72dc1c,0 10px 28px #29418729}.binding-wire-preview-target span{max-width:280px;margin:-30px 0 0 -2px;padding:5px 8px;overflow:hidden;border-radius:4px;color:#fff;background:#4568c8;box-shadow:0 5px 14px #273e7e33;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.binding-wire-banner{position:fixed;top:78px;left:50%;min-width:300px;max-width:520px;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #d9d6ff;border-radius:7px;color:#34305d;background:#fffffff5;box-shadow:0 8px 26px #23205b29;transform:translate(-50%)}.binding-wire-banner strong{color:#5147dc;font-size:14px;white-space:nowrap}.binding-wire-banner span{overflow:hidden;color:#6d7080;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.binding-wire-overlay.is-success .binding-wire-banner{border-color:#b8e0ce}.binding-wire-overlay.is-success .binding-wire-banner strong{color:#20845e}.binding-target-property-menu{position:fixed;z-index:1700;width:200px;display:flex;flex-direction:column;padding:8px;border:1px solid #dfe1e8;border-radius:7px;background:#fff;box-shadow:0 14px 38px #191c2a2e}.binding-target-property-menu strong{padding:4px 7px 1px;font-size:14px}.binding-target-property-menu small{padding:0 7px 7px;color:#848896;font-size:12px}.binding-target-property-menu button{padding:8px;border:0;border-radius:5px;color:#3f4350;background:transparent;font-size:13px;text-align:left;cursor:pointer}.binding-target-property-menu button:hover{color:#5147d8;background:#f0efff}@keyframes binding-wire-flow{to{stroke-dashoffset:-17}}@keyframes binding-target-success{0%{outline-offset:12px}65%{outline-offset:1px}to{outline-offset:3px}}@keyframes wire-port-pulse{50%{box-shadow:0 0 0 1px #746af1,0 0 0 6px #746af126}}@media(prefers-reduced-motion:reduce){.binding-wire-flow,.runtime-node.is-binding-success,.wire-field-source .wire-port{animation:none!important}}.inspector .interaction-flow-editor{gap:12px}.inspector .interaction-flow-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.inspector .interaction-flow-tabs{display:flex;min-width:0;gap:6px;padding-bottom:3px;overflow-x:auto}.inspector .interaction-flow-tabs button{min-height:34px;max-width:190px;gap:7px;padding:6px 9px;border-color:#dedfe8;border-radius:6px;color:#555a69;background:#fff;font-size:12px;cursor:pointer}.inspector .interaction-flow-tabs button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector .interaction-flow-tabs button.is-active{color:#5147dc;border-color:#aaa6ef;background:#f1f0ff}.inspector .interaction-flow-tabs button small{min-width:18px;height:18px;border-radius:9px;color:#6257f6;background:#e5e2ff;font-size:10px}.inspector .interaction-flow-toolbar>.add-flow{min-height:34px;padding:0 10px;border:1px dashed #b9b5ec;border-radius:6px;color:#5147dc;background:#fff;font-size:12px;white-space:nowrap;cursor:pointer}.inspector .interaction-empty{min-height:210px;justify-content:center;gap:8px;padding:28px 24px;border:1px dashed #d8dae5;border-radius:8px;background:#fbfbfd}.inspector .interaction-empty-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#5147dc;background:#eceaff;font-size:24px}.inspector .interaction-empty strong{color:#222534;font-size:15px}.inspector .interaction-empty span:not(.interaction-empty-icon){max-width:350px;color:#747887;font-size:12px;line-height:1.6}.inspector .interaction-empty button{min-height:38px;padding:0 16px;border-radius:6px;background:#6257f6;font-size:13px}.inspector .interaction-flow-body{gap:12px}.inspector .interaction-event-card{display:flex;align-items:center;gap:7px;min-height:54px;padding:9px 10px;border:1px solid #dddeea;border-radius:7px;color:#5d6170;background:#fafafd;font-size:13px}.inspector .interaction-event-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#6257f6;box-shadow:0 0 0 4px #6257f61a}.inspector .interaction-event-card select{width:auto;min-width:92px;height:34px;padding:0 26px 0 9px;border:1px solid #cbc9e8;border-radius:5px;color:#302b83;background:#fff;font-size:13px;font-weight:600}.inspector .interaction-event-arrow{color:#aaa6bb}.inspector .interaction-event-card strong{min-width:0;color:#303340;font-size:12px;white-space:nowrap}.inspector .interaction-settings-toggle{margin-left:auto;padding:5px;border:0;color:#6257f6;background:transparent;font-size:11px;white-space:nowrap;cursor:pointer}.inspector .interaction-flow-meta{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:end;gap:9px;padding:11px;border:1px solid #e1e2ea;border-radius:6px;background:#f8f8fb}.inspector .interaction-flow-meta label{gap:5px;font-size:12px}.inspector .interaction-flow-meta input{height:36px;border-radius:5px;font-size:13px}.inspector .interaction-flow-stat{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:1px solid #dedfe8;border-radius:5px;color:#777b88;background:#fff;font-size:11px}.inspector .interaction-flow-stat strong{color:#302b83;font-size:14px}.inspector .interaction-flow-meta .delete-flow{grid-column:1 / -1;padding:2px 0;font-size:11px}.inspector .interaction-sequence-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.inspector .interaction-sequence-heading>div{display:flex;align-items:baseline;gap:8px}.inspector .interaction-sequence-heading strong{color:#262936;font-size:14px}.inspector .interaction-sequence-heading span{color:#8a8e9c;font-size:11px}.inspector .interaction-sequence{gap:0}.inspector .interaction-step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:0 0 10px;border:0;border-radius:0;background:transparent}.inspector .interaction-step.depth-1,.inspector .interaction-step.depth-2,.inspector .interaction-step.depth-3{background:transparent}.inspector .interaction-step:not(:last-child):before{content:"";position:absolute;top:28px;bottom:-2px;left:13px;width:1px;background:#d9dae5}.inspector .interaction-step-rail{position:relative;z-index:1;display:flex;justify-content:center;padding-top:13px}.inspector .interaction-step-rail span{min-width:27px;height:27px;display:grid;place-items:center;padding:0 4px;border:1px solid #d7d5ec;border-radius:14px;color:#5f58b8;background:#f4f3ff;font-size:10px;font-weight:700}.inspector .interaction-step-main{min-width:0;border:1px solid #dedfe8;border-radius:7px;background:#fff;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.inspector .interaction-step.is-expanded>.interaction-step-main{border-color:#aaa6ef;box-shadow:0 0 0 2px #6257f612}.inspector .interaction-step-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;min-height:58px}.inspector .interaction-step-summary{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:8px;padding:8px 6px 8px 10px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.inspector .interaction-action-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:#5147dc;background:#eeecff;font-size:16px;font-weight:700}.inspector .interaction-action-icon.action-interface-invoke{color:#176d9a;background:#e9f5fb}.inspector .interaction-action-icon.action-condition-compare{color:#9b6815;background:#fff5df}.inspector .interaction-action-icon.action-feedback-show{color:#237c5e;background:#eaf8f2}.inspector .interaction-action-icon.action-element-highlight,.inspector .interaction-action-icon.action-element-visibility{color:#7b4a9c;background:#f6ecfb}.inspector .interaction-step-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.inspector .interaction-step-copy strong{overflow:hidden;color:#252833;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.inspector .interaction-step-copy small{overflow:hidden;color:#7b7f8d;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.inspector .interaction-branch-count{padding:3px 5px;border-radius:4px;color:#77738e;background:#f4f3f8;font-size:9px;white-space:nowrap}.inspector .interaction-step-chevron{color:#989baa;font-size:12px}.inspector .interaction-step-tools{display:flex;align-items:center;gap:1px;padding-right:5px}.inspector .interaction-step-tools button{width:25px;height:27px;border:0;border-radius:4px;color:#777b89;background:transparent;font-size:12px;cursor:pointer}.inspector .interaction-step-tools button:hover:not(:disabled){color:#5147dc;background:#f0efff}.inspector .interaction-step-tools button:disabled{opacity:.28;cursor:default}.inspector .interaction-step-tools .icon-danger:hover{color:#c44d59;background:#fff0f1}.inspector .interaction-step-detail{padding:12px;border-top:1px solid #e5e5ed;background:#fbfbfd}.inspector .interaction-action-type{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;color:#626675;font-size:12px}.inspector .interaction-action-type select{height:36px;border:1px solid #d6d7e1;border-radius:5px;padding:0 9px;color:#2f3240;background:#fff;font-size:13px}.inspector .interaction-config{gap:8px;margin-top:10px}.inspector .interaction-config label{gap:5px;font-size:11px}.inspector .interaction-config input,.inspector .interaction-config select{height:36px;border-radius:5px;font-size:12px}.inspector .interaction-branches{gap:9px;margin-top:12px}.inspector .interaction-branch,.inspector .interaction-branch.onFailure{padding:9px;border:1px solid #dde1e8;border-radius:6px;background:#fff}.inspector .interaction-branch.onSuccess{border-left:3px solid #49a980}.inspector .interaction-branch.onFailure{border-left:3px solid #dc6b72}.inspector .interaction-branch-heading{justify-content:flex-start;gap:8px;margin-bottom:8px}.inspector .interaction-branch-heading>span{width:24px;height:24px;display:grid;place-items:center;border-radius:12px;color:#237c5e;background:#eaf8f2;font-size:12px;font-weight:800}.inspector .interaction-branch.onFailure .interaction-branch-heading>span{color:#b84650;background:#fff0f1}.inspector .interaction-branch-heading>div{display:flex;flex-direction:column;gap:1px}.inspector .interaction-branch-heading strong{color:#30333f;font-size:12px}.inspector .interaction-branch-heading small{color:#9295a2;font-size:10px}.inspector .interaction-branch-steps .interaction-step{grid-template-columns:24px minmax(0,1fr);padding-bottom:7px}.inspector .interaction-branch-steps .interaction-step-rail{padding-top:10px}.inspector .interaction-branch-steps .interaction-step-rail span{min-width:23px;height:23px;font-size:8px}.inspector .interaction-branch-steps .interaction-step:not(:last-child):before{top:23px;left:11px}.inspector .interaction-branch-steps .interaction-step-heading{min-height:50px}.inspector .interaction-branch-steps .interaction-step-summary{grid-template-columns:28px minmax(0,1fr) auto 15px;gap:6px;padding-left:7px}.inspector .interaction-branch-steps .interaction-action-icon{width:27px;height:27px;font-size:13px}.inspector .interaction-branch-steps .interaction-step-copy strong{font-size:12px}.inspector .interaction-branch-steps .interaction-step-copy small{font-size:10px}.inspector .interaction-branch-steps .interaction-step-tools button{width:22px}.inspector .interaction-action-picker{position:relative;width:100%}.inspector .interaction-action-picker>.add-step{width:100%;min-height:36px;border:1px dashed #bcb8ea;border-radius:6px;color:#5147dc;background:#faf9ff;font-size:12px;cursor:pointer}.inspector .interaction-action-picker>.add-step:hover{border-color:#6257f6;background:#f0efff}.inspector .interaction-action-picker>.add-step:disabled{opacity:.45;cursor:not-allowed}.inspector .interaction-action-menu{margin-top:6px;padding:9px;border:1px solid #dcdde7;border-radius:7px;background:#fff;box-shadow:0 10px 24px #2321461a}.inspector .interaction-action-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.inspector .interaction-action-menu-heading strong{font-size:12px}.inspector .interaction-action-menu-heading button{width:24px;height:24px;border:0;color:#818492;background:transparent;cursor:pointer}.inspector .interaction-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inspector .interaction-action-grid button{min-width:0;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:42px;padding:6px 7px;border:1px solid #e2e3eb;border-radius:6px;color:#373a47;background:#fff;text-align:left;cursor:pointer}.inspector .interaction-action-grid button:hover{color:#5147dc;border-color:#b8b4ea;background:#f7f6ff}.inspector .interaction-action-grid button>span{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;color:#5147dc;background:#eeecff;font-size:13px}.inspector .interaction-action-grid button strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inspector .interaction-action-grid button small{color:#999ca8;font-size:9px}.binding-live-status{min-height:58px;display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid #dfe3ec;border-radius:8px;background:#f8f9fc}.binding-live-status>i{width:9px;height:9px;border-radius:50%;background:#8b93a7;box-shadow:0 0 0 4px #8b93a71f}.binding-live-status[data-connected=true]{border-color:#c7e2d5;background:#f5fbf8}.binding-live-status[data-connected=true]>i{background:#20a675;box-shadow:0 0 0 4px #20a6751f}.binding-live-status>span{min-width:0;display:flex;flex-direction:column;gap:3px}.binding-live-status strong{color:#202633;font-size:13px}.binding-live-status small{color:#71798b;font-size:12px;line-height:1.45}.wire-connection-chip:has(.wire-transform-select){grid-template-columns:minmax(0,1fr) 76px 32px}.visual-binding-editor .wire-transform-select{align-self:center;width:70px;height:28px;padding:0 6px;border:0;border-left:1px solid #d9e9e1;border-radius:0;color:#406a59;background:transparent;font-size:12px;box-shadow:none}.visual-binding-editor .wire-transform-select:focus{border-color:#d9e9e1;box-shadow:none}.binding-debug-panel{overflow:hidden;border:1px solid #dfe3ec;border-radius:8px;background:#fff}.binding-debug-panel>summary{min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;list-style:none;cursor:pointer}.binding-debug-panel>summary::-webkit-details-marker{display:none}.binding-debug-panel>summary>span{min-width:0;display:flex;flex-direction:column;gap:2px}.binding-debug-panel>summary strong{color:#222936;font-size:13px}.binding-debug-panel>summary small{color:#777f91;font-size:11px;line-height:1.4}.binding-debug-panel>summary>b{padding:3px 7px;border-radius:4px;color:#6d7484;background:#f0f2f6;font-size:11px;font-weight:500}.binding-debug-panel>summary>b.success{color:#167654;background:#eaf7f1}.binding-debug-panel>summary>b.error{color:#b54550;background:#fff0f1}.binding-debug-panel[open]>summary{border-bottom:1px solid #e5e8ef}.binding-debug-panel>.binding-test-result,.binding-debug-panel>.response-details,.binding-debug-panel>.run-binding-test{margin:10px 12px 0}.binding-debug-panel>.run-binding-test{width:calc(100% - 24px);height:38px;margin-bottom:12px;border:1px solid #cfd5e2;border-radius:6px;color:#293141;background:#fff;font-size:13px;font-weight:600;cursor:pointer}.binding-debug-panel>.run-binding-test:hover{border-color:#8179f4;color:#554ce1;background:#f8f7ff}.binding-debug-panel>.run-binding-test:disabled{opacity:.5;cursor:not-allowed}.current-project-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px;padding:12px;border:1px solid #dcdee8;border-radius:8px;background:#fff}.current-project-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;color:#5146e8;background:#ecebff}.current-project-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.current-project-copy small{color:#858b9a;font-size:11px}.current-project-copy strong{overflow:hidden;color:#202331;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.current-project-card>button{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #d9dce7;border-radius:5px;color:#4d5362;background:#fff;font-size:12px;cursor:pointer}.current-project-card>button:hover{border-color:#9792e9;color:#5146e8;background:#f8f7ff}.portal-managed-project{padding:4px 7px;border-radius:4px;color:#38654e;background:#eaf5ef;font-size:11px;white-space:nowrap}.document-kind-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 14px;border-bottom:1px solid #dddfe8}.document-kind-tabs>button{position:relative;min-width:0;height:42px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;color:#656b79;background:transparent;font-size:13px;cursor:pointer}.document-kind-tabs>button:after{content:"";position:absolute;right:12px;bottom:-1px;left:12px;height:2px;border-radius:2px 2px 0 0;background:transparent}.document-kind-tabs>button small{min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border-radius:9px;color:#858b9a;background:#eff0f4;font-size:10px}.document-kind-tabs>button.is-active{color:#3f36d4;font-weight:650}.document-kind-tabs>button.is-active:after{background:#5d52ef}.document-kind-tabs>button.is-active small{color:#4f46dc;background:#ebe9ff}.document-list-toolbar{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.document-list-toolbar>span{min-width:0;display:flex;flex-direction:column;gap:1px}.document-list-toolbar strong{color:#262a36;font-size:13px}.document-list-toolbar small{color:#8b91a0;font-size:10px}.document-list-toolbar>button{height:30px;display:inline-flex;align-items:center;gap:4px;padding:0 10px;border:1px solid #ccc9ff;border-radius:5px;color:#4f46dc;background:#f8f7ff;font-size:12px;font-weight:600;cursor:pointer}.document-list-toolbar>button:hover{color:#fff;border-color:#5b50ec;background:#5b50ec}.project-document-list{padding-bottom:10px}.project-item-row.project-item-modern{position:relative;min-height:62px;grid-template-columns:minmax(0,1fr) 36px;overflow:visible;border-radius:7px}.project-item-modern .project-item-main{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;padding:9px 8px 9px 11px}.project-item-modern .project-item-copy{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.project-item-modern .project-item-copy strong{width:100%;max-width:none;overflow:hidden;color:#202432;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.project-item-modern .project-item-copy:after{content:attr(data-full-name);position:absolute;z-index:30;top:calc(100% + 8px);left:-4px;max-width:250px;display:none;padding:7px 9px;border:1px solid #313542;border-radius:4px;color:#fff;background:#272a35;box-shadow:0 8px 22px #171a242e;font-size:12px;font-weight:400;line-height:1.45;white-space:normal;pointer-events:none}.project-item-modern .project-item-copy:hover:after{display:block}.project-item-modern .project-item-main em{flex:none;padding:3px 6px;border-radius:4px;color:#4f46dc;background:#e8e6ff;font-size:10px}.document-actions{position:relative;align-self:stretch}.document-actions>summary{width:36px;height:100%;display:grid;place-items:center;border-left:1px solid transparent;border-radius:0 6px 6px 0;color:#818897;list-style:none;cursor:pointer}.document-actions>summary::-webkit-details-marker{display:none}.document-actions>summary:hover,.document-actions[open]>summary{color:#4f46dc;background:#f1f0ff;border-left-color:#e2e0fa}.document-action-menu{position:absolute;z-index:40;top:48px;right:0;width:142px;display:flex;flex-direction:column;gap:2px;padding:5px;border:1px solid #d8dae4;border-radius:7px;background:#fff;box-shadow:0 12px 28px #1a1d2829}.document-action-menu button{height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:4px;color:#333846;background:transparent;font-size:12px;text-align:left;cursor:pointer}.document-action-menu button:hover{color:#4f46dc;background:#f2f1ff}.document-action-menu button.danger-text{color:#c83d49}.document-action-menu button.danger-text:hover{background:#fff1f2}.document-action-menu button:disabled{color:#b3b6bf;background:transparent;cursor:not-allowed}.empty-document-tab{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #d7d9e5;border-radius:7px;color:#989daa;background:#fafafd}.empty-document-tab strong{color:#686e7c;font-size:13px}.empty-document-tab span{font-size:11px}.project-dialog-backdrop{z-index:180;padding:24px;background:#13151f6b}.project-dialog{width:min(500px,calc(100vw - 48px));max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e1e8;border-radius:10px;background:#fff;box-shadow:0 24px 80px #1416203d}.project-manager-dialog{width:min(720px,calc(100vw - 48px))}.project-dialog-header{min-height:76px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid #e6e7ed}.project-dialog-header h2{margin:0;color:#20232d;font-size:18px;font-weight:700}.project-dialog-header p{margin:6px 0 0;color:#747b8b;font-size:12px;line-height:1.55}.project-dialog-header .icon-button{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:5px;color:#747b89;background:transparent;font-size:22px;cursor:pointer}.project-dialog-header .icon-button:hover{color:#20232d;background:#f0f1f5}.project-dialog-body{min-height:0;overflow:auto;padding:20px 22px}.project-dialog-footer{min-height:62px;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 22px;border-top:1px solid #e6e7ed;background:#fafafd}.project-dialog .primary-button,.project-dialog .secondary-button,.project-dialog .danger-button{min-width:92px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer}.project-dialog .primary-button{color:#fff;border-color:#554ae9;background:#5b50ec}.project-dialog .primary-button:hover{background:#493fd3}.project-dialog .secondary-button{color:#373c49;border-color:#d4d7e0;background:#fff}.project-dialog .secondary-button:hover{border-color:#aaa6eb;color:#4f46dc;background:#f8f7ff}.project-dialog .danger-button{color:#fff;border-color:#c83945;background:#d44651}.project-dialog .danger-button:hover{background:#bb303b}.project-dialog button:disabled{opacity:.5;cursor:not-allowed}.project-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.project-manager-toolbar>div{display:flex;align-items:baseline;gap:5px;color:#777e8e;font-size:12px}.project-manager-toolbar>div strong{color:#292d38;font-size:18px}.project-manager-list{display:flex;flex-direction:column;gap:8px}.project-manager-item{min-height:70px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dfe1e9;border-radius:7px;background:#fff}.project-manager-item.is-current{border-color:#b9b5f3;background:#f8f7ff}.project-manager-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;color:#5a51e5;background:#ecebff}.project-manager-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.project-manager-copy strong{overflow:hidden;color:#262a35;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.project-manager-copy small{color:#858b99;font-size:11px}.project-manager-actions{display:flex;gap:3px}.project-manager-actions button{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:4px;color:#626977;background:transparent;font-size:12px;cursor:pointer}.project-manager-actions button:hover{color:#4f46dc;background:#ebe9ff}.project-manager-actions button.danger-text{color:#c7434e}.project-manager-actions button.danger-text:hover{background:#fff0f1}.project-dialog-form{display:flex;flex-direction:column;gap:15px}.project-dialog-form label{position:relative;display:flex;flex-direction:column;gap:7px;color:#3a3f4c;font-size:13px;font-weight:600}.project-dialog-form label input{width:100%;height:42px;padding:0 42px 0 12px;border:1px solid #cfd3df;border-radius:6px;outline:0;color:#242833;background:#fff;font:inherit;font-weight:400}.project-dialog-form label input:focus{border-color:#756def;box-shadow:0 0 0 3px #5b50ec1a}.project-dialog-form label small{position:absolute;right:10px;bottom:13px;color:#a0a5b1;font-size:10px;font-weight:400}.inline-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:5px}.dialog-error{padding:9px 11px;border:1px solid #f2c6ca;border-radius:5px;color:#b93642;background:#fff1f2;font-size:12px}.project-danger-confirm{padding:8px 4px;text-align:center}.danger-confirm-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;color:#ca3d49;background:#fff0f1}.project-danger-confirm h3{margin:0 0 7px;color:#272b36;font-size:16px}.project-danger-confirm p{margin:0 auto 18px;max-width:420px;color:#737a89;font-size:12px;line-height:1.6}.upgrade-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.upgrade-summary span{padding:10px;border-radius:6px;color:#747b8b;background:#f4f4f8;font-size:11px;text-align:center}.upgrade-summary strong{display:block;margin-bottom:2px;color:#4f46dc;font-size:17px}.module-issue-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.module-issue-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;padding:10px;border:1px solid #f0d4d7;border-radius:6px;color:#6d4a4e;background:#fff7f7;font-size:12px;line-height:1.5}.module-issue-list li strong{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#d54b56;font-size:10px}.delete-document-copy{display:flex;align-items:center;gap:10px;padding:13px;border-radius:6px;color:#c43b47;background:#fff2f3}.delete-document-copy p{margin:0;color:#5f5053;font-size:13px}.dialog-warning-copy{margin:0;color:#6c7281;font-size:13px;line-height:1.6}.asset-scope-tabs{display:flex;gap:18px;margin:0 16px 10px;border-bottom:1px solid #e0e2e9}.asset-scope-tabs button{position:relative;height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 2px;border:0;color:#737988;background:transparent;font-size:12px;cursor:pointer}.asset-scope-tabs button:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent}.asset-scope-tabs button small{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:9px;color:#8b91a0;background:#eff0f4;font-size:9px}.asset-scope-tabs button.is-active{color:#4f46dc;font-weight:650}.asset-scope-tabs button.is-active:after{background:#5b50ec}.asset-scope-tabs button.is-active small{color:#4f46dc;background:#eceaff}.asset-empty-state{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a0a5b1;text-align:center}.asset-empty-state strong{color:#666c7a;font-size:13px}.asset-empty-state span{max-width:220px;color:#969ba8;font-size:11px;line-height:1.5}.asset-panel .panel-footer-button{display:flex;align-items:center;justify-content:center;gap:5px}@media(max-width:1360px){.project-item-modern .project-item-main{grid-template-columns:30px minmax(0,1fr)}.project-item-modern .project-item-main em{display:none}.current-project-card{grid-template-columns:34px minmax(0,1fr)}.current-project-card>button{grid-column:1 / -1;justify-content:center}}.inspector[data-active-tab]{--wf-panel: #2b2c30;--wf-panel-raised: #33343a;--wf-field: #202125;--wf-field-hover: #25262b;--wf-line: #41434a;--wf-line-soft: #383a40;--wf-text: #f0f1f3;--wf-muted: #a8abb3;--wf-blue: #5b9dff;color-scheme:dark;color:var(--wf-text);background:var(--wf-panel);border-color:var(--wf-line)}.inspector[data-active-tab] .inspector-heading{flex:0 0 50px;height:50px;min-height:50px;padding:0 12px;color:var(--wf-text);background:#242529;border-color:var(--wf-line)}.inspector[data-active-tab] .inspector-heading strong{color:var(--wf-text);font-size:13px;font-weight:600}.inspector[data-active-tab] .inspector-heading>span{color:#7f838c;font-size:10px}.inspector[data-active-tab] .kind-badge.control,.inspector[data-active-tab] .kind-badge.component{padding:3px 6px;border-radius:3px;color:#d7e7ff;background:#3a4659;font-size:10px}.inspector[data-active-tab] .kind-badge.component{color:#c9f2e5;background:#294840}.inspector[data-active-tab] .inspector-tabs{flex:0 0 39px;height:39px;min-height:39px;gap:0;padding:0;background:#242529;border-color:var(--wf-line)}.inspector[data-active-tab] .inspector-tabs button{height:39px;padding:0 5px;border-right:1px solid #303137;color:#aeb1b9;background:transparent;font-size:12px;font-weight:500}.inspector[data-active-tab] .inspector-tabs button:hover{color:#fff;background:#303137}.inspector[data-active-tab] .inspector-tabs button.is-active{color:#fff;background:#37383e}.inspector[data-active-tab] .inspector-tabs button.is-active:after{right:0;bottom:0;left:0;height:2px;background:var(--wf-blue)}.inspector[data-active-tab] .inspector-scroll{color:var(--wf-text);background:var(--wf-panel);scrollbar-color:#666972 #25262a}.inspector[data-active-tab] .inspector-scroll::-webkit-scrollbar-track{background:#25262a}.inspector[data-active-tab] .inspector-scroll::-webkit-scrollbar-thumb{border-color:#25262a;background:#666972}.inspector[data-active-tab] .inspector-scroll-end{height:54px}.inspector[data-active-tab] .property-section{padding:0;background:transparent;border-color:var(--wf-line)}.inspector[data-active-tab] .property-section-title{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 12px;border:0;border-radius:0;color:var(--wf-text);background:#303136;cursor:pointer}.inspector[data-active-tab] .property-section-title:hover{background:#36373d}.inspector[data-active-tab] .property-section-title strong{color:inherit;font-size:12.5px;font-weight:650}.inspector[data-active-tab] .property-section-title svg{color:#9699a1;transition:transform .12s ease}.inspector[data-active-tab] .property-section.is-open .property-section-title svg{transform:rotate(180deg)}.inspector[data-active-tab] .property-section-body{padding:9px 12px 11px}.inspector[data-active-tab] .property-field{min-height:29px;grid-template-columns:82px minmax(0,1fr);gap:8px;margin:0 0 7px}.inspector[data-active-tab] .property-field:last-child{margin-bottom:0}.inspector[data-active-tab] .property-field.vertical{gap:5px}.inspector[data-active-tab] .property-field>span,.inspector[data-active-tab] .property-grid label>span,.inspector[data-active-tab] .dimension-field label span,.inspector[data-active-tab] .compact-control-row>span,.inspector[data-active-tab] .box-model-heading strong{color:var(--wf-muted);font-size:12px;font-weight:500}.inspector[data-active-tab] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.inspector[data-active-tab] select,.inspector[data-active-tab] textarea{min-height:29px;border:1px solid #4a4c54;border-radius:3px;outline:0;color:var(--wf-text);background:var(--wf-field);box-shadow:none;font-size:12.5px}.inspector[data-active-tab] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):hover,.inspector[data-active-tab] select:hover,.inspector[data-active-tab] textarea:hover{border-color:#676a74;background:var(--wf-field-hover)}.inspector[data-active-tab] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus,.inspector[data-active-tab] select:focus,.inspector[data-active-tab] textarea:focus{border-color:var(--wf-blue);box-shadow:0 0 0 1px var(--wf-blue)}.inspector[data-active-tab] input:disabled{color:#858890;background:#292a2f}.inspector[data-active-tab] .property-field textarea{min-height:58px;line-height:1.45}.inspector[data-active-tab] .property-control-stack small,.inspector[data-active-tab] .property-help{color:#8e929b;font-size:10.5px}.inspector[data-active-tab] .property-empty-note,.inspector-compact-state{padding:8px 10px;border:1px dashed #4b4d55;border-radius:3px;color:#999ca5;background:#27282c;font-size:12px}.inspector-compact-state{margin:10px 12px}.inspector[data-active-tab] .property-grid{gap:7px}.inspector[data-active-tab] .property-grid.two-columns{grid-template-columns:1fr 1fr}.inspector[data-active-tab] .property-grid label{gap:4px}.inspector[data-active-tab] .dimension-grid{gap:7px}.inspector[data-active-tab] .dimension-field{grid-template-columns:minmax(0,1fr) 62px;gap:5px}.inspector[data-active-tab] .dimension-field input,.inspector[data-active-tab] .dimension-field select{min-height:29px;height:29px;padding:4px 7px}.inspector[data-active-tab] .layout-preset-row{gap:5px;margin-bottom:7px}.inspector[data-active-tab] .layout-preset-row button,.inspector[data-active-tab] .layout-mode-switch button,.inspector[data-active-tab] .mini-segmented button{min-height:28px;padding:4px 7px;border:1px solid #484a52;border-radius:3px;color:#bfc2c9;background:#25262a;font-size:11.5px}.inspector[data-active-tab] .layout-preset-row button:hover,.inspector[data-active-tab] .layout-mode-switch button:hover,.inspector[data-active-tab] .mini-segmented button:hover{color:#fff;border-color:#676a73;background:#34353b}.inspector[data-active-tab] .layout-mode-switch{gap:0;margin-bottom:7px;padding:0;background:transparent}.inspector[data-active-tab] .layout-mode-switch button{border-radius:0;border-right:0}.inspector[data-active-tab] .layout-mode-switch button:first-child{border-radius:3px 0 0 3px}.inspector[data-active-tab] .layout-mode-switch button:last-child{border-right:1px solid #484a52;border-radius:0 3px 3px 0}.inspector[data-active-tab] .layout-mode-switch button.is-active,.inspector[data-active-tab] .mini-segmented button.is-active{color:#fff;border-color:#4d7fca;background:#345a91}.inspector[data-active-tab] .compact-control-row{min-height:29px;gap:8px;margin-bottom:7px}.inspector[data-active-tab] .compact-toggle,.inspector[data-active-tab] .toggle-field{min-height:28px;color:var(--wf-muted);font-size:12px}.inspector[data-active-tab] .alignment-control{margin:7px 0;color:var(--wf-muted)}.inspector[data-active-tab] .alignment-grid{border-color:#484a52;background:#222327}.inspector[data-active-tab] .alignment-grid button{border-color:#3c3e45;background:transparent}.inspector[data-active-tab] .alignment-grid button:hover,.inspector[data-active-tab] .alignment-grid button.is-active{background:#31598e}.inspector[data-active-tab] .box-model-editor{padding:7px;border:1px solid var(--wf-line-soft);border-radius:3px;background:#27282c}.inspector[data-active-tab] .box-model-editor+.box-model-editor{margin-top:7px}.inspector[data-active-tab] .box-model-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.inspector[data-active-tab] .box-model-grid input{height:28px;border-radius:3px;font-size:12px}.inspector[data-active-tab] .box-model-heading span,.inspector[data-active-tab] .box-model-grid label span{color:#858891;font-size:10px}.inspector[data-active-tab] .color-field{grid-template-columns:minmax(0,1fr) 31px;gap:5px}.inspector[data-active-tab] .color-field input[type=color]{width:31px;height:29px;padding:2px;border:1px solid #4a4c54;border-radius:3px;background:#202125}.inspector[data-active-tab] .range-field em{color:var(--wf-muted);font-size:11px}.inspector[data-active-tab] .inline-actions{gap:5px}.inspector[data-active-tab] .inline-actions button,.inspector[data-active-tab] .wide-action,.inspector[data-active-tab] .skin-detach-action{min-height:29px;height:29px;border:1px solid #4a4c54;border-radius:3px;color:#d6d8dd;background:#242529;font-size:12px}.inspector[data-active-tab] .inline-actions button:hover,.inspector[data-active-tab] .wide-action:hover{border-color:#6a6d76;background:#393a40}.inspector[data-active-tab] .inline-actions button.danger{color:#ff999f}.inspector[data-active-tab] .skin-grid{gap:6px}.inspector[data-active-tab] .skin-grid button,.inspector[data-active-tab] .project-skin-card{border-color:#484a52;border-radius:3px;color:var(--wf-text);background:#25262a}.inspector[data-active-tab] .project-skin-card strong,.inspector[data-active-tab] .skin-grid strong{color:var(--wf-text)}.inspector[data-active-tab] .project-skin-card small{color:var(--wf-muted)}.inspector[data-active-tab] .interface-binding-editor{gap:8px;margin-top:0;padding-top:0;border-top:0}.inspector[data-active-tab] .binding-step-heading{min-height:25px;gap:6px;margin:2px 0}.inspector[data-active-tab] .binding-step-heading>span{width:20px;height:20px;border-radius:3px;color:#d5e6ff;background:#365f96;font-size:10px}.inspector[data-active-tab] .binding-step-heading strong{color:var(--wf-text);font-size:12.5px}.inspector[data-active-tab] .binding-step-heading small{display:none}.inspector[data-active-tab] .binding-source-bar{gap:5px}.inspector[data-active-tab] .contract-summary,.inspector[data-active-tab] .request-mapping-row,.inspector[data-active-tab] .response-wire-field,.inspector[data-active-tab] .mapping-source-summary,.inspector[data-active-tab] .binding-debug-panel,.inspector[data-active-tab] .binding-test-result{border-color:var(--wf-line);border-radius:3px;color:var(--wf-text);background:#27282c}.inspector[data-active-tab] .contract-summary strong,.inspector[data-active-tab] .wire-field-source strong,.inspector[data-active-tab] .request-mapping-row strong{color:var(--wf-text)}.inspector[data-active-tab] .contract-summary span,.inspector[data-active-tab] .wire-field-source code,.inspector[data-active-tab] .mapping-source-summary,.inspector[data-active-tab] .request-mapping-row small{color:var(--wf-muted)}.inspector[data-active-tab] .wire-field-source,.inspector[data-active-tab] .response-wire-source{color:var(--wf-text);background:transparent}.inspector[data-active-tab] .response-wire-field.is-connected,.inspector[data-active-tab] .request-mapping-row.is-connected{border-color:#3f806d;background:#263b35}.inspector[data-active-tab] .wire-connection-chip{border-color:#467e6e;color:#c0eadf;background:#2b4940}.inspector[data-active-tab] .interaction-flow-editor{gap:8px}.inspector[data-active-tab] .interaction-flow-tabs{gap:4px;padding-bottom:2px}.inspector[data-active-tab] .interaction-flow-tabs button{min-height:28px;padding:4px 7px;border-color:#4a4c54;border-radius:3px;color:#bdc0c7;background:#242529;font-size:11.5px}.inspector[data-active-tab] .interaction-flow-tabs button.is-active{color:#fff;border-color:#4f80c4;background:#355d93}.inspector[data-active-tab] .interaction-flow-tabs button small{height:16px;min-width:16px;color:inherit;background:#ffffff1a;font-size:9px}.inspector[data-active-tab] .interaction-flow-meta,.inspector[data-active-tab] .interaction-event-card,.inspector[data-active-tab] .interaction-step,.inspector[data-active-tab] .interaction-step.depth-1,.inspector[data-active-tab] .interaction-step.depth-2,.inspector[data-active-tab] .interaction-step.depth-3,.inspector[data-active-tab] .interaction-branch,.inspector[data-active-tab] .interaction-branch.onFailure,.inspector[data-active-tab] .interaction-action-menu,.inspector[data-active-tab] .interaction-step-config-panel{border-color:var(--wf-line);border-radius:3px;color:var(--wf-text);background:#27282c}.inspector[data-active-tab] .interaction-flow-meta{gap:7px;padding:8px}.inspector[data-active-tab] .interaction-flow-meta label,.inspector[data-active-tab] .interaction-config label{gap:4px;color:var(--wf-muted);font-size:11px}.inspector[data-active-tab] .interaction-step{padding:8px}.inspector[data-active-tab] .interaction-step-heading{grid-template-columns:38px minmax(0,1fr) 28px;gap:6px}.inspector[data-active-tab] .interaction-step-heading>span{color:var(--wf-muted);font-size:10px}.inspector[data-active-tab] .interaction-empty{padding:12px;border-color:#50525a;border-radius:3px;color:var(--wf-muted);background:#27282c}.inspector[data-active-tab] .interaction-empty strong{color:var(--wf-text);font-size:12px}.inspector[data-active-tab] .interaction-empty span{display:none}.inspector[data-active-tab] .interaction-empty button,.inspector[data-active-tab] .add-step{min-height:29px;border-radius:3px;color:#e5efff;background:#345f98;font-size:12px}.inspector[data-active-tab] .inspector-more{right:12px;bottom:10px;left:12px;min-height:30px;border-color:#565861;border-radius:3px;color:#d5d7dc;background:#1f2024f0;box-shadow:0 4px 14px #00000047;font-size:11px}.issue-workbench{padding:12px}.issue-workbench .issue-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:10px 11px;border:1px solid #dfe3eb;border-radius:6px;background:#fff}.issue-workbench .issue-summary>span{display:inline-flex;align-items:center;gap:6px;color:#2e3440;font-size:12px}.issue-workbench .issue-summary strong{color:#4f46dc;font-size:17px}.issue-workbench .issue-summary em{color:#7d8492;font-size:10px;font-style:normal}.issue-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:10px;padding:3px;border-radius:5px;background:#eaecf2}.issue-filters button{height:29px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:4px;color:#69707e;background:transparent;font-size:11px;cursor:pointer}.issue-filters button small{min-width:16px;height:16px;display:grid;place-items:center;border-radius:8px;color:#858b99;background:#dfe1e8;font-size:9px}.issue-filters button.is-active{color:#36304d;background:#fff;box-shadow:0 1px 3px #1b1f2b1a}.issue-filters button.is-active small{color:#4f46dc;background:#eceaff}.issue-workbench .issue-card{width:100%;display:block;margin:0 0 7px;padding:0;overflow:hidden;border:1px solid #dfe3eb;border-left:3px solid #6d8dd8;border-radius:5px;background:#fff}.issue-workbench .issue-card.warning{border-left-color:#d39a35}.issue-workbench .issue-card.error{border-left-color:#d8535c}.issue-card-main{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:0;color:#303641;background:transparent;text-align:left;cursor:pointer}.issue-card-main:hover{background:#f7f8fb}.issue-card-main>span:first-child{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#4c69a8;background:#e8eefc;font-size:10px;font-weight:800}.issue-card.warning .issue-card-main>span:first-child{color:#8e6017;background:#fff0d2}.issue-card.error .issue-card-main>span:first-child{color:#b8353f;background:#ffe6e8}.issue-card-main>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.issue-card-main strong{overflow:hidden;color:#303641;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.issue-card-main small{overflow:hidden;color:#8a909c;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.issue-card-main em{color:#5b50ec;font-size:10px;font-style:normal}.issue-quick-fix{height:27px;display:inline-flex;align-items:center;gap:5px;margin:0 10px 9px 40px;padding:0 8px;border:1px solid #cfd3df;border-radius:4px;color:#565d6b;background:#fff;font-size:10px;cursor:pointer}.issue-quick-fix:hover{color:#4f46dc;border-color:#aaa5f2;background:#f5f4ff}.issue-empty{min-height:180px}.inspector[data-active-tab]{--wf-panel: #ffffff;--wf-panel-raised: #f6f7fa;--wf-field: #ffffff;--wf-field-hover: #fbfcff;--wf-line: #dfe3eb;--wf-line-soft: #e7eaf0;--wf-text: #17233d;--wf-muted: #667386;--wf-blue: var(--brand);color-scheme:light;color:var(--wf-text);background:#fff;border-color:#dfe3eb}.inspector[data-active-tab] .inspector-heading,.inspector[data-active-tab] .inspector-tabs{color:#17233d;background:#fff;border-color:#dfe3eb}.inspector[data-active-tab] .inspector-heading strong{color:#17233d}.inspector[data-active-tab] .inspector-heading>span{color:#8b98a9}.inspector[data-active-tab] .kind-badge.control{color:#5d6b7c;background:#edf0f4}.inspector[data-active-tab] .kind-badge.component{color:#087c65;background:#ddf7ef}.inspector[data-active-tab] .inspector-tabs button{border-color:#eef0f4;color:#697486;background:#fff}.inspector[data-active-tab] .inspector-tabs button:hover{color:var(--brand);background:#f3f6ff}.inspector[data-active-tab] .inspector-tabs button.is-active{color:var(--brand);background:#f8f9ff}.inspector[data-active-tab] .inspector-scroll{color:#17233d;background:#fff;scrollbar-color:#b7c0cc #f4f6f8}.inspector[data-active-tab] .inspector-scroll::-webkit-scrollbar-track{background:#f4f6f8}.inspector[data-active-tab] .inspector-scroll::-webkit-scrollbar-thumb{border-color:#f4f6f8;background:#b7c0cc}.inspector[data-active-tab] .property-section{border-color:#dfe3eb}.inspector[data-active-tab] .property-section-title{color:#17233d;background:#f7f8fb}.inspector[data-active-tab] .property-section-title:hover{background:#eef2f7}.inspector[data-active-tab] .property-section-title svg{color:#7d8a9b}.inspector[data-active-tab] .property-field>span,.inspector[data-active-tab] .property-grid label>span,.inspector[data-active-tab] .dimension-field label span,.inspector[data-active-tab] .compact-control-row>span,.inspector[data-active-tab] .box-model-heading strong{color:#526273}.inspector[data-active-tab] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.inspector[data-active-tab] select,.inspector[data-active-tab] textarea{border-color:#cfd8e3;color:#1f2d3d;background:#fff}.inspector[data-active-tab] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):hover,.inspector[data-active-tab] select:hover,.inspector[data-active-tab] textarea:hover{border-color:#8cbcff;background:#fff}.inspector[data-active-tab] input:disabled{color:#8d97a6;background:#f5f6f8}.inspector[data-active-tab] .property-empty-note,.inspector-compact-state{border-color:#d8dee8;color:#8490a1;background:#f8f9fb}.inspector[data-active-tab] .layout-preset-row button,.inspector[data-active-tab] .layout-mode-switch button,.inspector[data-active-tab] .mini-segmented button{border-color:#d7deea;color:#5e6a7b;background:#f7f8fa}.inspector[data-active-tab] .layout-preset-row button:hover,.inspector[data-active-tab] .layout-mode-switch button:hover,.inspector[data-active-tab] .mini-segmented button:hover{color:var(--brand);border-color:#aebdf0;background:#f1f4ff}.inspector[data-active-tab] .layout-mode-switch button:last-child{border-right-color:#d7deea}.inspector[data-active-tab] .layout-mode-switch button.is-active,.inspector[data-active-tab] .mini-segmented button.is-active{color:#fff;border-color:var(--brand);background:var(--brand)}.inspector[data-active-tab] .alignment-grid{border-color:#d6dce6;background:#f5f7fa}.inspector[data-active-tab] .alignment-grid button{border-color:#e0e4eb}.inspector[data-active-tab] .alignment-grid button:hover,.inspector[data-active-tab] .alignment-grid button.is-active{background:#e7edff}.inspector[data-active-tab] .color-field input[type=color]{border-color:#cfd8e3;background:#fff}.inspector[data-active-tab] .inline-actions button,.inspector[data-active-tab] .wide-action,.inspector[data-active-tab] .skin-detach-action{border-color:#cfd8e3;color:#526273;background:#fff}.inspector[data-active-tab] .inline-actions button:hover,.inspector[data-active-tab] .wide-action:hover{color:var(--brand);border-color:#9fb2ef;background:#f3f6ff}.inspector[data-active-tab] .skin-grid button,.inspector[data-active-tab] .project-skin-card{border-color:#dce2eb;color:#17233d;background:#fff}.inspector[data-active-tab] .project-skin-card strong,.inspector[data-active-tab] .skin-grid strong,.inspector[data-active-tab] .binding-step-heading strong,.inspector[data-active-tab] .contract-summary strong,.inspector[data-active-tab] .wire-field-source strong,.inspector[data-active-tab] .request-mapping-row strong{color:#17233d}.inspector[data-active-tab] .project-skin-card small,.inspector[data-active-tab] .contract-summary span,.inspector[data-active-tab] .wire-field-source code,.inspector[data-active-tab] .mapping-source-summary,.inspector[data-active-tab] .request-mapping-row small{color:#7d8a9b}.inspector[data-active-tab] .binding-step-heading>span{color:#4f68cf;background:#e9eeff}.inspector[data-active-tab] .contract-summary,.inspector[data-active-tab] .request-mapping-row,.inspector[data-active-tab] .response-wire-field,.inspector[data-active-tab] .mapping-source-summary,.inspector[data-active-tab] .binding-debug-panel,.inspector[data-active-tab] .binding-test-result{border-color:#dce2eb;color:#17233d;background:#f8f9fb}.inspector[data-active-tab] .wire-field-source,.inspector[data-active-tab] .response-wire-source{color:#17233d}.inspector[data-active-tab] .response-wire-field.is-connected,.inspector[data-active-tab] .request-mapping-row.is-connected{border-color:#a7dac9;background:#f0faf6}.inspector[data-active-tab] .wire-connection-chip{border-color:#a7dac9;color:#24765d;background:#e7f7f1}.inspector[data-active-tab] .interaction-flow-tabs button{border-color:#d7deea;color:#5e6a7b;background:#fff}.inspector[data-active-tab] .interaction-flow-tabs button.is-active{color:#4f68cf;border-color:#9eafea;background:#edf1ff}.inspector[data-active-tab] .interaction-flow-tabs button small{background:#5272e91f}.inspector[data-active-tab] .interaction-flow-meta,.inspector[data-active-tab] .interaction-event-card,.inspector[data-active-tab] .interaction-step,.inspector[data-active-tab] .interaction-step.depth-1,.inspector[data-active-tab] .interaction-step.depth-2,.inspector[data-active-tab] .interaction-step.depth-3,.inspector[data-active-tab] .interaction-branch,.inspector[data-active-tab] .interaction-branch.onFailure,.inspector[data-active-tab] .interaction-action-menu,.inspector[data-active-tab] .interaction-step-config-panel{border-color:#dce2ed;color:#17233d;background:#fff}.inspector[data-active-tab] .interaction-flow-meta{background:#f7f9fc}.inspector[data-active-tab] .interaction-flow-meta label,.inspector[data-active-tab] .interaction-config label{color:#526273}.inspector[data-active-tab] .interaction-empty{border-color:#ccd4e4;color:#7a8699;background:#f9faff}.inspector[data-active-tab] .interaction-empty strong{color:#384358}.inspector[data-active-tab] .interaction-empty button,.inspector[data-active-tab] .add-step{color:#4f68cf;background:#edf1ff}.inspector[data-active-tab] .inspector-more{border-color:#d9deeb;color:#5d57d8;background:#fffffff5;box-shadow:0 4px 14px #21293c1f}.visual-box-model{display:flex;flex-direction:column;gap:8px}.box-model-canvas{position:relative;height:158px;overflow:hidden;border:1px solid #dfe4ec;border-radius:6px;background:linear-gradient(135deg,#f0f2f6 0 50%,#eceff4 50% 100%)}.box-layer-label{position:absolute;z-index:1;color:#9aa4b3;font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.margin-label{top:8px;left:9px}.padding-label{top:7px;left:8px}.padding-zone{position:absolute;inset:37px 52px;border:1px solid #cbd6e9;border-radius:4px;background:linear-gradient(135deg,#edf2ff 0 50%,#e5ecfd 50% 100%)}.box-model-content{position:absolute;inset:31px 42px;display:grid;place-items:center;border:1px solid #b9c5da;border-radius:3px;color:#6d7890;background:#fff;font-size:10px}.box-edge{position:absolute;z-index:3;min-width:34px;height:25px;padding:0 5px;border:1px solid transparent;border-radius:4px;color:#6f798a;background:transparent;font-size:12px;cursor:pointer}.box-edge:hover{color:var(--brand);background:#ffffffb8}.box-edge.is-active{color:#fff;border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 2px #5272e91f}.box-edge.margin.top{top:6px;left:50%;transform:translate(-50%)}.box-edge.margin.right{top:50%;right:7px;transform:translateY(-50%)}.box-edge.margin.bottom{bottom:6px;left:50%;transform:translate(-50%)}.box-edge.margin.left{top:50%;left:7px;transform:translateY(-50%)}.box-edge.padding.top{top:3px;left:50%;transform:translate(-50%)}.box-edge.padding.right{top:50%;right:3px;transform:translateY(-50%)}.box-edge.padding.bottom{bottom:3px;left:50%;transform:translate(-50%)}.box-edge.padding.left{top:50%;left:3px;transform:translateY(-50%)}.spacing-quick-editor{padding:8px;border:1px solid #dfe4ec;border-radius:6px;background:#f7f8fb}.spacing-editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.spacing-editor-heading strong{color:#465267;font-size:11px}.spacing-editor-heading button{height:24px;padding:0 7px;border:1px solid #d3dbe7;border-radius:4px;color:#758195;background:#fff;font-size:10px;cursor:pointer}.spacing-editor-heading button.is-active{color:var(--brand);border-color:#9fb1ed;background:#edf1ff}.spacing-slider-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:8px}.spacing-slider-row>input[type=range]{width:100%;accent-color:var(--brand)}.spacing-slider-row label{position:relative}.spacing-slider-row label input{width:100%;height:30px;padding:0 28px 0 8px;text-align:right}.spacing-slider-row label span{position:absolute;top:8px;right:7px;color:#8791a0;font-size:10px}.spacing-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:7px}.spacing-presets button{height:27px;padding:0;border:1px solid #d9dfe8;border-radius:4px;color:#657184;background:#fff;font-size:10px;cursor:pointer}.spacing-presets button:hover{color:var(--brand);border-color:#aab8e8}.spacing-presets button.is-active{color:#fff;border-color:var(--brand);background:var(--brand)}.property-choice-row{min-height:30px;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:7px}.property-choice-row>span{color:#526273;font-size:12px}.visual-segmented{display:flex;min-width:0;overflow:hidden;border:1px solid #d7deea;border-radius:4px;background:#f7f8fa}.visual-segmented button{min-width:0;min-height:29px;flex:1 1 0;padding:0 5px;border:0;border-right:1px solid #dfe4ec;color:#687487;background:transparent;font-size:10.5px;cursor:pointer}.visual-segmented button:last-child{border-right:0}.visual-segmented button:hover{color:var(--brand);background:#f0f3ff}.visual-segmented button.is-active{color:#fff;background:var(--brand)}.text-align-segment button{font-size:17px;line-height:1}.text-align-segment button:nth-child(3){transform:scaleX(-1)}.border-style-segment button{font:13px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.inspector[data-active-tab] .property-section-title{min-height:34px;height:34px;padding:0 12px;border-bottom:1px solid #edf0f4;background:#fff}.inspector[data-active-tab] .property-section-title:hover{background:#f8f9fc}.inspector[data-active-tab] .property-section-title strong{font-size:12px;font-weight:700}.inspector[data-active-tab] .property-section-body{padding:8px 12px 10px}.webflow-property-row,.position-anchor-control,.background-position-control,.background-add-row{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:6px}.webflow-property-row>span,.position-anchor-control>span,.background-position-control>span,.background-add-row>span{color:#526273;font-size:11px}.display-property-row .layout-mode-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}.context-settings{margin:5px -2px 7px;padding:7px 2px 1px;border-top:1px solid #edf0f4}.property-choice-row{min-height:28px;grid-template-columns:62px minmax(0,1fr);gap:7px;margin-bottom:6px}.property-choice-row>span{font-size:11px}.visual-segmented button{min-height:27px;font-size:10px}.icon-segmented button{font-size:14px}.distribution-segmented button{padding-inline:2px;font-size:11px}.scrub-number{min-width:0;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:6px}.scrub-number>button,.dimension-scrub-label{min-width:0;padding:0;border:0;color:#526273;background:transparent;font-size:11px;text-align:left;cursor:ew-resize;-webkit-user-select:none;user-select:none}.scrub-number>button:hover,.dimension-scrub-label:hover{color:var(--brand)}.scrub-number>button:disabled,.dimension-scrub-label:disabled{color:#a0a8b4;cursor:default}.scrub-number label{position:relative;min-width:0}.scrub-number input{width:100%;height:28px;padding:0 30px 0 8px;text-align:right}.scrub-number label span{position:absolute;top:7px;right:8px;color:#8994a4;font-size:10px;pointer-events:none}.scrub-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scrub-pair .scrub-number{grid-template-columns:44px minmax(0,1fr);gap:4px}.scrub-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.scrub-triple .scrub-number{display:flex;flex-direction:column;align-items:stretch;gap:3px}.scrub-triple .scrub-number>button{font-size:10px}.gap-controls{padding-top:1px}.dimension-stack{display:flex;flex-direction:column;gap:6px}.dimension-control{position:relative;min-width:0;display:grid;grid-template-columns:62px minmax(0,1fr) 52px;align-items:center;gap:5px}.dimension-control>input{width:100%;height:28px;min-width:0;padding:0 7px;text-align:right}.unit-picker{position:relative;min-width:0}.unit-picker>button{width:100%;height:28px;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0 7px;border:1px solid #cfd8e3;border-radius:3px;color:#5d697b;background:#fff;font-size:10px;cursor:pointer}.unit-picker>button:hover{color:var(--brand);border-color:#9fb2ef}.unit-picker-menu{position:absolute;z-index:60;top:calc(100% + 3px);right:0;width:76px;display:grid;gap:2px;padding:4px;border:1px solid #cfd8e3;border-radius:5px;background:#fff;box-shadow:0 8px 22px #19223429}.unit-picker-menu button{height:25px;padding:0 7px;border:0;border-radius:3px;color:#5b687a;background:transparent;font-size:10px;text-align:left;cursor:pointer}.unit-picker-menu button:hover,.unit-picker-menu button.is-active{color:var(--brand);background:#eef2ff}.advanced-disclosure{margin-top:7px;border-top:1px solid #edf0f4}.advanced-disclosure>summary{height:30px;display:flex;align-items:center;justify-content:space-between;color:#59677a;font-size:11px;cursor:pointer;list-style:none}.advanced-disclosure>summary::-webkit-details-marker{display:none}.advanced-disclosure>summary:after{content:"";width:7px;height:7px;flex:0 0 7px;margin:-3px 3px 0 8px;border-right:1.5px solid #8994a4;border-bottom:1.5px solid #8994a4;transform:rotate(45deg);transition:transform .12s ease}.advanced-disclosure[open]>summary:after{margin-top:4px;transform:rotate(225deg)}.advanced-disclosure>.dimension-stack,.advanced-disclosure>input{margin-bottom:2px}.advanced-disclosure>input{width:100%;height:28px}.alignment-control{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:7px}.alignment-grid,.position-anchor-grid,.background-position-grid{width:76px;height:76px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;padding:4px;border:1px solid #d6dce6;border-radius:5px;background:#f6f7fa}.alignment-grid button,.position-anchor-grid button,.background-position-grid button{min-width:0;padding:0;display:grid;place-items:center;border:0;border-radius:3px;background:transparent;cursor:pointer}.alignment-grid button:hover,.position-anchor-grid button:hover,.background-position-grid button:hover{background:#e8edff}.position-anchor-grid button i,.background-position-grid button i{width:5px;height:5px;display:block;border-radius:50%;background:#9ba5b4}.position-anchor-grid button:hover i,.background-position-grid button:hover i,.background-position-grid button.is-active i{background:var(--brand);box-shadow:0 0 0 3px #5272e91f}.position-mode-row .visual-segmented button{padding-inline:2px;font-size:9.5px}.overflow-row{margin-top:7px}.typography-size-row{margin-bottom:1px}.font-weight-row .visual-segmented button{padding-inline:1px;font-size:9px}.background-add-row>div{display:flex;gap:5px}.background-add-row button,.radius-presets button{height:27px;padding:0 7px;border:1px solid #d8dfe9;border-radius:3px;color:#5e6a7b;background:#fff;font-size:10px;cursor:pointer}.background-add-row button:hover,.radius-presets button:hover{color:var(--brand);border-color:#a7b6e8;background:#f3f5ff}.background-layer-editor{padding:7px;border:1px solid #dfe4ec;border-radius:5px;background:#f8f9fb}.background-layer-heading{display:grid;grid-template-columns:minmax(0,1fr) 27px;gap:5px;margin-bottom:6px}.background-layer-heading>button{border:1px solid #d8dfe9;border-radius:3px;color:#8b5260;background:#fff;cursor:pointer}.background-source-input{width:100%;height:28px;margin-bottom:6px}.background-position-control{margin:7px 0}.radius-presets{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:2px}.radius-presets button{min-width:0;padding:0 2px;font-size:9px}.radius-presets button.is-active{color:#fff;border-color:var(--brand);background:var(--brand)}.shadow-preset-row{margin-bottom:0}.box-model-canvas{height:132px}.padding-zone{inset:31px 46px}.box-model-content{inset:27px 36px}.box-edge{height:23px;font-size:11px}.box-edge.top,.box-edge.bottom{cursor:ns-resize}.box-edge.left,.box-edge.right{cursor:ew-resize}.spacing-editor-heading>div{display:flex;gap:4px}.spacing-quick-editor{padding:7px}.spacing-presets{grid-template-columns:repeat(4,1fr)}.spacing-presets button{height:25px}.inspector[data-active-tab]{--inspector-label-width: 82px}.inspector[data-active-tab] .property-field,.property-choice-row,.webflow-property-row,.position-anchor-control,.background-position-control,.background-add-row,.scrub-number,.alignment-control{grid-template-columns:var(--inspector-label-width) minmax(0,1fr)}.dimension-control{grid-template-columns:var(--inspector-label-width) minmax(0,1fr) 52px}.scrub-pair{grid-template-columns:var(--inspector-label-width) minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:5px;margin-bottom:6px}.scrub-pair .scrub-number{display:contents}.scrub-pair .scrub-number>button{min-width:0}.scrub-pair .scrub-number label{min-width:0}.inspector-control-icon{width:16px;height:16px;display:block;flex:0 0 auto}.display-property-row .layout-mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding-inline:4px}.display-property-row .layout-mode-switch button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-segmented button,.distribution-segmented button,.text-align-segment button,.border-style-segment button{display:inline-flex;align-items:center;justify-content:center}.distribution-segmented .inspector-control-icon{width:18px}.text-align-segment button{font-size:inherit;line-height:normal}.text-align-segment button:nth-child(3){transform:none}.border-style-segment button{font:inherit}.multi-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;border:0;border-radius:0;background:transparent}.multi-action-grid button,.multi-action-grid button:last-child{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;border:1px solid #d7deea;border-radius:4px;color:#5d697b;background:#f7f8fa;font-size:11px}.multi-action-grid button:hover{border-color:#aebdf0}.multi-action-grid button.is-active{color:#fff;border-color:var(--brand);background:var(--brand)}.multi-action-grid button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-segmented .inspector-control-icon,.overflow-row .inspector-control-icon,.border-style-segment .inspector-control-icon{width:15px;height:15px}.font-weight-row .multi-action-grid button,.position-mode-row .multi-action-grid button{font-size:11px}.radius-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.radius-presets button{height:28px;font-size:10.5px}.document-kind-tabs>button{gap:3px;padding:0 3px;white-space:nowrap;word-break:keep-all}.document-kind-tabs>button small{min-width:16px;height:16px;flex:0 0 auto;padding:0 4px;border-radius:8px;font-size:9px}.inspector[data-active-tab]{--inspector-label-width: 88px}.inspector[data-active-tab] .property-section-title{min-height:38px;height:38px}.inspector[data-active-tab] .property-section-title strong{font-size:13px}.inspector[data-active-tab] .property-section-body{padding:10px 12px 12px}.inspector[data-active-tab] .property-field,.property-choice-row,.webflow-property-row,.position-anchor-control,.background-position-control,.background-add-row,.scrub-number,.alignment-control{min-height:34px}.inspector[data-active-tab] .property-field>span,.property-choice-row>span,.webflow-property-row>span,.position-anchor-control>span,.background-position-control>span,.background-add-row>span,.scrub-number>button,.dimension-scrub-label,.alignment-control>span{font-size:12px;text-align:left}.inspector[data-active-tab] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.inspector[data-active-tab] select,.inspector[data-active-tab] textarea,.unit-picker>button{min-height:34px;font-size:13px}.scrub-number input,.dimension-control>input,.unit-picker>button{height:34px}.visual-segmented button,.inspector[data-active-tab] .layout-mode-switch button,.inspector[data-active-tab] .mini-segmented button,.background-add-row button,.radius-presets button{min-height:34px;font-size:12px}.multi-action-grid button,.multi-action-grid button:last-child{min-height:36px;justify-content:flex-start;font-size:12px}.multi-action-grid .inspector-control-icon{width:17px;height:17px}.icon-segmented:not(.multi-action-grid) button,.text-align-segment button{justify-content:center}.inspector[data-active-tab] :is(.visual-segmented button,.layout-mode-switch button,.mini-segmented button,.multi-action-grid button,.radius-presets button,.background-add-row button,.inline-actions button,.wide-action,.skin-detach-action){display:inline-flex;align-items:center;justify-content:center;text-align:center}.radius-preset-row{align-items:start}.radius-presets{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:start;gap:5px;margin:0}.radius-presets button{width:100%;min-width:0;box-sizing:border-box}.range-field input[type=range]{width:100%;height:4px;min-height:4px;margin:0;padding:0;border:0;border-radius:999px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--brand) 0,var(--brand) var(--range-progress, 100%),#dfe4ec var(--range-progress, 100%),#dfe4ec 100%);cursor:pointer}.range-field input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:transparent}.range-field input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid #fff;border-radius:50%;appearance:none;-webkit-appearance:none;background:var(--brand);box-shadow:0 0 0 1px #8799d9}.range-field input[type=range]::-moz-range-track{height:4px;background:transparent}.range-field input[type=range]::-moz-range-progress{height:4px;background:var(--brand)}.range-field input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--brand);box-shadow:0 0 0 1px #8799d9}.runtime-node.is-editor-node:not(.runtime-root){min-height:24px}html.preview-document,body.preview-document{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body.preview-document #root{height:auto;min-height:100vh;overflow:visible}.preview-page{min-height:100vh;color:#182230;background:#fff}.preview-page-stage{min-height:100vh;padding:0;display:flex;align-items:flex-start;justify-content:center;overflow:visible}.preview-page-stage .preview-device{width:100%;max-width:100%;min-height:100vh;border-radius:0;box-shadow:none;overflow:visible}.preview-page-stage .preview-device.viewport-mobile{width:390px}.preview-page-stage .preview-device.viewport-tablet{width:768px}.preview-page-stage .preview-device.viewport-desktop{width:1100px}.preview-page-stage .runtime-root{min-height:100vh;border-radius:0}.preview-page .runtime-feedback-stack{top:24px}.preview-page-error{display:grid;place-content:center;gap:18px;text-align:center}:root{--brand: #2468f2;--brand-dark: #1d56cf;--nav: #ffffff;--line: #e5e6eb;--muted: #86909c;--panel: #ffffff;--soft: #f5f6f8;color:#1d2129;background:#f5f6f8;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}.editor-app{grid-template-rows:56px minmax(0,1fr);background:#f5f6f8}.topbar{height:56px;grid-template-columns:280px minmax(220px,1fr) auto;gap:16px;padding:0 12px 0 16px;border-bottom-color:#e5e6eb;background:#fff;box-shadow:none}.brand-group{gap:10px}.brand-mark{display:grid;width:24px;height:24px;grid-template-columns:repeat(2,1fr);gap:2px;padding:4px;border-radius:4px;background:#2468f2;box-shadow:none}.brand-mark i{display:block;border-radius:1px;background:#fff}.brand-group strong{color:#1d2129;font-size:14px;font-weight:600}.brand-group span{color:#86909c;font-size:10px}.document-kind,.kind-badge{color:#4e5969;background:#f2f3f5;border-radius:2px}.document-breadcrumb strong{color:#1d2129;font-weight:500}.save-state{color:#86909c}.portal-user-context>span{width:28px;height:28px;background:#2468f2}.portal-user-context strong{color:#4e5969}.viewport-switcher,.segmented{padding:2px;border-radius:4px;background:#f2f3f5}.viewport-switcher button,.segmented button{height:28px;border-radius:3px}.viewport-switcher button.is-active,.segmented button.is-active{color:#2468f2;box-shadow:none}.icon-button,.environment-select,.button{height:32px;border-radius:4px}.icon-button{width:32px}.button.primary{background:#2468f2;border-color:#2468f2}.button.primary:hover{background:#1d56cf}.editor-workspace{grid-template-columns:72px 278px minmax(480px,1fr) 360px}.left-navigation{gap:2px;padding:12px 7px;background:#fff;border-right:1px solid #e5e6eb}.left-navigation button{position:relative;min-height:54px;color:#6b7785;border-radius:4px;font-size:11px}.left-navigation button:hover{color:#1d2129;background:#f7f8fa}.left-navigation button.is-active{color:#2468f2;font-weight:600;background:#edf4ff;box-shadow:none}.left-navigation button.is-active:before{position:absolute;top:10px;bottom:10px;left:-7px;width:3px;border-radius:0 2px 2px 0;background:#2468f2;content:""}.nav-icon{color:currentColor}.resource-panel,.inspector{border-color:#e5e6eb;background:#fff}.panel-title{height:56px;border-bottom-color:#e5e6eb}.panel-title strong{color:#1d2129;font-size:14px;font-weight:600}.panel-title>button,.project-item,.project-item-row,.asset-card,.interface-card,.panel-note,.property-help,.interface-detail-back,.interface-detail-hero,.interface-detail-meta,.interface-detail-section,.interface-detail-json,.search-box,.project-selector-row select,.project-selector-row button{border-radius:4px;box-shadow:none}.panel-section-heading strong{color:#4e5969;letter-spacing:0;text-transform:none}.project-item.is-active,.project-item-row.is-active{color:#2468f2;border-color:#b7cffd;background:#edf4ff}.asset-card:hover{border-color:#b7cffd;background:#f7faff;box-shadow:none;transform:none}.canvas-area,.canvas-shell{background-color:#f2f3f5}.inspector-tabs button.is-active,.document-kind-tabs>button.is-active{color:#2468f2}.range-field input[type=range]{--brand: #2468f2}.published-page-shell{min-height:100vh;display:flex;justify-content:center;background:#e9edf3}.published-page-device{width:min(100%,390px);min-height:100vh;background:#f5f6f8;box-shadow:0 0 32px #1d21291f}.published-page-device>.runtime-node{min-height:100vh}.published-page-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#4e5969;background:#f5f6f8;font-family:Microsoft YaHei,PingFang SC,sans-serif}.published-page-state.is-error strong{color:#1d2129}.published-page-state.is-error span{color:#86909c;font-size:13px}.topbar{grid-template-columns:208px minmax(220px,1fr) auto}.editor-workspace{grid-template-columns:208px 278px minmax(480px,1fr) 420px}.left-navigation{gap:2px;padding:12px 10px}.left-navigation button{min-height:40px;height:40px;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;font-size:13px;text-align:left}.left-navigation button.is-active:before{top:8px;bottom:8px;left:-10px}.left-navigation .nav-icon{width:18px;height:18px;flex:0 0 18px}.site-brand-icon{display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain}.inspector .display-property-row .layout-mode-switch button span{overflow:visible;text-overflow:clip;white-space:nowrap}@media(max-width:1350px){.editor-workspace{grid-template-columns:208px 260px minmax(420px,1fr) 420px}}@media(max-width:430px){.published-page-device{width:100%;box-shadow:none}}.editor-workspace.is-navigation-collapsed{grid-template-columns:64px 278px minmax(480px,1fr) 420px}.editor-workspace.is-resource-collapsed{grid-template-columns:208px 44px minmax(480px,1fr) 420px}.editor-workspace.is-navigation-collapsed.is-resource-collapsed{grid-template-columns:64px 44px minmax(480px,1fr) 420px}.left-navigation-spacer{flex:1 1 auto}.left-navigation .left-navigation-toggle{flex:0 0 40px;min-height:40px;margin-top:8px;border-top:1px solid #e5e6eb;color:#6b7785}.left-navigation.is-collapsed{padding-inline:7px}.left-navigation.is-collapsed button{justify-content:center;gap:0;padding-inline:0}.left-navigation.is-collapsed button>span{display:none}.left-navigation.is-collapsed button.is-active:before{left:-7px}.resource-panel-collapsed{display:flex;min-width:0;height:100%;flex-direction:column;align-items:center;gap:12px;padding:12px 5px;overflow:hidden;border-right:1px solid #e5e6eb;background:#f8f8fc}.resource-panel-collapsed button{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;padding:0;border:1px solid #dcddea;border-radius:6px;color:#5146e8;background:#fff;cursor:pointer}.resource-panel-collapsed span{color:#696d7e;font-size:12px;font-weight:600;letter-spacing:.12em;writing-mode:vertical-rl}@media(max-width:1350px){.editor-workspace.is-navigation-collapsed{grid-template-columns:64px 260px minmax(420px,1fr) 420px}.editor-workspace.is-resource-collapsed{grid-template-columns:208px 44px minmax(420px,1fr) 420px}.editor-workspace.is-navigation-collapsed.is-resource-collapsed{grid-template-columns:64px 44px minmax(420px,1fr) 420px}}.resource-panel .asset-panel{padding-top:14px;background:#f7f8fb}.asset-panel .segmented.full-width{height:42px;margin:0 16px 12px;padding:3px;border:1px solid #e3e7ef;border-radius:8px;background:#eef1f6}.asset-panel .segmented.full-width button{height:34px;border-radius:6px;color:#667085;font-size:13px;font-weight:600}.asset-panel .segmented.full-width button.is-active{color:#1d5eea;background:#fff;box-shadow:0 1px 3px #10182814}.asset-panel .asset-scope-tabs{gap:10px;min-height:40px;margin:0 16px 12px;border-bottom-color:#e4e8ef}.asset-panel .asset-scope-tabs button{height:40px;color:#667085;font-size:10px;font-weight:500}.asset-panel .asset-scope-tabs button.is-active{color:#2468f2}.asset-panel .asset-scope-tabs button.is-active:after{height:2px;background:#2468f2}.asset-panel .asset-scope-tabs button small{min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:10px}.asset-panel .asset-scope-tabs button.is-active small{color:#2468f2;background:#eaf1ff}.resource-panel .asset-panel .search-box{height:42px;margin:0 16px;padding:0 12px;border-color:#dfe4ec;border-radius:8px;color:#98a2b3;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.resource-panel .asset-panel .search-box:focus-within{border-color:#8eb2ff;box-shadow:0 0 0 3px #2468f21a}.resource-panel .asset-panel .search-box input{font-size:13px}.asset-panel .asset-scroll{padding:8px 16px 14px;scrollbar-color:#c5ccd8 transparent}.asset-panel .asset-category{margin-top:14px}.asset-panel .category-heading{margin:0 2px 8px}.asset-panel .category-heading strong{color:#344054;font-size:12px;font-weight:650}.asset-panel .category-heading span{min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;color:#667085;background:#e9edf3;font-size:10px}.asset-panel .asset-grid{grid-template-columns:minmax(0,1fr);gap:7px}.resource-panel .asset-panel .asset-card{min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;justify-content:initial;gap:10px;padding:9px 11px;overflow:hidden;border:1px solid #e0e5ed;border-radius:8px;color:#344054;background:#fff;text-align:left;box-shadow:0 1px 1px #10182805;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.resource-panel .asset-panel .asset-card:hover{border-color:#93b5fb;background:#f8fbff;box-shadow:0 4px 12px #2468f214;transform:translateY(-1px)}.resource-panel .asset-panel .asset-card:active{cursor:grabbing;transform:translateY(0)}.topbar{grid-template-columns:128px minmax(220px,1fr) auto}.editor-workspace{grid-template-columns:128px 278px minmax(480px,1fr) 350px}.editor-workspace.is-navigation-collapsed{grid-template-columns:64px 278px minmax(480px,1fr) 350px}.editor-workspace.is-resource-collapsed{grid-template-columns:128px 44px minmax(480px,1fr) 350px}.editor-workspace.is-navigation-collapsed.is-resource-collapsed{grid-template-columns:64px 44px minmax(480px,1fr) 350px}.left-navigation{padding-inline:8px}.left-navigation button{padding-inline:9px}.left-navigation button.is-active:before{left:-8px}.editor-app,.editor-app button,.editor-app label,.editor-app .runtime-node{-webkit-user-select:none;user-select:none}.editor-app input,.editor-app textarea,.editor-app select,.editor-app [contenteditable=true]{-webkit-user-select:text;user-select:text}.runtime-component-package{isolation:isolate}.runtime-component-package>iframe{pointer-events:none}.canvas-dom-path{overscroll-behavior-inline:contain;scrollbar-width:thin}.canvas-dom-path::-webkit-scrollbar{height:5px}.canvas-dom-path::-webkit-scrollbar-thumb{border-radius:999px;background:#b7c6df}@media(max-width:1350px){.editor-workspace{grid-template-columns:120px 250px minmax(420px,1fr) 330px}.editor-workspace.is-navigation-collapsed{grid-template-columns:64px 250px minmax(420px,1fr) 330px}.editor-workspace.is-resource-collapsed{grid-template-columns:120px 44px minmax(420px,1fr) 330px}.editor-workspace.is-navigation-collapsed.is-resource-collapsed{grid-template-columns:64px 44px minmax(420px,1fr) 330px}}.asset-panel .asset-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d9e5fd;border-radius:8px;color:#2468f2;background:#edf4ff}.asset-panel .asset-card-component .asset-icon{border-color:#d9d5fb;color:#635bdb;background:#f1efff}.asset-panel .asset-card-legacy .asset-icon{border-color:#cceadf;color:#11845f;background:#ecf8f3}.asset-card-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.resource-panel .asset-card-copy strong{width:100%;overflow:hidden;color:#1d2939;font-size:13px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.asset-card-copy small{width:100%;overflow:hidden;color:#98a2b3;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.asset-panel .asset-empty-state{min-height:250px;margin-top:8px;border:1px dashed #d9dfe8;border-radius:10px;background:#ffffff9e}.resource-panel .asset-panel .panel-footer-button{min-height:42px;height:42px;margin:10px 16px 14px;border-color:#cbdafa;border-radius:8px;color:#2468f2;background:#fff;font-size:12px;font-weight:600}.resource-panel .asset-panel .panel-footer-button:hover{border-color:#8eb2ff;background:#f5f9ff}.canvas-area{background:#eef2f7}.canvas-toolbar{height:48px;min-height:48px;padding:0 14px 0 18px;border-bottom:1px solid #dde3eb;background:#fffffff5;box-shadow:0 1px 2px #10182808}.canvas-toolbar-meta strong{color:#1d2939;font-size:12px}.canvas-toolbar .canvas-dom-path{height:34px;padding:3px 8px;border-color:#dfe5ed;border-radius:7px;background:#f8fafc}.canvas-toolbar .canvas-toolbar-actions button{width:32px;min-width:32px;height:32px;border-radius:7px}.canvas-toolbar .canvas-toolbar-actions button:last-child{width:auto;padding:0 10px}.canvas-scroll{padding:64px 72px 140px;background-color:#eef2f7;background-image:linear-gradient(rgba(117,131,153,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(117,131,153,.08) 1px,transparent 1px),linear-gradient(rgba(117,131,153,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(117,131,153,.035) 1px,transparent 1px);background-position:30px 25px;background-size:120px 120px,120px 120px,24px 24px,24px 24px;scrollbar-color:#a7b0bf transparent}.canvas-scroll::-webkit-scrollbar{width:10px;height:10px}.canvas-scroll::-webkit-scrollbar-track{background:#e3e8efb3}.canvas-scroll::-webkit-scrollbar-thumb{border:2px solid rgba(227,232,239,.7);border-radius:8px;background:#9ea9b9}.ruler-horizontal,.ruler-vertical{z-index:2;border-color:#d0d7e2;opacity:.5;background-color:#f5f8fcf0}.canvas-stage{filter:drop-shadow(0 20px 28px rgba(31,45,66,.1))}.canvas-stage>.device-frame{border:1px solid #cfd7e3;border-radius:10px;box-shadow:0 1px 2px #1018280f,0 12px 32px #10182814}.device-frame-header{height:30px;border-bottom-color:#e1e6ed;border-radius:10px 10px 0 0;background:#f8fafc}.device-frame-header span{width:7px;height:7px;background:#cbd3df}.device-frame-header strong{color:#667085;font-size:10px;font-weight:600}.canvas-loading-overlay{position:absolute;z-index:30;inset:48px 0 0;display:grid;place-items:center;overflow:hidden;background-color:#eef2f7;background-image:linear-gradient(rgba(117,131,153,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,131,153,.07) 1px,transparent 1px);background-size:24px 24px}.canvas-loading-device{position:relative;width:min(390px,calc(100% - 80px));min-height:560px;padding:62px 34px 34px;overflow:hidden;border:1px solid #d6dde8;border-radius:10px;background:#fff;box-shadow:0 18px 40px #1e2d421f}.canvas-loading-device-bar{position:absolute;inset:0 0 auto;height:30px;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid #e5eaf0;background:#f8fafc}.canvas-loading-device-bar i{width:7px;height:7px;border-radius:50%;background:#d0d7e2}.canvas-loading-skeleton{border-radius:6px;background:linear-gradient(90deg,#eef2f6 20%,#f8fafc,#eef2f6 60%);background-size:300% 100%;animation:canvas-skeleton-shimmer 1.35s ease-in-out infinite}.canvas-loading-skeleton.is-title{width:58%;height:28px;margin-bottom:20px}.canvas-loading-skeleton.is-line{width:100%;height:12px;margin-bottom:10px}.canvas-loading-skeleton.is-line.is-short{width:72%}.canvas-loading-skeleton.is-card{height:142px;margin-top:32px;border-radius:10px}.canvas-loading-skeleton.is-card.is-secondary{height:94px;margin-top:14px}.canvas-loading-message{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:11px;min-width:240px;padding:13px 16px;border:1px solid #dce4ef;border-radius:10px;background:#fffffff5;box-shadow:0 12px 30px #192d4b24;transform:translate(-50%,-50%)}.canvas-loading-message>span{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:9px;color:#2468f2;background:#edf4ff}.canvas-loading-message svg{animation:canvas-loading-spin .9s linear infinite}.canvas-loading-message>div{display:flex;flex-direction:column;gap:3px}.canvas-loading-message strong{color:#1d2939;font-size:13px}.canvas-loading-message small{color:#7b8798;font-size:11px}@keyframes canvas-loading-spin{to{transform:rotate(360deg)}}@keyframes canvas-skeleton-shimmer{to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.canvas-loading-message svg,.canvas-loading-skeleton{animation:none}}.gallery-open-button{min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd8f7;border-radius:6px;color:#3568d6;background:#f5f8ff;cursor:pointer;font-size:11px}.gallery-open-button:hover{border-color:#7d9deb;background:#edf3ff}.gallery-picker-backdrop{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:22px;background:#161d2d8c}.gallery-picker{width:min(920px,calc(100vw - 44px));height:min(700px,calc(100vh - 44px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe3f0;border-radius:14px;background:#f7f9fc;box-shadow:0 26px 75px #14203e4d}.gallery-picker-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e1e7f0;background:#fff}.gallery-picker-header>div{display:flex;flex-direction:column;gap:3px}.gallery-picker-header strong{color:#202b3d;font-size:16px}.gallery-picker-header small{color:#8793a6;font-size:11px}.gallery-picker-tabs{display:flex;gap:6px;padding:11px 18px 0;background:#fff}.gallery-picker-tabs button{min-height:30px;padding:0 14px;border:1px solid #d8e0ec;border-bottom:0;border-radius:7px 7px 0 0;color:#66748a;background:#f7f9fc;cursor:pointer;font-size:12px}.gallery-picker-tabs button.is-active{color:#2f67dc;border-color:#abc1f4;background:#edf3ff;font-weight:600}.gallery-picker-toolbar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid #e5eaf2;border-bottom:1px solid #e1e7f0;background:#fff}.gallery-search{min-width:0;flex:1;display:flex;align-items:center;gap:7px;height:34px;padding:0 7px 0 10px;border:1px solid #d7dfeb;border-radius:7px;background:#f8fafc}.gallery-search>span{color:#8491a5;font-size:18px;line-height:1}.gallery-search input{min-width:0;flex:1;border:0;outline:0;color:#273348;background:transparent;font-size:12px}.gallery-search button{height:26px;padding:0 10px;border:0;border-radius:5px;color:#fff;background:#4378e8;cursor:pointer;font-size:11px}.gallery-clear-category{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:28px;padding:0 9px;border:1px solid #c9d9fb;border-radius:6px;color:#3568d6;background:#f1f5ff;cursor:pointer;font-size:11px}.gallery-picker-body{min-height:0;flex:1;display:grid;grid-template-columns:172px minmax(0,1fr)}.gallery-picker-categories{overflow:auto;padding:13px 9px;border-right:1px solid #e1e7f0;background:#fff}.gallery-category-rail{display:flex;flex-direction:column;gap:3px}.gallery-category-rail-title{display:flex;align-items:baseline;justify-content:space-between;padding:0 8px 8px;color:#34425a}.gallery-category-rail-title span{font-size:12px;font-weight:700}.gallery-category-rail-title small{color:#9aa7ba;font-size:10px}.gallery-category-item{width:100%;min-height:34px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid transparent;border-radius:7px;color:#5a687e;background:transparent;cursor:pointer;text-align:left;font-size:11px;transition:border-color .15s ease,color .15s ease,background .15s ease}.gallery-category-item:hover{color:#3568d6;border-color:#d6e2fb;background:#f2f6ff}.gallery-category-item.is-active{color:#2f67dc;border-color:#c8d9fa;background:#eaf1ff;font-weight:600}.gallery-category-item-mark{width:18px;display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;color:#94a2b7}.gallery-category-item.is-active .gallery-category-item-mark{color:#3975e8}.gallery-category-item-name{min-width:0;overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.gallery-category-item small{min-width:18px;color:#9aa7ba;font-size:10px;text-align:right}.gallery-category-item.is-active small{color:#6d91da}.gallery-picker-assets{min-width:0;overflow:auto;padding:16px}.gallery-category-levels{margin-bottom:13px;padding:10px 12px 11px;border:1px solid #e0e6f0;border-radius:9px;background:#fff}.gallery-category-levels-empty{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 10px;background:#fbfcfe}.gallery-category-levels-title{display:flex;align-items:baseline;gap:8px;min-height:20px;margin-bottom:8px;color:#34425a}.gallery-category-levels-title strong{font-size:12px}.gallery-category-levels-title span{color:#9aa7ba;font-size:10px}.gallery-category-levels-empty .gallery-category-levels-title{margin-bottom:0}.gallery-category-levels p{margin:0;color:#8996aa;font-size:10px;line-height:1.5}.gallery-category-level-row{display:flex;align-items:flex-start;gap:10px;min-width:0}.gallery-category-level-row+.gallery-category-level-row{margin-top:8px;padding-top:8px;border-top:1px solid #edf0f5}.gallery-category-level-three{padding-left:13px;border-radius:6px;background:#f8faff}.gallery-category-level-three-groups{align-items:flex-start}.gallery-category-third-groups{min-width:0;display:flex;flex:1;flex-direction:column;gap:7px}.gallery-category-third-group{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:4px 0}.gallery-category-third-group+.gallery-category-third-group{border-top:1px dashed #e4e9f2}.gallery-category-third-group-name{flex:0 0 76px;padding-top:5px;overflow:hidden;color:#7f8da3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.gallery-category-level-label{flex:0 0 27px;padding-top:5px;color:#8a98ad;font-size:10px;font-weight:600}.gallery-category-chips{min-width:0;display:flex;flex:1;flex-wrap:wrap;gap:6px}.gallery-category-chips button{min-height:26px;max-width:180px;overflow:hidden;padding:0 10px;border:1px solid #d9e1ee;border-radius:6px;color:#5f6e84;background:#fff;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;font-size:11px;transition:border-color .15s ease,color .15s ease,background .15s ease}.gallery-category-chips button:hover{border-color:#9bb7f2;color:#3568d6;background:#f3f7ff}.gallery-category-chips button.is-active{border-color:#7399e9;color:#2f67dc;background:#eaf1ff;font-weight:600}.gallery-category-level-empty,.gallery-category-level-hint{padding-top:5px;color:#9aa7ba;font-size:10px}.gallery-category-level-hint{margin-top:8px;padding:7px 0 0 37px;border-top:1px dashed #e3e8f1}.gallery-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:11px}.gallery-asset-card{min-width:0;display:flex;flex-direction:column;gap:5px;padding:7px;border:1px solid #e0e6ef;border-radius:8px;color:#364258;background:#fff;cursor:pointer;text-align:left}.gallery-asset-card:hover,.gallery-asset-card.is-selected{border-color:#7195e9;background:#f4f7ff;box-shadow:0 3px 12px #3d65be1f}.gallery-asset-card:disabled{cursor:wait;opacity:.75}.gallery-asset-preview{position:relative;height:96px;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#f0f3f7}.gallery-asset-preview img{width:100%;height:100%;object-fit:contain}.gallery-video-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#547ae1}.gallery-asset-busy{position:absolute;inset:auto 4px 4px;padding:3px 4px;border-radius:4px;color:#fff;background:#233868bf;text-align:center;font-size:10px}.gallery-asset-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.gallery-asset-card small{color:#8a96a8;font-size:10px}.gallery-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px 12px;margin-top:16px;padding:10px 2px 2px;border-top:1px solid #e4e9f1;color:#7c899d;font-size:11px}.gallery-pagination-summary{white-space:nowrap}.gallery-page-size{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.gallery-page-size select{height:26px;padding:0 19px 0 7px;border:1px solid #d5deeb;border-radius:5px;color:#4b5a70;background:#fff;font-size:11px}.gallery-pagination-pages{display:inline-flex;align-items:center;gap:4px}.gallery-pagination-pages button{min-width:26px;height:26px;padding:0 6px;border:1px solid #d7e0ec;border-radius:5px;color:#5d6b80;background:#fff;cursor:pointer;font-size:11px}.gallery-pagination-pages button:hover:not(:disabled),.gallery-pagination-pages button.is-active{border-color:#6c91e8;color:#2f67dc;background:#edf3ff;font-weight:600}.gallery-pagination-pages button:disabled{color:#b5bfcd;background:#f5f7fa;cursor:not-allowed}.gallery-pagination-pages .gallery-page-arrow{padding:0 8px}.gallery-page-ellipsis{min-width:14px;color:#9aa6b8;text-align:center}.gallery-loading,.gallery-empty,.gallery-error{display:grid;min-height:180px;place-items:center;color:#8995a8;font-size:12px}.gallery-error{color:#c84e5b}@media(max-width:720px){.gallery-picker-body{grid-template-columns:132px minmax(0,1fr)}.gallery-picker-assets{padding:10px}.gallery-category-levels{padding:8px}.gallery-category-level-row{gap:6px}.gallery-category-level-three{padding-left:8px}.gallery-category-third-group{gap:5px}.gallery-category-third-group-name{flex-basis:58px}.gallery-category-chips button{max-width:130px;padding:0 7px}.gallery-asset-grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:7px}.gallery-asset-preview{height:76px}.gallery-pagination{align-items:flex-start;flex-direction:column}.gallery-pagination-pages{width:100%;justify-content:space-between}}.inspector .binding-route-list,.inspector .binding-action-list{display:flex;flex-direction:column;gap:8px;margin:7px 0 10px}.inspector .binding-route-card,.inspector .binding-action-row{min-width:0;padding:9px;border:1px solid #dfe4ec;border-radius:6px;background:#fbfcfe}.inspector .binding-route-head,.inspector .binding-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.inspector .binding-route-head>div,.inspector .binding-action-head>strong{min-width:0;display:flex;flex-direction:column;gap:2px}.inspector .binding-route-head strong,.inspector .binding-action-head strong{overflow:hidden;color:#26364a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.inspector .binding-route-head small,.inspector .binding-action-row>small{overflow-wrap:anywhere;color:#7a8796;font-size:11px;line-height:1.4}.inspector .binding-source-kind,.inspector .binding-action-head>span{flex:0 0 auto;padding:3px 6px;border-radius:4px;color:#3d5fc4;background:#edf2ff;font-size:11px;line-height:1.25;white-space:nowrap}.inspector .binding-route-meta{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:6px;margin-top:7px;padding:6px 7px;border-radius:4px;background:#f3f6fa}.inspector .binding-route-meta>span,.inspector .binding-route-owner{color:#657487;font-size:11px;line-height:1.45}.inspector .binding-route-meta code,.inspector .binding-map-row code{min-width:0;overflow-wrap:anywhere;color:#4b5969;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inspector .binding-route-owner{margin-top:5px;overflow-wrap:anywhere}.inspector .binding-map-group{display:flex;flex-direction:column;gap:4px;margin-top:8px}.inspector .binding-map-group>strong{color:#526273;font-size:11px;font-weight:600}.inspector .binding-map-row{display:grid;grid-template-columns:minmax(70px,.72fr) minmax(0,1.28fr);align-items:start;gap:6px;padding:5px 6px;border:1px solid #e4e8ee;border-radius:4px;background:#fff}.inspector .binding-map-row>span{min-width:0;overflow-wrap:anywhere;color:#68788a;font-size:11px;line-height:1.45}.inspector .binding-page-map{display:flex;flex-direction:column;gap:4px;padding:5px;border:1px solid #d9e2f9;border-radius:5px;background:#f7f9ff}.inspector .binding-page-map .binding-map-row{border-color:#e0e6f5;background:#fff}.inspector .binding-action-row>small{display:block;margin-top:5px}.inspector .binding-action-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.inspector .binding-action-chips span,.inspector .binding-action-chips em{padding:3px 6px;border-radius:4px;color:#4c5e7a;background:#eef2f7;font-size:11px;font-style:normal;line-height:1.25}.inspector .binding-action-chips span{color:#39765f;background:#edf8f3}.inspector .binding-edit-owner{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-height:30px;margin-top:7px;padding:5px 8px;border:1px solid #cfd9eb;border-radius:5px;color:#355bbe;background:#f5f8ff;font-size:12px;line-height:1.4;cursor:pointer;white-space:normal}.inspector .binding-execution-steps{display:flex;flex-direction:column;gap:7px;margin:9px 0 0;padding-left:20px}.inspector .binding-execution-steps li{min-width:0;color:#627389;font-size:12px}.inspector .binding-execution-steps strong,.inspector .binding-execution-steps code,.inspector .binding-execution-steps small{display:block;overflow-wrap:anywhere;white-space:pre-wrap}.inspector .binding-execution-steps code{margin-top:4px;padding:6px;border-radius:4px;background:#f2f5fa;font-size:11px;line-height:1.5}.inspector .binding-owner-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:7px;margin-bottom:12px;padding:9px;border:1px solid #dce3ee;border-radius:6px;background:#f6f8fc}.inspector .binding-owner-toolbar label{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:5px;color:#55657a;font-size:12px}.inspector .binding-owner-toolbar select{width:100%;min-width:0;height:32px;border:1px solid #d8e0eb;border-radius:4px;background:#fff;color:#24374f;font-size:12px}.inspector .binding-owner-toolbar>button{display:flex;align-items:center;gap:4px;min-height:32px;padding:5px 8px;border:1px solid #d8e0eb;border-radius:4px;color:#355bbe;background:#fff;font-size:12px;cursor:pointer}.inspector .binding-contract-identity{display:flex;flex-direction:column;gap:5px;margin:8px 0}.inspector .binding-editable-mappings{margin:8px 0 12px;padding:9px;border:1px solid #dce3ee;border-radius:6px;background:#f8faff}.inspector .binding-editable-mappings>summary{margin-bottom:8px;color:#354964;font-size:13px;cursor:pointer}.inspector .binding-mapping-help{color:#6c7c91;font-size:12px;line-height:1.55}.inspector .binding-editable-map{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:9px 0;padding:8px;border:1px solid #e1e6ef;border-radius:5px;background:#fff}.inspector .binding-editable-map>label{display:flex;min-width:0;flex-direction:column;gap:4px;color:#617187;font-size:12px}.inspector .binding-editable-map input,.inspector .binding-editable-map select,.inspector .binding-editable-mappings .property-field input,.inspector .binding-editable-mappings .property-field select{width:100%;min-width:0;height:31px;padding:4px 6px;border:1px solid #d8e0eb;border-radius:4px;background:#fff;color:#24374f;font-size:12px}.inspector .mapping-source-cell textarea{width:100%;min-width:0;min-height:72px;padding:6px;border:1px solid #d8e0eb;border-radius:4px;resize:vertical;font:12px/1.5 ui-monospace,monospace}.inspector .binding-value-map summary{color:#5b6c85;font-size:12px;line-height:1.5;cursor:pointer}.inspector .binding-value-map textarea{box-sizing:border-box;width:100%;min-width:0;min-height:78px;margin-top:6px;padding:6px;border:1px solid #d8e0eb;border-radius:4px;resize:vertical;font:12px/1.5 ui-monospace,monospace}@media(max-width:720px){.inspector .binding-route-head,.inspector .binding-action-head{flex-wrap:wrap}.inspector .binding-route-head>div{flex:1 1 100%}}.asset-manager-backdrop{overflow:auto;align-items:center;justify-items:center}.asset-manager-modal.asset-manager-workbench{width:min(1280px,calc(100vw - 32px));height:min(860px,calc(100vh - 32px));max-height:calc(100vh - 32px)}.asset-manager-workbench-body{min-width:0;min-height:0;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.asset-manager-sidebar,.asset-manager-detail,.asset-detail-content,.asset-library-scroll{min-width:0;min-height:0}.asset-manager-sidebar{overflow-x:hidden}.asset-manager-sidebar .asset-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.asset-manager-sidebar .asset-form-grid .asset-description{grid-column:1 / -1}.asset-detail-header{min-width:0}.asset-detail-header>div:nth-child(2){overflow:hidden}.asset-detail-header>div:nth-child(2) p{min-width:0;flex-wrap:wrap}.asset-detail-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}.asset-detail-actions button,.asset-detail-actions button>svg,.asset-studio-topbar>button,.asset-studio-back,.asset-studio-topbar>button>svg,.asset-studio-back>svg,.asset-contract-editor header button,.asset-contract-editor header button>svg,.asset-runtime-preview>footer button,.asset-runtime-preview>footer button>svg{display:inline-flex;align-items:center;vertical-align:middle}.asset-detail-actions button,.asset-studio-topbar>button,.asset-studio-back,.asset-contract-editor header button,.asset-runtime-preview>footer button{gap:6px}.asset-detail-actions button{white-space:nowrap}.asset-library-row>span,.asset-detail-icon,.asset-studio-palette-scroll button>span,.package-upload>span,.asset-studio-entry>span,.asset-runtime-preview>footer>span{display:inline-flex;align-items:center;justify-content:center}.asset-studio-entry>span{gap:4px}.asset-runtime-preview>footer>span{gap:5px}.asset-manager-message{overflow-wrap:anywhere}.asset-library-category+.asset-library-category{margin-top:12px}.asset-library-category>header{min-height:28px;padding:0 5px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #edf0f4;color:#46536a}.asset-library-category>header strong{font-size:11px;font-weight:600}.asset-library-category>header small{color:#8b96a8;font-size:9px}.gallery-search>svg,.gallery-clear-category,.gallery-clear-category>svg,.gallery-video-mark{display:inline-flex;align-items:center;justify-content:center}.gallery-clear-category{gap:6px}.gallery-clear-category>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.gallery-clear-category>svg{flex:0 0 auto}.gallery-video-mark>svg{stroke:currentColor}.mapping-arrow{display:inline-flex;align-items:center;justify-content:center}.wire-connection-chip button:last-child{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:0}.wire-connection-chip button:last-child svg{flex:0 0 auto}.inspector .background-add-row button,.inspector .background-layer-heading>button,.inspector .skin-capture-action,.inspector .project-skin-delete,.inspector .spacing-editor-heading button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.inspector .project-skin-delete svg,.inspector .spacing-editor-heading button svg{flex:0 0 auto}.interaction-action-picker>button,.interaction-action-menu-heading>button,.interaction-action-grid>button,.interaction-step-summary,.interaction-step-tools>button,.interaction-branch-heading>span,.interaction-event-arrow,.add-flow{display:inline-flex;align-items:center;justify-content:center;gap:5px}.interaction-step-tools>button svg,.interaction-step-chevron svg,.interaction-branch-heading>span svg,.interaction-event-arrow svg{flex:0 0 auto}.rotate-180{transform:rotate(180deg)}@media(max-width:960px){.asset-manager-modal.asset-manager-workbench{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px)}.asset-manager-workbench-body{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}.asset-detail-header{grid-template-columns:42px minmax(0,1fr)}.asset-detail-actions{grid-column:1 / -1;justify-content:flex-start}.asset-overview-grid{grid-template-columns:minmax(0,1fr)}.asset-preview-stage{height:360px}}@media(max-width:720px){.asset-manager-backdrop{padding:10px}.asset-manager-modal.asset-manager-workbench{width:100%;height:calc(100vh - 20px);max-height:calc(100vh - 20px)}.asset-manager-workbench-body{display:flex;flex-direction:column;overflow:auto}.asset-manager-sidebar{flex:0 0 auto;max-height:46vh;border-right:0;border-bottom:1px solid #e1e5ed}.asset-manager-detail{flex:1 0 520px}.asset-form-grid,.asset-manager-sidebar .asset-form-grid,.asset-contract-fields{grid-template-columns:minmax(0,1fr)}.asset-manager-sidebar .asset-form-grid .asset-description,.asset-contract-fields .asset-contract-wide{grid-column:auto}.asset-detail-actions{flex-wrap:wrap}.asset-detail-actions button{flex:1 1 auto}.asset-studio-shell{min-width:0}.asset-studio-topbar{min-height:0;padding:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.asset-studio-topbar>.asset-studio-back{flex:1 1 100%}.asset-studio-topbar>div{min-width:0;flex:1 1 170px}.asset-studio-topbar>label{min-width:0;flex:1 1 100%}.asset-studio-topbar>button:not(.asset-studio-back){min-width:0;flex:1 1 30%;padding:0 7px}.asset-studio-workspace{min-height:0;display:flex;flex-direction:column;overflow:auto}.asset-studio-palette,.asset-studio-inspector{flex:0 0 auto;max-height:42vh;border-right:0;border-left:0;border-bottom:1px solid #dfe4ec}.asset-studio-canvas-column{min-height:420px;flex:1 0 420px}.asset-studio-inspector{border-top:1px solid #dfe4ec;border-bottom:0}.visual-binding-editor .request-mapping-row{grid-template-columns:minmax(0,1fr)}.visual-binding-editor .mapping-arrow{display:none}.visual-binding-editor .mapping-source-cell{grid-template-columns:minmax(100px,.55fr) minmax(0,1fr)}.response-wire-source{grid-template-columns:minmax(0,1fr) auto}.response-wire-source b{grid-column:1 / -1;justify-self:start}}