.ps-design-viewer{position:fixed;inset:0;display:flex;flex-direction:column;background:#f0f2f7;color:#283447;font:12px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;z-index:20;outline:none}.ps-design-viewer *{box-sizing:border-box}.ps-design-viewer button,.ps-design-viewer input,.ps-design-viewer select{font:inherit;color:inherit}.ps-design-viewer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;cursor:pointer;padding:6px 8px;border-radius:4px;min-height:28px}.ps-design-viewer button:hover{background:#eff4ff}.ps-design-viewer button:focus-visible,.ps-design-viewer input:focus-visible,.ps-design-viewer select:focus-visible{outline:2px solid #a5c7ff;outline-offset:1px}.psd-header{height:54px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 18px;background:#fff;border-bottom:1px solid #e5e9f1}.psd-header strong{font-size:14px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psd-header .psd-view-active{align-self:stretch;display:flex;align-items:center;color:#3079f6;border-bottom:2px solid #3079f6;padding:0 14px}.psd-readonly-note{color:#8b95a5}.psd-header-spacer{flex:1}.psd-workspace{flex:1;min-height:0;display:grid;grid-template-columns:250px 310px minmax(180px,1fr)}.psd-sidebar{background:#fff;border-right:1px solid #e5e9f1;min-height:0;display:flex;flex-direction:column}.psd-side-title{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;flex-shrink:0}.psd-side-title>span{margin-left:auto;color:#9aa4b5}.psd-search{display:flex;align-items:center;margin:0 12px 10px;padding:0 8px;border:1px solid #e5e9f1;border-radius:4px;flex-shrink:0;color:#8290a4}.psd-search input{width:100%;height:30px;border:0;outline:none;padding:0 6px;background:transparent}.psd-design-choice{padding:0 12px 10px}.psd-design-choice select{width:100%;height:30px;border:1px solid #e5e9f1;border-radius:4px;background:#fff;padding:0 6px}.psd-tree{overflow:auto;flex:1;min-height:0;padding-bottom:20px}.psd-tree-row{display:flex;align-items:center;height:32px;border-left:2px solid transparent}.psd-tree-row:hover{background:#f7f9fc}.psd-tree-row.selected{background:#edf4ff;border-left-color:#3079f6;color:#3079f6}.psd-tree-row.muted{opacity:.45}.ps-design-viewer .psd-fold{padding:0;width:18px;flex-shrink:0;min-height:24px}.ps-design-viewer .psd-fold:disabled{visibility:hidden}.ps-design-viewer .psd-tree-name{flex:1;min-width:0;justify-content:flex-start;padding:0 8px 0 2px;height:30px;gap:7px;text-align:left}.psd-tree-name>svg{flex-shrink:0;color:#8393aa}.psd-tree-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psd-tree-name>i{width:5px;height:5px;border-radius:50%;background:#6c91c5;margin-left:auto;flex-shrink:0}.psd-sidebar>footer{padding:12px 16px;border-top:1px solid #e5e9f1;color:#8c98a9;line-height:1.8}.psd-main{min-width:0;min-height:0;display:flex;flex-direction:column}.psd-toolbar{display:flex;align-items:center;gap:8px;height:44px;flex-shrink:0;padding:0 14px;background:#fff;border-bottom:1px solid #e5e9f1;color:#728097}.psd-toolbar label{display:flex;align-items:center;gap:4px;white-space:nowrap}.psd-toolbar input{accent-color:#3079f6;width:12px;height:12px;margin:0}.psd-toolbar>span{font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.psd-viewport{position:relative;overflow:hidden;flex:1;min-height:0;touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;background:#f0f2f7}.psd-viewport.panning{cursor:grabbing}.psd-paper{position:absolute;flex-shrink:0;box-shadow:0 1px 8px #263a5714;pointer-events:none;background-color:#fff;background-image:linear-gradient(45deg,#e5e8ed 25%,transparent 25%),linear-gradient(-45deg,#e5e8ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e8ed 75%),linear-gradient(-45deg,transparent 75%,#e5e8ed 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.psd-original-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.psd-paper-title{position:absolute;bottom:calc(100% + 12px);left:0;white-space:nowrap;color:#8a94a5;font-size:11px}.psd-empty-preview{display:flex;align-items:center;justify-content:center;height:100%;background:#fff;color:#8a94a5;overflow:hidden}.psd-layer-bound,.psd-selection-box,.psd-hover-box{position:absolute;pointer-events:none}.psd-layer-bound{border:1px solid #3079f62e}.psd-selection-box{border:1px solid #ff2d55}.psd-hover-box{border:1px solid #f15959}.psd-size-tag{position:absolute;font-size:14px;line-height:24px;color:#fff;background:#ff2d55;padding:0 7px;white-space:nowrap;border-radius:999px;pointer-events:none;font-variant-numeric:tabular-nums}.psd-size-width{transform:translate(-50%,calc(-100% - 8px))}.psd-size-height{transform:translate(8px,-50%)}.psd-distance-info{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#fff;color:#d85858;padding:7px 12px;white-space:nowrap;box-shadow:0 2px 12px #24344d12;border-radius:4px;font-size:11px;pointer-events:none}.psd-canvas-footer{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-top:1px solid #e5e9f1;background:#f8f9fc;color:#93a0b1;font-size:10px}.psd-inspect-column{background:#fff;border-left:1px solid #e5e9f1;display:flex;flex-direction:column;min-height:0}.psd-inspector{display:flex;flex-direction:column;flex:1;min-height:0}.psd-inspector-title{padding:14px 16px;border-bottom:1px solid #e5e9f1;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:12px}.psd-inspector-title>span{font-size:10px;font-weight:400;color:#9ca7b8}.psd-inspector-scroll{overflow:auto;flex:1;min-height:0}.psd-inspect-section{padding:15px 16px;border-bottom:1px solid #edf0f5}.psd-inspect-section h3{font-size:12px;color:#43526a;font-weight:600;margin:0 0 13px}.psd-inspect-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;line-height:1.8;margin-top:10px}.psd-inspect-row>span{color:#939eaf;flex-shrink:0;min-width:40px}.psd-inspect-row>div{display:flex;align-items:center;justify-content:flex-end;gap:14px;overflow-wrap:anywhere;text-align:right;min-width:0;font-variant-numeric:tabular-nums}.psd-color{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:11px;white-space:nowrap}.psd-color i{display:inline-block;border-radius:3px;width:16px;height:16px;box-shadow:0 0 0 1px #d7dce5 inset;flex-shrink:0}.psd-color code{font-size:11px}.psd-text-value,.psd-text-run pre{font-family:inherit;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px}.psd-text-run{background:#f7f9fc;padding:10px;margin-top:10px}.psd-text-run>span{color:#8b98ab;line-height:1.8}.psd-inspect-section summary{cursor:pointer;color:#74849a;margin-top:14px}.psd-cut-preview{height:130px;display:flex;align-items:center;justify-content:center;background-color:#333;background-image:conic-gradient(#8b8b8b 25%,transparent 0 50%,#8b8b8b 0 75%,transparent 0);background-size:24px 24px;border-radius:6px;overflow:hidden}.psd-cut-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.psd-download{display:block;text-align:center;text-decoration:none;border:1px solid #dce5f3;color:#3079f6;padding:8px;border-radius:4px}.psd-hint{color:#8e9bae;font-size:11px;line-height:1.8;padding:0 14px}.psd-inspect-section .psd-hint{padding:0;margin-top:16px}@media(max-width:1100px){.psd-workspace{grid-template-columns:170px 270px minmax(150px,1fr)}.psd-readonly-note{display:none}.psd-toolbar{gap:4px;padding:0 6px}.psd-toolbar label{font-size:10px}.psd-canvas-footer>span:last-child{display:none}}@media(max-width:760px){.psd-workspace{grid-template-columns:130px 220px minmax(120px,1fr)}.psd-header{gap:6px;padding:0 8px}.psd-header strong{max-width:160px;font-size:12px}.psd-toolbar label:last-of-type{display:none}.psd-inspect-section{padding:12px}.psd-inspect-row{gap:8px}.psd-color{gap:4px}}.psd-paper-title{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.psd-paper-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.psd-paper-resolution{flex-shrink:0}.psd-cut-options{border:0;padding:0;margin:18px 0 20px;min-width:0}.psd-cut-options .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.psd-cut-scale{display:flex;align-items:center;gap:10px;margin:0;padding:11px 0;font-size:12px;cursor:pointer}.psd-cut-scale input{width:17px;height:17px;margin:0;accent-color:#3079f6;flex-shrink:0}.psd-cut-scale>span{flex-shrink:0;color:#283447}.psd-cut-scale small{margin-left:auto;color:#818997;font-size:11px;text-align:right;white-space:nowrap}.psd-cut-compression{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:#818997;font-size:12px}.psd-cut-compression select{width:126px;min-width:0;border:0;border-radius:5px;background:#f6f7fa;padding:9px;color:#283447}.ps-design-viewer .psd-cut-download{display:block;width:100%;background:#3079f6;color:#fff;border:0;border-radius:6px;padding:11px;font-size:13px;font-weight:600}.ps-design-viewer .psd-cut-download:hover:not(:disabled){background:#2469e4}.ps-design-viewer .psd-cut-download:disabled{opacity:.45;cursor:default}.psd-cut-error{color:#d64242;font-size:11px;line-height:1.7}@media(max-width:760px){.psd-cut-scale{gap:5px;font-size:10px}.psd-cut-scale small{font-size:9px}.psd-cut-compression{font-size:10px;gap:4px}.psd-cut-compression select{width:100px}}.psd-info-column{min-width:0;min-height:0;overflow:auto;background:#fff;border-right:1px solid #e5e9f1}.psd-info-column .psd-inspect-row{gap:10px}.psd-info-column .psd-inspect-row>div{flex-wrap:wrap;gap:8px}.psd-details-column{min-width:0;min-height:0;overflow:auto;background:#fff;border-right:1px solid #e5e9f1}.psd-details-column .psd-info-column{overflow:visible;border-right:0}.psd-details-column .psd-inspector{display:block}.psd-details-column .psd-inspector-scroll{overflow:visible}.psd-context-menu{position:fixed;z-index:100;min-width:190px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 28px #18243b26;color:#303446;font:14px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.psd-context-menu button{display:flex;align-items:center;justify-content:space-between;gap:36px;width:100%;border:0;border-radius:6px;padding:12px 14px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.psd-context-menu button:hover,.psd-context-menu button:focus-visible{background:#eef4ff;outline:none}.psd-context-menu button:disabled{color:#a6adba;cursor:default}.psd-context-menu kbd{font:inherit;border:1px solid #d9dde5;border-radius:5px;padding:0 5px;color:#596273}.split-editor-heading select{flex:1;min-width:0;max-width:400px;height:28px;border:1px solid #dce3ee;border-radius:4px;background:#fff;padding:0 6px;font:inherit;color:inherit}.split-editor-heading strong{flex-shrink:0;margin-right:0}.shared-workbench>.workspace{height:calc(100dvh - 42px)}.split-editor-heading{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #e5e7eb;background:#fff;font-size:12px}.split-editor-heading .button{font-size:11px;height:28px;padding:0 8px}.shared-design-panel{flex:0 0 340px;min-width:0;min-height:0;border-right:1px solid #e5e7eb}.ps-design-viewer.psd-shared-sidebar{position:relative;inset:auto;width:100%;height:100%;z-index:2}.psd-shared-sidebar .psd-workspace{grid-template-columns:140px 200px}.psd-shared-sidebar .psd-main{display:none}.psd-shared-sidebar .psd-header{padding:0 8px;gap:5px}.psd-shared-sidebar .psd-header strong{max-width:120px}.psd-shared-sidebar .psd-readonly-note{display:none}.psd-shared-sidebar .psd-inspect-section{padding:12px}.psd-shared-sidebar .psd-cut-scale,.psd-shared-sidebar .psd-cut-compression{flex-wrap:wrap}.psd-shared-overlay{position:absolute;inset:0;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none}.psd-shared-overlay .psd-paper{pointer-events:auto}.psd-shared-overlay .psd-paper-title{pointer-events:none}.shared-workbench .board{background:#f0f2f7}.shared-workbench .document-toolbar,.shared-workbench .canvas-toolbar{flex-wrap:wrap;height:auto;min-height:46px;padding:7px;gap:5px}.shared-workbench .toolbar-actions{flex-wrap:wrap}.shared-workbench .document-title strong{max-width:150px}@media(max-width:1600px){.shared-workbench .editor-workspace>.sidebar,.shared-workbench .editor-workspace>.inspector,.shared-workbench .editor-workspace>.panel-divider{display:none}.shared-workbench .panel-toggle{display:inline-flex}.shared-workbench.left-open .editor-workspace>.sidebar,.shared-workbench.right-open .editor-workspace>.inspector{display:flex;position:absolute;inset:0 0 0 auto;width:min(320px,90%);z-index:12;box-shadow:-8px 0 25px #0f172a14;border-left:1px solid #e5e7eb}}@media(max-width:1000px){.shared-design-panel{flex-basis:210px}.psd-shared-sidebar .psd-workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.psd-shared-sidebar .psd-header strong{max-width:65px}.psd-shared-sidebar .psd-header .psd-view-active{padding:0 4px}}.psd-shared-options{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid #e5e7eb;font-size:11px}.psd-shared-options label{display:flex;flex-direction:row;align-items:center;gap:4px;white-space:nowrap;flex:0 0 auto}.psd-shared-options input{accent-color:#3079f6;margin:0;width:13px;height:13px;flex-shrink:0}.artboard-label.ui-artboard-title{align-items:center;justify-content:space-between;gap:12px;white-space:nowrap;color:#8a94a5;font-size:11px}.artboard-label.ui-artboard-title>span{color:inherit;font-size:inherit}.psd-paper-title,.artboard-label.ui-artboard-title{line-height:14px}.psd-panel-divider{position:relative;z-index:3;cursor:col-resize;touch-action:none;background:#eef0f3;outline:none}.psd-panel-divider:after{content:"";position:absolute;inset:0 -2px}.psd-panel-divider:hover,.psd-panel-divider:focus-visible,.psd-resizing .psd-panel-divider{background:#91b8ff}.psd-resizing,.psd-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.psd-sidebar,.psd-details-column{min-width:0}.ps-design-viewer .psd-apply-style{flex-shrink:0;min-height:22px;padding:2px 5px;font-size:10px;line-height:16px;color:#3079f6;background:#eff4ff;border:1px solid #dce7fa}.ps-design-viewer .psd-apply-style:disabled{opacity:.45;cursor:default}.psd-marquee{position:absolute;pointer-events:none;border:1px solid #2878ff;background:#2878ff18}.psd-selection-list{padding:12px 14px;border-bottom:1px solid #dce5f2;background:#f5f8ff}.psd-selection-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#43526a}.psd-selection-heading>span{color:#8794a7}.psd-selected-items{max-height:200px;overflow:auto;margin:8px 0;display:flex;flex-direction:column;gap:5px}.psd-selected-items>label{display:flex;align-items:center;gap:7px;margin:0;min-height:26px;font-size:12px}.psd-selected-items>label>input{flex-shrink:0;margin:0;width:14px;height:14px;accent-color:#2878ff}.psd-selected-items>label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psd-selection-list>.button{width:100%;justify-content:center}.psd-backbar{height:42px;flex-shrink:0;display:flex;align-items:center;padding:0 12px;background:#fff;border-bottom:1px solid #e5e9f1}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2937;background:#fff;font-size:12px;font-synthesis:none;color-scheme:light;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible{outline:2px solid #2878ff;outline-offset:2px}button{color:inherit;background:none;border:0}input,select,textarea{width:100%;border:1px solid #e5e7eb;background:#fff;color:#1f2937;border-radius:5px;padding:9px 10px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#e5e7eb}input[type=number]{appearance:textfield}label{display:block;color:#64748b;font-size:11px;margin-top:14px}label>input,label>select,label>textarea{display:block;margin-top:7px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}.app-shell{height:100dvh;min-width:940px;overflow:hidden}.topbar{height:61px;display:flex;align-items:center;border-bottom:1px solid #e5e7eb;padding:0 19px;background:#fff;gap:34px}.brand{display:flex;align-items:center;gap:10px;min-width:216px}.brand strong{font-size:16px;letter-spacing:1px;color:#1f2937}.brand-mark{height:32px;width:32px;border:1px solid #e5e7eb;background:#fff;display:grid;place-items:center;color:#1f2937;border-radius:9px}.local-label{font-size:9px;letter-spacing:1px;color:#64748b;border:1px solid #e5e7eb;border-radius:4px;padding:3px 5px;margin-left:5px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#64748b}.breadcrumb select{width:auto;max-width:240px;border:0;background:none;padding:4px;color:#1f2937}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:20px}.status-pill{display:flex;align-items:center;gap:8px;font-size:11px;color:#1f2937}.status-pill i,.statusbar i,.connection-card i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff}.status-pill i.ok,.statusbar i.ok,.connection-card i.ok,.status-pill i.error,.statusbar i.error,.connection-card i.error{background:#fff}.avatar{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:50%;font-size:10px;color:#1f2937;background:#fff}.workspace{height:100dvh;display:flex}.sidebar{width:246px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.sidebar-title{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#64748b;font-size:11px;letter-spacing:.5px}.icon-button{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#64748b}.icon-button:hover{background:#fff;color:#1f2937}.icon-button.danger:hover{color:#1f2937}.screen-list{padding:0 10px 17px;min-height:106px;max-height:29vh;overflow:auto}.screen-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px;text-align:left;border:1px solid transparent;border-radius:6px;margin-bottom:5px}.screen-item.active{background:#fff;border-color:#e5e7eb}.screen-item:hover:not(.active){background:#fff}.screen-mini{display:grid;place-items:center;width:31px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:3px;color:#1f2937;overflow:hidden}.screen-mini img{width:100%;height:100%;object-fit:cover}.screen-item>span:nth-child(2){flex:1;min-width:0}.screen-item strong{display:block;font-size:12px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.screen-item small{display:block;color:#64748b;font-size:10px;margin-top:5px}.screen-item>svg{color:#64748b}.sidebar-hint{font-size:11px;line-height:1.9;color:#64748b;padding:6px 14px}.sidebar-tabs{display:flex;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:0 10px;gap:8px;height:43px;flex-shrink:0}.sidebar-tabs button{display:flex;align-items:center;gap:6px;justify-content:center;flex:1;color:#64748b;font-size:11px;border-bottom:2px solid transparent;padding:0 1px}.sidebar-tabs button.active{color:#1f2937;border-bottom-color:#e5e7eb}.sidebar-body{overflow:auto;flex:1;padding:10px 0 24px}.section-label{height:32px;padding:0 17px;display:flex;align-items:center;gap:7px;color:#64748b;font-size:10px}.section-label>span{font-size:9px;color:#64748b}.section-label>button{margin-left:auto}.tree-row{display:flex;align-items:center;height:34px;padding-right:10px;border-left:2px solid transparent}.tree-row:hover{background:#fff}.tree-row.selected{background:#fff;border-left-color:#e5e7eb}.tree-fold{width:14px;flex-shrink:0;padding:0;display:flex;color:#64748b}.tree-name{min-width:0;display:flex;align-items:center;gap:8px;flex:1;padding:0 5px;color:#1f2937;text-align:left;font-size:11px}.tree-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-name:focus-visible{outline:none}.tree-name svg{color:#64748b}.tree-row.selected .tree-name,.tree-row.selected svg{color:#1f2937}.tree-eye{display:flex;align-items:center;color:#64748b;opacity:.4;padding:5px}.tree-row:hover .tree-eye{opacity:1}.plugin-entry{margin:12px;padding:13px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:7px;display:flex;align-items:center;gap:11px;text-align:left}.ps-badge{font-size:19px;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:5px;width:32px;height:33px;display:grid;place-items:center;font-weight:600}.plugin-entry>span:nth-child(2){flex:1}.plugin-entry strong{display:block;font-size:11px;font-weight:500}.plugin-entry small{display:block;font-size:10px;color:#64748b;margin-top:5px}.plugin-entry>svg{color:#64748b}.main{flex:1;min-width:0;display:flex;flex-direction:column}.document-toolbar{height:61px;flex-shrink:0;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;gap:8px}.document-title{display:flex;align-items:center;gap:9px;min-width:0}.document-title>svg{color:#64748b}.document-title strong{color:#1f2937;font-size:13px;font-weight:500;max-width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tiny-tag{font-size:9px;background:#fff;border:1px solid #e5e7eb;color:#64748b;border-radius:4px;padding:3px 5px;white-space:nowrap}.unsaved{color:#1f2937;font-size:10px;white-space:nowrap}.toolbar-actions{display:flex;align-items:center;gap:8px}.button{height:33px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e5e7eb;border-radius:5px;background:#fff;color:#1f2937;white-space:nowrap;font-size:11px;font-weight:500}.button:hover:not(:disabled){background:#fff}.button.primary{background:#fff;border-color:#e5e7eb;color:#64748b}.button.primary:hover:not(:disabled){background:#fff}.button.subtle{background:transparent;border-color:transparent;color:#64748b}.button.subtle:hover:not(:disabled){background:#fff}.button.full{width:100%;margin-top:12px}.canvas-toolbar{height:46px;flex-shrink:0;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;gap:8px}.tool-group,.zoom-tools{display:flex;align-items:center;gap:4px}.tool{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;color:#64748b}.tool:hover:not(:disabled){background:#fff;color:#1f2937}.tool.active{background:#fff;color:#1f2937}.divider{width:1px;height:17px;background:#fff;margin:0 4px}.view-switch{display:flex;border:1px solid #e5e7eb;border-radius:5px;padding:2px;gap:1px}.view-switch button{font-size:10px;padding:4px 9px;color:#64748b;border-radius:3px}.view-switch button.active{background:#fff;color:#1f2937}.zoom-tools{gap:1px}.zoom-tools span{font-size:10px;color:#1f2937;min-width:36px;text-align:center}.board{position:relative;flex:1;overflow:hidden;background-color:#fff;background-image:none;background-size:16px 16px}.artboard-label{position:absolute;pointer-events:none;font-size:10px;color:#64748b;display:flex;gap:14px;z-index:1}.artboard-label span{color:#64748b;font-size:9px}.statusbar{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid #e5e7eb;background:#fff;font-size:9px;color:#64748b;flex-shrink:0}.statusbar>span{display:flex;align-items:center;gap:7px}.statusbar i{width:5px;height:5px}.status-separator{color:#64748b;margin:0 5px}.inspector{width:258px;flex-shrink:0;border-left:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column}.inspector-heading{display:flex;align-items:center;gap:8px;height:49px;border-bottom:1px solid #e5e7eb;padding:0 17px;color:#64748b;flex-shrink:0}.inspector-heading strong{font-weight:500;font-size:11px;color:#1f2937}.inspector-heading>button{margin-left:auto}.inspector-scroll{overflow:auto;flex:1}.inspector section{padding:18px 17px 20px;border-bottom:1px solid #e5e7eb}.property-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#1f2937;font-weight:500;margin-bottom:12px}.field-hint{font-size:10px;line-height:1.8;color:#64748b;overflow-wrap:anywhere}.number-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.number-grid label{margin:0;position:relative}.number-grid label>span{position:absolute;left:10px;top:10px;font-size:10px;color:#64748b}.number-grid input{margin:0;padding:9px 8px 9px 30px;font-size:11px}.range-field{display:flex;align-items:center;gap:12px;margin-top:6px}.range-field input{padding:0;accent-color:#2878ff;flex:1;min-width:0}.range-field span{font-size:10px;min-width:30px;color:#1f2937}.color-field{margin-top:7px;display:flex;align-items:center;gap:9px;border:1px solid #e5e7eb;background:#fff;border-radius:5px;padding:5px 7px;color:#1f2937}.color-field input{width:26px;height:23px;padding:0;border:0}.color-field span{font-size:10px}.screen-name{display:block;font-size:14px;font-weight:500;color:#1f2937;margin:5px 0 20px}.inspector-tip{display:flex;gap:10px;color:#64748b}.inspector-tip p{margin:0;font-size:11px;line-height:1.9;color:#64748b}.inspector-empty{height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:12px}.inspector-empty p{font-size:11px;text-align:center;line-height:2;margin:0}.resource-placeholder{height:110px;border:1px dashed #e5e7eb;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#64748b;font-size:10px}.bound-image{border:1px solid #e5e7eb;border-radius:5px;padding:10px;text-align:center;background:#fff}.bound-image img{max-width:100%;height:90px;object-fit:contain}.bound-image small{display:block;color:#64748b;font-size:10px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.preview-thumb{width:100%;max-height:170px;object-fit:contain;margin-bottom:10px;background:#fff}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.asset-tile{min-width:0;background:#fff;border:1px solid #e5e7eb;padding:8px;border-radius:5px;text-align:left}.asset-tile-preview{height:66px;border-radius:3px;background-color:#333;background-image:conic-gradient(#555 25%,transparent 0 50%,#555 0 75%,transparent 0);background-size:12px 12px;overflow:hidden}.asset-tile img{display:block;width:100%;height:66px;object-fit:contain}.asset-tile span{display:block;font-size:9px;color:#64748b;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tile-size{display:block;margin-top:4px;font-size:10px;color:#64748b;overflow-wrap:anywhere}.modal.asset-preview-modal{width:720px;max-width:calc(100vw - 32px)}.asset-preview-name{font-size:13px;overflow-wrap:anywhere;margin:16px 0 12px}.asset-preview-image{height:min(55vh,520px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;background-color:#333;background-image:conic-gradient(#555 25%,transparent 0 50%,#555 0 75%,transparent 0);background-size:16px 16px}.asset-preview-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}.asset-preview-size{font-size:12px;color:#64748b;margin:12px 0 0}.lanhu-opening-preview{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;background:#f0f2f7;color:#283447}.lanhu-opening-preview>header{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;background:#fff;border-bottom:1px solid #e5e7eb}.lanhu-opening-preview>header strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lanhu-opening-preview>header span{margin-left:auto;font-size:12px;color:#64748b;white-space:nowrap}.lanhu-opening-preview>main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px}.lanhu-opening-preview .lanhu-design-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lanhu-opening-preview .lanhu-design-image img{width:100%;height:100%;object-fit:contain}.lanhu-opening-preview>footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#fff;font-size:12px;color:#b42318}.version-row{display:flex;gap:8px;align-items:center;width:100%;padding:13px 14px;text-align:left;border-bottom:1px solid #e5e7eb}.version-row:hover{background:#fff}.version-row>svg{color:#64748b}.version-row>span:nth-child(2){flex:1}.version-row strong{display:block;font-size:11px;font-weight:500}.version-row small{display:block;font-size:9px;color:#64748b;margin-top:6px}.conflict-section p{font-size:10px;line-height:1.8;color:#1f2937}.welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px}.welcome-visual{width:156px;height:134px;position:relative;margin-bottom:36px}.mini-sheet{position:absolute;width:91px;height:119px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.mini-sheet.back{left:20px;top:0;transform:rotate(-12deg);background:#fff;border-color:#e5e7eb}.mini-sheet.front{left:49px;top:10px;transform:rotate(7deg);padding:16px 12px;background:#fff}.mini-line{width:40px;height:5px;border-radius:2px;background:#fff;margin-bottom:19px}.mini-grid{display:flex;gap:5px}.mini-grid span{display:block;flex:1;height:24px;border:1px solid #e5e7eb;background:#fff;border-radius:4px}.mini-button{height:12px;background:#fff;border-radius:4px;margin:17px 3px 0}.visual-corner{position:absolute;width:6px;height:6px;background:#fff;border:1px solid #e5e7eb}.visual-corner.tl{top:4px;left:47px}.visual-corner.br{bottom:0;right:11px}.eyebrow{font-size:9px;letter-spacing:3px;color:#64748b}.welcome h1{font-size:29px;letter-spacing:1px;font-weight:500;color:#1f2937;margin:17px 0 13px}.welcome p{font-size:12px;line-height:2;color:#64748b;text-align:center;margin:0}.welcome-actions{display:flex;gap:10px;margin-top:27px}.welcome-actions .button{height:37px;padding:0 17px}.welcome-foot{display:flex;gap:19px;margin-top:32px;color:#64748b;font-size:10px}.welcome-foot span+span:before{content:"·";position:relative;left:-10px;color:#64748b}.welcome p.connection-error{color:#1f2937;margin-top:20px;font-size:10px}.busy-badge{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:10px 15px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;border-radius:6px;display:flex;align-items:center;gap:8px;z-index:5}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:47px;left:50%;transform:translate(-50%);max-width:660px;display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;padding:10px 12px 10px 16px;border-radius:7px;z-index:100;font-size:12px;line-height:1.6}.toast.error{background:#fff;border-color:#e5e7eb;color:#1f2937}.modal-backdrop{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:50;padding:30px}.modal{width:440px;max-height:90vh;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:24px;color:#1f2937}.modal.wide{width:480px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal h2{font-size:17px;font-weight:500;margin:0;color:#1f2937}.modal-description{color:#64748b;font-size:11px;line-height:1.9;margin:16px 0}.modal input,.modal select{background:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.export-summary{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid #e5e7eb;background:#fff;margin:19px 0 12px;color:#1f2937;font-size:11px;line-height:1.8;border-radius:5px}.export-summary svg{margin-top:2px}.export-summary small{color:#64748b;font-size:10px}.connection-card{display:flex;gap:13px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:20px}.connection-card i{margin-top:5px}.connection-card strong{font-size:12px;font-weight:500}.connection-card p{font-size:11px;line-height:1.9;color:#64748b;margin:8px 0 0}.modal section{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:22px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}@media(max-width:1200px){.sidebar{width:210px}.inspector{width:228px}.brand{min-width:180px}.document-toolbar{padding:0 12px}.toolbar-actions{gap:4px}.canvas-toolbar{padding:0 8px}.view-switch button{padding:4px 6px}.document-title strong{max-width:100px}.welcome h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}*{transition:none!important}}.panel-toggle{display:none}@media(max-width:940px){.app-shell{min-width:360px}.inspector{display:none}.panel-toggle.right-toggle{display:inline-flex}.right-open .inspector{display:flex;position:absolute;right:0;top:61px;bottom:0;width:260px;z-index:12;border-left:1px solid #e5e7eb}.topbar{gap:15px;padding:0 12px}.brand{min-width:0}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb{gap:3px}.breadcrumb select{max-width:150px}.topbar-right{gap:10px}.avatar{display:none}.status-pill{font-size:10px;white-space:nowrap}.sidebar{width:190px}.document-title{gap:6px}.document-icon{display:none}.document-toolbar{padding:0 10px}.toolbar-actions .button{padding:0 8px}.upload-action span{display:none}.canvas-toolbar{gap:3px}.view-switch button{padding:4px 5px;font-size:9px}.tool-group{gap:1px}.tool{width:25px}.tool-group .divider{margin:0 2px}.zoom-tools{gap:0}.zoom-tools .tool{width:22px}.statusbar{padding:0 10px}.statusbar>span:last-child{max-width:55%;overflow:hidden;white-space:nowrap}}@media(max-width:700px){.sidebar{display:none}.panel-toggle.left-toggle{display:inline-flex}.left-open .sidebar{display:flex;position:absolute;left:0;top:61px;bottom:0;width:240px;z-index:12;border-right:1px solid #e5e7eb}.brand strong{font-size:14px;white-space:nowrap}.brand-mark{width:27px;height:27px}.local-label{display:none}.topbar{gap:17px}.breadcrumb select{max-width:130px;font-size:11px}.topbar-right{gap:4px}.document-toolbar{height:54px}.welcome{padding:25px}.welcome h1{font-size:25px;white-space:nowrap}.canvas-toolbar{height:46px}.statusbar{font-size:8px}.artboard-label{font-size:9px}.document-title strong{max-width:110px}.toolbar-actions .button{gap:5px}.view-switch button{padding:4px 7px}.board{min-height:0}}@media(max-width:460px){.status-pill{font-size:0;gap:0}.status-pill i{width:7px;height:7px}.topbar{gap:12px}.document-title strong{max-width:82px;font-size:11px}.document-title .unsaved{font-size:8px}.toolbar-actions{gap:3px}.toolbar-actions .button{font-size:10px;padding:0 7px}.toolbar-actions .button svg:last-child:not(:first-child){display:none}.tool-group .divider{display:none}.tool-group .tool{width:23px}.view-switch button{padding:4px;font-size:9px}.zoom-tools .tool{width:20px}.zoom-tools span{min-width:27px}.welcome h1{font-size:23px}.welcome-foot{gap:12px;font-size:9px}.modal{padding:19px}.modal-backdrop{padding:16px}}@media(max-width:940px){.right-open .inspector{top:122px}}@media(max-width:700px){.right-open .inspector,.left-open .sidebar{top:115px}}:root{--accent:#2878ff;--accent-hover:#1766eb;--text:#1f2937;--muted:#64748b;--line:#e5e7eb;--selected:#eff6ff;--hover:#f8fafc}.app-shell,.topbar,.sidebar,.document-toolbar,.canvas-toolbar,.board,.statusbar,.inspector,.modal{background:#fff}.board{background-image:none}.brand strong,.document-title strong,.inspector-heading strong,.property-title,.screen-name,.modal h2,.welcome h1{color:var(--text)}.brand-mark{color:var(--accent);background:#fff;border-color:#dbeafe}.local-label{color:var(--muted);border-color:var(--line)}.breadcrumb select{color:var(--text)}.status-pill{color:var(--muted)}.status-pill i.ok,.statusbar i.ok,.connection-card i.ok{background:#16a34a}.status-pill i.error,.statusbar i.error,.connection-card i.error{background:#dc2626}.avatar{color:var(--muted);background:#fff;border-color:var(--line)}input,select,textarea,.modal input,.modal select{background:#fff;color:var(--text);border-color:var(--line)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#94a3b8}.icon-button:hover,.screen-item:hover:not(.active),.tree-row:hover,.tool:hover:not(:disabled),.button.subtle:hover:not(:disabled),.version-row:hover{background:var(--hover);color:var(--text)}.icon-button.danger:hover{color:#dc2626;background:#fff1f2}.screen-item.active,.tree-row.selected,.tool.active,.view-switch button.active{background:var(--selected);border-color:#bfdbfe;color:var(--accent)}.screen-item strong{color:var(--text)}.screen-item small,.screen-item>svg{color:var(--muted)}.screen-mini{background:#fff;border-color:var(--line);color:#94a3b8}.sidebar-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tree-row.selected{border-left-color:var(--accent)}.tree-row.selected .tree-name,.tree-row.selected svg{color:var(--accent)}.plugin-entry,.tiny-tag,.color-field,.asset-tile,.bound-image,.preview-thumb{background:#fff;border-color:var(--line)}.ps-badge{color:#1473e6;background:#f0f7ff;border-color:#dbeafe}.document-title>svg{color:var(--muted)}.unsaved{color:#a16207}.button{background:#fff;color:var(--text);border-color:#d1d5db}.button:hover:not(:disabled){background:var(--hover)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.subtle{color:var(--muted);background:transparent;border-color:transparent}.divider{background:var(--line)}.view-switch{background:#fff;border-color:var(--line)}.artboard-label{color:#475569}.artboard-label span{color:#64748b}.status-separator{color:#cbd5e1}.range-field input{accent-color:var(--accent)}.conflict-section{background:#fff}.conflict-section p{color:#92400e}.mini-sheet,.mini-sheet.back,.mini-sheet.front{background:#fff;border-color:#cbd5e1}.mini-line,.mini-button{background:var(--accent)}.mini-grid span{background:#eff6ff;border-color:#bfdbfe}.visual-corner{background:#fff;border-color:var(--accent)}.eyebrow{color:var(--accent)}.welcome-foot span+span:before{color:#cbd5e1}.welcome p.connection-error{color:#b91c1c}.busy-badge,.toast,.export-summary,.connection-card{background:#fff;border-color:#bfdbfe;color:#1e40af}.busy-badge,.toast{box-shadow:0 4px 16px #0f172a14}.toast.error{background:#fff;border-color:#fecaca;color:#b91c1c}.modal-backdrop{background:#0f172a2e}.modal{border-color:var(--line);box-shadow:0 16px 48px #0f172a1f;color:var(--text)}.export-summary small,.connection-card p{color:var(--muted)}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#cbd5e1}.project-overview{height:100%;display:flex;flex-direction:column;color:#424753;font-size:14px}.overview-topbar{height:54px;flex-shrink:0;display:flex;align-items:center;gap:25px;padding:0 20px;border-bottom:1px solid #edf0f4;background:#fff}.overview-project{display:flex;align-items:center;gap:8px;min-width:0;width:252px;flex-shrink:0}.overview-project select{width:auto;min-width:0;flex:1;border:0;border-radius:0;padding:5px 2px;font-size:14px;font-weight:500;color:#424753;background:#fff;text-overflow:ellipsis}.overview-project .icon-button{flex-shrink:0}.overview-nav{height:100%;display:flex;align-items:center;flex-shrink:0;gap:20px}.overview-nav button{height:100%;padding:0 2px;border:0;background:transparent;font:inherit;font-size:14px;color:#67758b;cursor:pointer}.overview-nav button.overview-nav-active{color:#2878ff}.overview-nav button:disabled{opacity:.5;cursor:default}.overview-nav-active{height:100%;display:flex;align-items:center;padding:0 2px;position:relative;color:#2878ff;font-size:14px}.overview-nav-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#2878ff}.overview-tools{flex:1;display:flex;align-items:center;justify-content:center;gap:15px}.overview-topbar .icon-button{color:#5b6270;width:30px;height:30px}.overview-topbar-right{display:flex;align-items:center;gap:18px;margin-left:auto}.overview-topbar .status-pill{font-size:12px;white-space:nowrap}.overview-search{display:flex;align-items:center;gap:8px;color:#7a8290;margin:0;max-width:210px}.overview-search input{border:0;margin:0;height:32px;line-height:20px;padding:6px 0;width:150px;min-width:0;font-size:14px;border-radius:0;background:transparent}.overview-search input:focus{box-shadow:0 1px #2878ff}.overview-search button{display:flex;align-items:center;padding:0;color:#8b94a3}.overview-stage{flex:1;min-height:0;display:flex;position:relative;gap:28px;padding:24px 20px;background:#f0f2f5;overflow:hidden}.overview-folders{width:246px;flex-shrink:0;align-self:flex-start;max-height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f3;border-radius:12px;box-shadow:0 6px 22px #222d3e17;padding:12px 16px}.overview-folders-heading{display:flex;align-items:center;gap:10px;min-height:43px;padding-bottom:12px;border-bottom:1px solid #f0f1f4}.overview-folders-heading>button{display:flex;align-items:center;gap:8px;padding:0;color:#424753;font-size:14px}.overview-folders-heading>button.selected{font-weight:500}.overview-folders-heading>span{margin-left:auto;color:#a4abb6;font-size:12px}.overview-folders-heading label{display:flex;align-items:center;gap:4px;margin:0;color:#8c94a1}.overview-folders-heading select{width:26px;padding:3px;border:0;color:transparent;background:transparent;cursor:pointer;font-size:12px}.overview-folders-heading select option{color:#424753;background:#fff}.overview-add-group{display:flex;align-items:center;gap:9px;text-align:left;padding:14px 2px 10px;font-size:14px;color:#565d6b}.overview-add-group:disabled{opacity:.4}.overview-folder-list{overflow:auto;min-height:0;padding-bottom:8px}.overview-folder-row{display:flex;align-items:center;min-height:43px;border-radius:5px;margin:2px -5px;padding:0 5px}.overview-folder-row:hover{background:#f8fafc}.overview-folder-row.active{background:#eff6ff;color:#2878ff}.overview-folder-expand{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:#a3aab4;padding:4px 0}.overview-folder-name{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:7px 0;text-align:left;font-size:14px}.overview-folder-name>svg{color:#818a98}.overview-folder-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-folder-name small{margin-left:auto;padding-left:5px;color:#a5acb7;font-size:12px}.overview-folder-row.active .overview-folder-name>svg{color:#2878ff}.overview-folder-children{padding:0 0 6px 28px;color:#9aa3b0;font-size:12px}.overview-folder-children>button{display:flex;align-items:center;gap:6px;min-width:0;width:100%;padding:7px 0;text-align:left;font-size:12px}.overview-folder-children>button:hover{color:#2878ff}.overview-folder-children>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-folder-children>span{display:block;padding:6px 0}.overview-group-form{display:flex;align-items:center;gap:5px;margin:4px 0 10px}.overview-group-form input{min-width:0;padding:6px;font-size:14px}.overview-group-form .button{height:30px;padding:0 8px;font-size:12px}.overview-group-form .icon-button{flex-shrink:0;width:23px}.overview-connect{display:flex;align-items:center;gap:8px;border-top:1px solid #f0f1f4;padding:12px 0 2px;text-align:left;color:#7a8493;font-size:12px}.overview-gallery{flex:1;min-width:0;overflow:auto;padding:4px 12px 90px 8px}.overview-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px;min-height:38px}.overview-gallery-heading>div{display:flex;align-items:center;gap:14px;min-width:0}.overview-gallery-heading h1{margin:0;color:#4b5361;font-size:14px;font-weight:500;white-space:nowrap}.overview-gallery-heading span{font-size:12px;color:#8d96a4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-gallery-heading .button{background:#fff;border-color:#e5e9ef;font-size:12px}.overview-artworks{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;padding:4px 5px}.overview-artwork{flex-shrink:0;padding:0;min-width:0;text-align:left;position:relative;border-radius:2px;color:#6e7887}.overview-artwork-name,.lanhu-native-title{position:absolute;left:0;right:0;bottom:calc(100% + 7px);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px;font-weight:400;line-height:normal;color:#6e7887}.overview-image{display:flex;align-items:flex-end;justify-content:center;position:relative;border-radius:2px;outline:2px solid transparent;outline-offset:4px}.overview-image>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none}.overview-artwork:hover .overview-image,.overview-artwork:focus-visible .overview-image{outline-color:#2878ff}.overview-artwork:hover .overview-artwork-name,.lanhu-native-board:hover .lanhu-native-title{color:#2878ff}.overview-artwork-meta{display:flex;justify-content:space-between;gap:5px;margin-top:8px;color:#929baa;font-size:12px;white-space:nowrap;overflow:hidden}.overview-open{position:absolute;top:8px;left:50%;transform:translate(-50%);white-space:nowrap;background:#fff;box-shadow:0 3px 12px #0f172a1a;padding:7px 10px;border-radius:5px;font-size:12px;color:#2878ff;opacity:0;pointer-events:none}.overview-artwork:hover .overview-open,.overview-artwork:focus-visible .overview-open{opacity:1}.overview-no-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;height:100%;min-width:0;background:#fff;border:1px solid #e2e7ee;color:#98a2b1;font-size:12px;text-align:center}.overview-empty{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a6afbc;gap:15px;padding:30px;text-align:center}.overview-empty h2{font-size:16px;font-weight:500;color:#596474;margin:5px 0 0}.overview-empty p{font-size:14px;line-height:1.8;color:#8c96a5;margin:0 0 5px}.overview-empty .button{font-size:14px}.overview-zoom{position:absolute;right:25px;bottom:20px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e8ebf0;border-radius:7px;padding:5px;box-shadow:0 4px 18px #222d3e12}.overview-zoom-reset{min-width:46px;font-size:12px;color:#697484;padding:4px}.overview-groups-toggle{display:none!important}@media(max-width:1100px){.overview-topbar{gap:18px}.overview-project{width:220px}.overview-topbar-right{gap:10px}.overview-tools{gap:8px}.overview-folders{width:220px}.overview-stage{gap:20px}.overview-search input{width:110px}}@media(max-width:940px){.overview-topbar{gap:12px;padding:0 12px}.overview-project{width:205px}.overview-stage{padding:18px 12px;gap:16px}.overview-folders{width:205px;padding:10px 12px}.overview-topbar .status-pill span{display:none}.overview-gallery{padding-left:0}.overview-topbar-right{gap:9px}.overview-tools{gap:2px}}@media(max-width:700px){.overview-stage{padding:16px 12px}.overview-folders{display:none;position:absolute;left:12px;top:16px;bottom:65px;width:246px;max-height:calc(100% - 81px);z-index:10}.overview-groups-open .overview-folders{display:flex}.overview-groups-toggle{display:inline-flex!important}.overview-project{width:180px}.overview-topbar{gap:9px}.overview-tools{display:none}.overview-search input{width:105px}.overview-gallery-heading{margin-bottom:24px}.overview-gallery-heading>div{gap:8px}.overview-gallery-heading span{display:none}.overview-empty{padding:20px;min-height:300px}.overview-zoom{bottom:15px;right:15px}.overview-gallery{padding-right:4px}}@media(max-width:460px){.overview-project{width:153px;gap:2px}.overview-project select{font-size:14px}.overview-topbar{gap:10px;padding:0 8px}.overview-topbar-right{gap:4px}.overview-search{max-width:90px;gap:4px}.overview-search input{width:65px;font-size:12px}.overview-topbar .status-pill{display:none}.overview-topbar .icon-button,.overview-topbar-right .overview-groups-toggle{width:24px}.overview-gallery-heading .button{padding:0 8px}}.overview-gallery{display:flex;flex-direction:column;overflow:hidden;position:relative;padding-bottom:0}.overview-gallery-heading{flex-shrink:0;margin-bottom:18px}.overview-viewport{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.overview-artworks{position:absolute;left:5px;top:4px;display:block;padding:0;transform-origin:0 0;will-change:auto}.overview-artwork-position{position:absolute;width:max-content}.overview-artwork{cursor:grab;touch-action:none}.overview-folder-row.drop-target{background:#e6efff;outline:2px solid #367aff;outline-offset:-2px}.overview-drag-hint{flex-shrink:0;pointer-events:none;font-size:12px;color:#8a929e;padding:10px 120px 8px 5px}.editor-workspace{position:relative;overflow:hidden;min-height:0}.editor-workspace>.main{min-height:0;overflow:hidden}.editor-workspace>.sidebar{display:flex;width:var(--hierarchy-width,280px);min-height:0;border-right:0;border-left:0}.editor-workspace>.inspector{display:flex;width:var(--inspector-width,340px);min-height:0;border-left:0}.panel-divider{flex:0 0 5px;position:relative;background:#eef0f3;cursor:col-resize;touch-action:none;z-index:3;outline:none}.panel-divider:after{content:"";position:absolute;inset:0 -2px}.panel-divider:hover,.panel-divider:focus-visible,.resizing-panels .panel-divider:hover{background:#91b8ff}.resizing-panels,.resizing-panels *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.editor-workspace .sidebar-title,.editor-workspace .inspector-heading{height:43px;padding:0 14px;gap:8px;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:13px;letter-spacing:0}.editor-workspace .sidebar-title strong,.editor-workspace .inspector-heading strong{font-size:13px;font-weight:600;color:#334155}.editor-workspace .sidebar-title>button{margin-left:auto}.editor-workspace .sidebar-tabs{border-top:0;padding:0 9px;height:38px}.editor-workspace .sidebar-tabs button{font-size:12px}.hierarchy-toolbar{display:flex;align-items:center;gap:6px;margin:0 12px 10px}.hierarchy-search{display:flex;flex:1;min-width:0;align-items:center;gap:3px;border:1px solid #e2e6ed;background:#f8fafc;border-radius:4px;padding:0 5px}.hierarchy-search input{width:100%;min-width:0;height:30px;background:transparent;border:0;outline:0;padding:0 5px;font-size:12px}.hierarchy-root{display:flex;align-items:center;gap:7px;padding:8px 16px;color:#2878ff;font-size:13px;overflow:hidden}.hierarchy-root strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500}.editor-workspace .tree-row{min-height:31px;font-size:13px}.editor-workspace .board{background-color:#f7f8fa;background-image:none}.inspector details{padding:0 16px 18px;border-bottom:1px solid #e5e7eb}.inspector details:not([open]){padding-bottom:0}.inspector summary.property-title{display:flex;align-items:center;gap:8px;list-style:none;margin:0 0 8px;padding:13px 0;cursor:pointer;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.inspector details:not([open]) summary{margin-bottom:0}.inspector summary::-webkit-details-marker{display:none}.inspector summary:before{content:"";width:6px;height:6px;flex-shrink:0;border-right:1.5px solid #778394;border-bottom:1.5px solid #778394;transform:rotate(-45deg);margin:0 3px}.inspector details[open]>summary:before{transform:rotate(45deg);margin-top:-3px}.inspector summary:focus-visible{outline:2px solid #91b8ff;outline-offset:2px}.editor-workspace .inspector label{font-size:12px}@media(min-width:1101px){.editor-workspace .document-toolbar{padding:0 14px;gap:6px}.editor-workspace .document-title strong{max-width:145px}.editor-workspace .toolbar-actions{gap:4px}.editor-workspace .toolbar-actions .button{padding:0 8px}.editor-workspace .canvas-toolbar{flex-wrap:wrap;height:auto;min-height:46px;padding:6px 10px;gap:5px}}@media(max-width:1100px){.editor-workspace>.sidebar,.editor-workspace>.inspector,.editor-workspace>.panel-divider{display:none}.editor-shell .panel-toggle{display:inline-flex}.left-open .editor-workspace>.sidebar,.right-open .editor-workspace>.inspector{display:flex;position:absolute;inset:0 0 0 auto;width:min(340px,90vw);max-width:100%;z-index:12;box-shadow:-8px 0 25px #0f172a14;border-left:1px solid #e5e7eb}}.node-context-menu{position:fixed;z-index:80;min-width:228px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;background:#fff;border:1px solid #dfe4ec;border-radius:9px;padding:6px;box-shadow:0 12px 36px #0f172a26;color:#334155;font-size:13px}.node-context-menu>button,.node-create-menu>button{display:flex;width:100%;min-height:32px;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:6px 11px;border-radius:4px;font-size:13px}.node-context-menu button:hover:not(:disabled),.node-context-menu button:focus-visible{background:#eff6ff;color:#2878ff;outline:none}.node-context-menu button:disabled{opacity:.4;cursor:default}.node-context-menu button.danger{color:#d84249}.node-context-menu kbd{color:#929aaa;font:11px system-ui,sans-serif;white-space:nowrap}.node-context-menu hr{border:0;border-top:1px solid #edf0f4;margin:5px}.node-create-menu{border-left:2px solid #dbeafe;margin:2px 8px 6px;padding-left:8px}.asset-tile.bound{outline:2px solid #2878ff;outline-offset:-2px;background:#eff6ff}.design-resolution-bar{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:7px 12px;border-bottom:1px solid #e5e7eb;background:#fff;font-size:12px;color:#64748b}.design-resolution-bar>span:first-child{color:#475569;white-space:nowrap}.design-resolution-bar select{min-width:0;max-width:135px;height:28px;border:1px solid #e2e6ed;background:#fff;border-radius:4px;padding:0 5px;font-size:12px;color:#475569}.design-resolution-bar label{display:flex;align-items:center;gap:4px;margin:0;font-size:11px}.design-resolution-bar input{width:69px;min-width:0;height:28px;margin:0;padding:0 5px;border:1px solid #e2e6ed;border-radius:4px;background:#fff;color:#334155;font-size:12px}.design-resolution-bar .button{height:28px;padding:0 8px;font-size:12px}.design-resolution-bar .resolution-error{color:#d84249;font-size:11px}.canvas-nav-hint{position:absolute;bottom:12px;left:12px;z-index:2;pointer-events:none;background:#ffffffdf;color:#778394;border:1px solid #e6eaf0;border-radius:4px;padding:5px 8px;font-size:11px}.board.canvas-space canvas{cursor:grab!important}.board.canvas-panning canvas{cursor:grabbing!important}@media(max-width:600px){.design-resolution-bar{gap:5px;padding:6px 8px}.design-resolution-bar>span:first-child{width:100%}.design-resolution-bar input{width:64px}.canvas-nav-hint{font-size:10px;left:7px;bottom:7px}}.hierarchy-layers,.hierarchy-layers *{cursor:default!important}.hierarchy-layers .tree-row{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none}body.hierarchy-node-dragging,body.hierarchy-node-dragging *{cursor:default!important;-webkit-user-select:none!important;user-select:none!important}.tree-row{position:relative}.tree-row.drop-before:before,.tree-row.drop-after:after{content:"";position:absolute;left:10px;right:6px;height:2px;background:#2878ff;pointer-events:none;z-index:2}.tree-row.drop-before:before{top:0}.tree-row.drop-after:after{bottom:0}.tree-row.drop-inside,.hierarchy-root.drop-inside,.hierarchy-root-drop.drop-inside{background:#edf4ff;box-shadow:inset 0 0 0 1px #2878ff}.hierarchy-root-drop{min-height:36px;margin:4px 10px;color:#64748b;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:4px}.node-inspector{font-size:12px;color:#475569}.inspect-node-heading{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #dce1e7;background:#fff;position:sticky;top:0;z-index:2}.node-inspector input[type=checkbox]{width:15px;height:15px;flex-shrink:0;accent-color:#2878ff;margin:0;cursor:pointer}.node-inspector .inspect-node-heading>input:not([type=checkbox]){padding:5px 7px;margin:0;font-weight:600;background:#f7f9fc}.inspector .node-inspector details.component-inspector{padding:0;border-bottom:1px solid #d5dce5}.inspector .node-inspector summary.property-title{padding:9px 10px;margin:0;background:#f0f3f7;justify-content:flex-start;gap:7px;font-size:12px;min-height:35px}.component-help{margin-left:auto;color:#8994a5}.transform-icon{color:#8d9f37}.sprite-icon{color:#ae67b6}.component-fields{padding:7px 10px 10px}.inspect-row{display:grid;grid-template-columns:minmax(92px,35%) minmax(0,1fr);gap:8px;align-items:start;min-height:32px;padding:3px 0}.inspect-label{padding-top:5px;line-height:18px;overflow-wrap:anywhere}.inspect-control{min-width:0;display:flex;align-items:center;min-height:27px}.inspect-control>input:not([type=checkbox]),.inspect-control>select,.inspect-control>textarea{width:100%;margin:0;padding:5px 7px;min-height:27px;border:1px solid #dce2ea;border-radius:3px;font-size:12px;line-height:16px;background:#f8fafc;color:#334155}.inspect-control>textarea{resize:vertical;min-height:66px}.node-inspector input:focus,.node-inspector select:focus,.node-inspector textarea:focus{border-color:#7aa8f7}.node-inspector input:disabled,.node-inspector select:disabled{color:#8a94a4;background:#f4f5f7;opacity:1;cursor:default}.node-inspector input[readonly]{color:#7e8999}.inspect-vector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%}.inspect-vector.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.inspect-number{position:relative;width:100%;min-width:0}.inspect-number input{width:100%;height:27px;margin:0;padding:4px 19px 4px 6px;border:1px solid #dce2ea;border-radius:3px;font-size:12px;background:#f8fafc;color:#334155}.inspect-number:not(:has(span)) input{padding-right:6px}.inspect-number>span{position:absolute;right:5px;top:5px;color:#98a1ae;font-size:11px;pointer-events:none}.inspect-color{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;width:100%}.inspect-color input{height:27px;padding:4px 6px;margin:0;border-radius:3px;font-size:12px;min-width:0}.inspect-color input[type=color]{padding:2px;cursor:pointer}.inspect-segment{display:flex;align-items:center;width:100%;height:27px;gap:4px}.inspect-segment>button{height:27px;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;border:1px solid #d8dfe8;border-radius:3px;color:#6b7789;background:#fff}.inspect-segment>button[aria-pressed=true]{background:#e9f2ff;border-color:#75a5ef;color:#2878ff}.inspect-segment>button:hover{border-color:#91b5e9}.text-style .bold{font-weight:700}.text-style .italic{font-style:italic}.text-style .underline{text-decoration:underline}.inspect-opacity{display:flex;align-items:center;gap:7px;width:100%;font-size:10px}.inspect-opacity input{padding:0;margin:0;min-width:0;flex:1;accent-color:#2878ff}.inspect-resource{height:28px;display:flex;align-items:center;gap:5px;min-width:0;width:100%;padding:3px 6px;border:1px solid #cbdced;border-left:3px solid #57a1bb;background:#f0f7fb;border-radius:3px;color:#337d9a;font-size:12px;text-align:left}.inspect-resource img{width:20px;height:20px;object-fit:contain}.inspect-resource span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspect-source{font-size:11px;overflow-wrap:anywhere;padding-top:5px}.multi-selection-info{padding:8px 12px;font-size:11px;line-height:1.6;color:#2878ff;background:#edf4ff;border-bottom:1px solid #d6e6ff;overflow-wrap:anywhere}.hierarchy-sort-button{display:flex;flex-shrink:0;white-space:nowrap;height:32px;align-items:center;gap:5px;font-size:11px;line-height:16px;padding:4px 7px;border:1px solid #dce2ea;border-radius:4px;color:#64748b;background:#fff}.hierarchy-sort-button:hover:not(:disabled){background:#f3f7fc;border-color:#b9cde9;color:#2878ff}.tree-rename-editor{min-width:0;gap:6px}.tree-rename-editor .tree-rename-input{height:25px;padding:3px 5px;margin:0;min-width:0;flex:1;border:1px solid #2878ff;border-radius:3px;font-size:12px;background:#fff;color:#334155;cursor:text!important;user-select:text;-webkit-user-select:text}.tree-rename-editor .tree-rename-input[aria-invalid=true]{border-color:#df424b}.add-component{position:relative;padding:20px 14px 24px;text-align:center}.add-component-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:150px;min-height:32px;border:1px solid #d6dee8;background:#f1f4f8;color:#475569;border-radius:4px;font-size:12px}.add-component-button:hover{background:#e8f1ff;color:#2878ff;border-color:#9cbbeb}.add-component-menu{margin:8px auto 0;max-width:260px;text-align:left;border:1px solid #d7e0ec;box-shadow:0 5px 16px #0f172a14;background:#fff;border-radius:5px;overflow:hidden}.component-menu-heading{display:flex;gap:6px;align-items:center;padding:9px 10px;color:#8994a5;font-size:11px;border-bottom:1px solid #e8edf3}.add-component-menu>button{display:flex;align-items:center;gap:8px;padding:11px 12px;width:100%;color:#475569;font-size:12px}.add-component-menu>button:hover:not(:disabled){background:#edf4ff;color:#2878ff}.add-component-menu small{margin-left:auto;color:#94a3b8;font-size:10px}.widget-fields{border:0;min-width:0;margin:0}.widget-fields:disabled{opacity:.55}.widget-inspector summary>input[type=checkbox]{margin-right:1px}.widget-remove{padding:1px;color:#8b96a5;display:flex}.widget-remove:hover{color:#dc424b}.widget-diagram{position:relative;width:172px;height:166px;margin:6px auto 16px;color:#8a96a6;font-size:11px}.widget-diagram-box{position:absolute;inset:25px 28px;border:1px solid #cdd6e1;background:#edf1f6}.widget-diagram-box>div{position:absolute;inset:15px;border:1px dashed #bbc6d4;background:#fff}.widget-diagram-box>svg{position:absolute;z-index:1;color:#9eaabb}.arrow-top{top:0;left:calc(50% - 8px)}.arrow-bottom{bottom:0;left:calc(50% - 8px)}.arrow-left{left:0;top:calc(50% - 8px)}.arrow-right{right:0;top:calc(50% - 8px)}.widget-side{position:absolute}.widget-side.top{top:5px;left:calc(50% - 10px)}.widget-side.bottom{bottom:3px;left:calc(50% - 21px)}.widget-side.left{left:3px;top:calc(50% - 5px)}.widget-side.right{right:0;top:calc(50% - 5px)}.h-left .arrow-left,.h-right .arrow-right,.h-stretch .arrow-left,.h-stretch .arrow-right,.v-top .arrow-top,.v-bottom .arrow-bottom,.v-stretch .arrow-top,.v-stretch .arrow-bottom{color:#2878ff}.widget-axis-title{margin:13px 0 7px;font-size:12px;color:#536176}.widget-alignment{gap:0;height:29px}.widget-alignment>button{border-radius:0;height:29px}.widget-alignment>button+button{border-left:0}.widget-alignment>button:first-child{border-radius:3px 0 0 3px}.widget-alignment>button:last-child{border-radius:0 3px 3px 0}.widget-alignment span{font-size:10px}.widget-offset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:8px;margin:7px 0 14px}.inspector .widget-offset{margin:0;font-size:11px;color:#64748b}.widget-offset>span{display:block;margin-bottom:4px}.widget-offset>div{display:flex;min-width:0;background:#f8fafc;border:1px solid #dce2ea;border-radius:3px}.widget-offset input{min-width:0;padding:5px 6px;border:0;margin:0;background:transparent;font-size:12px}.widget-offset button{padding:0 6px;font-size:11px;color:#6d91c5;border-left:1px solid #e4e9f0}.widget-offset button:hover{background:#e9f2ff}.widget-hint{font-size:10px;line-height:1.6;color:#94a3b8;margin:8px 0 0}.component-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px;color:#8b96a5;border-radius:3px}.component-remove:hover{color:#dc424b;background:#fff0f1}.hierarchy-collapse-button{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;white-space:nowrap;height:32px;padding:0 5px;border:0;background:transparent;color:#64748b;font-size:12px;line-height:16px}.hierarchy-collapse-arrow{width:6px;height:6px;flex-shrink:0;border-right:1.5px solid #778394;border-bottom:1.5px solid #778394;transform:rotate(-45deg)}.hierarchy-collapse-arrow.expanded{transform:rotate(45deg);margin-top:-3px}.hierarchy-collapse-button:hover:not(:disabled) .hierarchy-collapse-arrow{border-color:#2878ff}.hierarchy-layers .tree-name{font-size:14.3px}.hierarchy-layers .tree-name svg{width:18.2px;height:18.2px;flex-shrink:0}.hierarchy-layers .tree-fold svg{width:15.6px;height:15.6px;flex-shrink:0}.hierarchy-layers .tree-eye svg{width:16.9px;height:16.9px;flex-shrink:0}.hierarchy-layers .tree-rename-input{font-size:15.6px}.hierarchy-layers .hierarchy-root{font-size:14.3px;line-height:15px;height:32px;padding-top:0;padding-bottom:0}.hierarchy-layers .hierarchy-root>svg{width:18.2px;height:18.2px;flex-shrink:0}.font-asset-field{min-width:0;width:100%}.font-asset-field>input[hidden]{display:none}.font-asset-field .inspect-resource{width:100%}.font-asset-error{display:block;color:#c43c3c;margin-top:5px;overflow-wrap:anywhere}.font-picker-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a26}.font-picker{display:flex;flex-direction:column;width:480px;max-width:100%;max-height:min(650px,85vh);background:#fff;border:1px solid #dce2ea;border-radius:9px;box-shadow:0 12px 40px #0f172a26;overflow:hidden;color:#334155;font-size:13px}.font-picker-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.font-picker-heading strong{font-size:14px;font-weight:600}.font-picker-search{display:flex;align-items:center;gap:8px;margin:0 12px 10px;padding:0 10px;border:1px solid #cbd5e1;border-radius:4px;color:#8794a7}.font-picker-search:focus-within{border-color:#2878ff}.font-picker-search input{padding:8px 0;border:0;background:transparent;min-width:0;font-size:13px}.font-picker-list{min-height:120px;overflow:auto;padding:0 8px 8px;flex:1}.font-picker-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;text-align:left;border-bottom:1px solid #edf0f4;border-radius:4px;color:#64748b}.font-picker-item>span{flex:1;min-width:0}.font-picker-item strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;color:#334155}.font-picker-item small{display:block;margin-top:5px;font-size:11px;color:#8794a7}.font-picker-item:hover:not(:disabled),.font-picker-item.selected{background:#edf4ff}.font-picker-item.selected>svg{color:#2878ff}.font-picker-empty{padding:26px 16px;text-align:center;color:#8794a7;font-size:12px}.font-picker-empty .button{margin:10px auto 0}.font-picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 16px;border-top:1px solid #e5e7eb}.font-picker-footer .font-asset-error{flex:1;margin:0}.font-picker-footer .button{flex-shrink:0}.hierarchy-layers .document-root-row .tree-name{color:#2878ff;font-weight:500}.inspector-readonly{border:0;padding:0;margin:0;min-width:0;width:100%}.inspector-readonly:disabled .inspect-node-heading input,.inspector-readonly:disabled .inspect-control input,.inspector-readonly:disabled .inspect-control select,.inspector-readonly:disabled .inspect-control textarea{color:#8794a7;cursor:default}.design-workflow{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid #e5e7eb;background:#fff;flex-wrap:wrap}.design-workflow .button{font-size:11px;padding:5px 8px;min-height:28px}.design-link-status{font-size:11px;color:#8794a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.design-link-search{display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #dce2ea;border-radius:4px;color:#8794a7}.design-link-search input{border:0;min-width:0;padding:9px 0;font-size:12px}.design-link-list{max-height:340px;overflow:auto;margin-top:10px}.design-link-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;text-align:left;border-bottom:1px solid #edf0f4;border-radius:4px;color:#64748b}.design-link-item>img{width:48px;height:62px;object-fit:contain;background:#f5f7fa;border-radius:3px}.design-link-item>span{flex:1;min-width:0}.design-link-item strong{display:block;font-size:13px;color:#334155;overflow-wrap:anywhere;font-weight:500}.design-link-item small{display:block;font-size:11px;color:#8794a7;margin-top:5px}.design-link-item:hover:not(:disabled),.design-link-item.selected{background:#edf4ff}.design-link-item.selected>svg{color:#2878ff}.design-link-empty{text-align:center;color:#8794a7;font-size:12px;padding:24px 8px}.layout-inspector>summary>input[type=checkbox]{margin:0 1px 0 0}.layout-inspector>.component-fields{border:0;margin:0;min-width:0}.component-inspector>.component-fields,.ui-component-inspector>.component-fields{border:0;margin:0;min-width:0}.component-inspector>summary>input[type=checkbox]{margin:0 1px 0 0}.ui-events,.ui-image-atlas{margin:10px 0;padding-top:8px;border-top:1px solid #e5e7eb;font-size:11px}.ui-events-heading{display:flex;align-items:center;justify-content:space-between;color:#64748b;margin-bottom:7px}.ui-events>small{color:#8794a7;font-size:10px}.ui-event-entry{display:grid;gap:5px;padding:7px 0;border-top:1px solid #edf0f4}.ui-event-entry input,.ui-event-entry select,.ui-image-entry input,.ui-image-atlas>select{font-size:11px;padding:6px}.ui-image-entry{display:flex;align-items:center;gap:5px;margin-bottom:7px}.ui-image-entry input{min-width:0;width:40%}.ui-image-entry span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;color:#8794a7}.ui-component-inspector .inspect-opacity>input[type=number]{width:64px;flex-shrink:0}.bulk-inspector .inspect-label{white-space:normal;overflow-wrap:anywhere}.bulk-inspector .bulk-list{padding:8px 10px;border-top:1px solid var(--border, #d8e0eb)}.bulk-inspector input::placeholder,.bulk-inspector textarea::placeholder{color:#8797ad;font-style:italic}.overview-delete{position:absolute;right:0;top:-3px;padding:3px;background:#fff;border:1px solid #e2e7ee;border-radius:3px;color:#7a8799;cursor:pointer}.overview-delete:hover{color:#d64242;border-color:#d64242}.overview-artwork-name{padding-right:26px}.overview-image>img{width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;image-rendering:auto}.overview-delete{top:-28px}.overview-stage{--overview-inset-x:20px;--overview-inset-y:24px;--overview-folder-width:246px;--overview-heading-left:302px;display:block;padding:0;gap:0}.overview-folders{position:absolute;left:var(--overview-inset-x);top:var(--overview-inset-y);width:var(--overview-folder-width);max-height:calc(100% - var(--overview-inset-y) * 2);z-index:3}.overview-gallery{position:absolute;inset:0;display:block;padding:0;overflow:visible}.overview-viewport{position:absolute;inset:0;width:100%;height:100%}.overview-gallery-heading{position:absolute;left:var(--overview-heading-left);right:32px;top:var(--overview-inset-y);margin:0;z-index:2;pointer-events:none}.overview-gallery-heading .button{pointer-events:auto}.overview-drag-hint{position:absolute;left:var(--overview-heading-left);bottom:8px;padding:0;z-index:2}.overview-zoom{z-index:4}.overview-empty{position:absolute;left:var(--overview-heading-left);right:20px;top:74px;bottom:48px;min-height:0}@media(max-width:1100px){.overview-stage{--overview-folder-width:220px;--overview-heading-left:268px}}@media(max-width:940px){.overview-stage{--overview-inset-x:12px;--overview-inset-y:18px;--overview-folder-width:205px;--overview-heading-left:233px}.overview-gallery-heading{right:16px}}@media(max-width:700px){.overview-stage{--overview-inset-y:16px;--overview-folder-width:246px;--overview-heading-left:16px}.overview-folders{bottom:auto;max-height:calc(100% - 81px)}.overview-groups-open .overview-folders{z-index:5}.overview-drag-hint{max-width:calc(100% - 145px);font-size:10px}.overview-empty{padding:20px}}.overview-viewport:focus{outline:none}.overview-artwork.selected .overview-image{outline:2px solid #2878ff;outline-offset:2px}.overview-artwork.selected .overview-artwork-name{color:#2878ff}.overview-folder-children>button.selected{background:#e7efff;color:#2878ff;border-radius:4px}.overview-artwork{cursor:move}.overview-viewport.pan-mode .overview-artwork{cursor:grab}.overview-viewport.dragging,.overview-viewport.dragging .overview-artwork{cursor:grabbing}.overview-artwork-position.moving{z-index:1}.overview-artwork-position.moving .overview-image{box-shadow:0 10px 28px #23375226}.overview-selected-open{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%);display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e2e7ee;border-radius:5px;box-shadow:0 4px 12px #2337521a;padding:7px 10px;color:#53647d;font-size:12px;cursor:pointer;z-index:2}.overview-zoom .icon-button.active{color:#2878ff;background:#eaf1ff}.overview-zoom-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:148px;max-height:min(420px,70vh);overflow:auto;background:#fff;border:1px solid #e5e9ef;border-radius:7px;padding:5px;box-shadow:0 6px 24px #2337521a}.overview-zoom-menu>button{display:block;width:100%;text-align:left;padding:8px 10px;font-size:12px;border-radius:4px;color:#53647d}.overview-zoom-menu>button:hover:not(:disabled){background:#edf4ff;color:#2878ff}.overview-zoom-menu>button:disabled{opacity:.4}.overview-zoom-menu>hr{border:0;border-top:1px solid #edf0f4;margin:4px}.editor-shell{display:flex;flex-direction:column}.app-shell.editor-shell>.editor-workspace{height:auto;flex:1;min-height:0}.editor-topbar{display:flex;align-items:center;flex-wrap:wrap;flex-shrink:0;background:#fff;border-bottom:1px solid #e5e7eb;gap:4px 12px;padding:4px 12px}.editor-topbar .split-editor-heading{height:auto;min-height:34px;padding:0;border:0;flex:1 1 420px;min-width:0}.editor-topbar .split-editor-heading>.button{flex-shrink:0}.editor-topbar .split-editor-heading select{max-width:280px}.editor-topbar .document-toolbar{flex:1 1 600px;min-width:0;min-height:42px;height:auto;border:0;padding:0;gap:12px;flex-wrap:wrap}.editor-topbar .document-title{min-width:0}.editor-topbar .toolbar-actions{margin-left:auto;flex-wrap:wrap}.spine-picker-footer{flex-wrap:wrap}.spine-picker-help{width:100%;color:#8794a7}.spine-inspector>summary>.component-remove{margin-left:auto}.font-asset-field .inspect-resource>span{flex:1;min-width:0}.font-asset-field .inspect-resource>svg{flex-shrink:0;margin-left:auto}.spine-animation-queue{display:flex;flex-direction:column;gap:6px;padding:6px 0}.spine-animation-row{display:flex;align-items:center;gap:6px}.spine-animation-row select{flex:.5;min-width:0;padding:5px 7px;border:1px solid #dce2ea;border-radius:3px;background:#f8fafc;color:#334155;font-size:12px}.spine-animation-row label{display:flex;align-items:center;align-self:center;margin:0;gap:3px;white-space:nowrap;font-size:12px}.spine-animation-queue>.button{align-self:flex-start}.spine-debug-section{margin-top:12px;padding:10px;border:1px solid #dce5f2;border-left:3px solid #8aace0;border-radius:6px;background:#f3f6fb}.spine-debug-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.spine-debug-heading>.inspect-label{padding:0;color:#526783;font-weight:600}.spine-debug-heading>.inspect-control{flex:0 0 auto;min-width:0}.spine-debug-section .spine-animation-queue{margin-top:8px;padding:10px 0 0;border-top:1px solid #dce5f2}.design-linked-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px;border:1px solid #dce5f2;border-radius:6px;background:#f5f8fc;max-height:240px;overflow:auto}.design-linked-row{display:flex;align-items:center;gap:6px}.design-linked-row>span{flex:1;min-width:0}.design-linked-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.design-linked-row small{display:block;color:#8794a7;font-size:11px;margin-top:3px}.design-linked-row>.button{flex-shrink:0;font-size:11px;padding:0 7px}.toolbar-actions>.linked-design-select{width:210px;max-width:100%;height:30px;padding:3px 7px;font-size:12px}.tree-design-link{flex-shrink:0;opacity:.75}.tree-design-link[aria-pressed=true]{opacity:1;background:#e2edff;border-radius:4px}.tree-design-link:disabled{opacity:.35}.tree-design-link:focus-visible{outline:2px solid #91b8ff;outline-offset:1px}.hierarchy-layers .tree-row.design-filtered-row .tree-name,.hierarchy-layers .tree-row.design-filtered-row .tree-name svg{color:#9ca7b7}.hierarchy-layers .tree-row.design-filtered-row .tree-name{opacity:.65}.editor-workspace .sidebar-title>.tree-settings-button{margin-left:0}.tree-settings-all{display:flex;align-items:center;gap:7px}.tree-settings-all>input{width:14px;height:14px;margin:0;accent-color:#2878ff}.app-shell.home-shell{min-width:0}.project-home{height:100%;display:flex;flex-direction:column;background:#fff;color:#30343d;font-size:14px}.home-topbar{height:72px;flex-shrink:0;display:flex;align-items:center;padding:0 28px 0 24px;gap:32px;border-bottom:1px solid #e9ebf0;background:#fff}.home-brand{display:flex;align-items:center;gap:11px;width:244px;flex-shrink:0}.home-brand strong{font-size:20px;letter-spacing:.4px;white-space:nowrap}.home-brand-logo{display:grid;place-items:center;width:32px;height:36px;color:#5272ff}.home-local-badge{background:#eef1ff;color:#6274a5;font-size:10px;padding:4px 8px;border-radius:12px;white-space:nowrap}.home-search{display:flex;align-items:center;gap:10px;width:min(500px,38vw);height:40px;margin:0;padding:0 14px;border-radius:6px;background:#f3f4f7;color:#858b99}.home-search input{flex:1;min-width:0;border:0;background:transparent;padding:0;height:40px;font-size:14px;margin:0}.home-search input::placeholder{color:#a4a7b2}.home-search:focus-within{box-shadow:0 0 0 1px #98afff}.home-search button{display:flex;padding:0;color:#8792a2}.home-header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.home-connection{display:flex;align-items:center;gap:7px;font-size:12px;color:#7a8497;white-space:nowrap}.home-connection i{width:6px;height:6px;display:block;border-radius:50%;background:#b3bac8}.home-connection i.ok{background:#2aa36a}.home-connection i.error{background:#df6868}.home-icon-button{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#606a7e;border-radius:5px}.home-icon-button:hover{background:#eceef4;color:#4076ed}.home-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef1f9;border:1px solid #e0e5f2;color:#596d9e;font-size:12px;font-weight:600}.home-body{display:flex;flex:1;min-height:0}.home-sidebar{width:260px;flex-shrink:0;background:#f8f9fb;border-right:1px solid #e4e7ed;display:flex;flex-direction:column;padding:20px 12px 14px}.home-sidebar nav{display:flex;flex-direction:column;gap:4px;padding-bottom:26px;border-bottom:1px solid #e1e4eb}.home-sidebar nav>button{display:flex;align-items:center;gap:13px;min-height:46px;border-radius:6px;text-align:left;padding:10px 15px;font-size:15px;color:#505665}.home-sidebar nav>button:hover{background:#edf0f6}.home-sidebar nav>button.active{background:#e7e9ef;color:#30394e;font-weight:500}.home-space-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 10px 10px}.home-space-heading strong{font-size:14px;font-weight:600;color:#474d60}.home-project-links{flex:1;min-height:0;overflow:auto}.home-project-links>button{display:flex;align-items:center;gap:13px;width:100%;min-height:49px;padding:10px 19px;border-radius:6px;text-align:left;color:#4b5260}.home-project-links>button:hover{background:#eaf0fd;color:#3475e5}.home-project-links>button>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-project-links>p{color:#98a1b0;font-size:12px;padding:8px 12px;line-height:1.8}.home-sidebar-footer{display:flex;align-items:center;gap:8px;padding:20px 12px 0;color:#9aa2b0;font-size:11px}.home-main{position:relative;flex:1;min-width:0;overflow:auto;background:#fff}.home-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 34px;border-bottom:1px solid #f0f1f5;min-height:141px}.home-heading h1{font-size:25px;margin:0 0 8px;font-weight:600;letter-spacing:.5px}.home-heading p{margin:0;color:#a0a6b2;font-size:12px}.home-quick-actions{display:flex;gap:16px;flex:0 1 680px}.home-quick-actions>button{flex:1;min-width:0;display:flex;align-items:center;gap:15px;padding:19px 20px;height:78px;border:1px solid #e1e4eb;border-radius:10px;background:#fff;font-size:15px;text-align:left;transition:border-color .15s,box-shadow .15s}.home-quick-actions>button:hover{border-color:#acbfff;box-shadow:0 4px 14px #5570b509}.home-quick-actions>button>svg{margin-left:auto;color:#798398}.home-action-icon{display:grid;place-items:center;width:36px;height:38px;border-radius:9px;flex-shrink:0}.home-action-icon.blue{background:#edf4ff;color:#3c83f5}.home-action-icon.violet{background:#f1efff;color:#8874e9}.home-content{padding:22px 34px 40px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.home-section-heading h2{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;margin:0;color:#5a6271}.home-section-heading h2 span{padding:2px 7px;border-radius:10px;background:#f1f3f7;color:#98a0ae;font-size:11px}.home-sort{display:flex;align-items:center;gap:8px;margin:0;color:#929aaa;font-size:12px}.home-sort select{appearance:none;width:auto;margin:0;border:0;padding:6px 2px;background:transparent;font-size:12px;color:#687287}.home-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 25px}.home-project-card{display:block;min-width:0;padding:0;border:1px solid #e6eaf2;border-radius:10px;background:#fff;overflow:hidden;text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s}.home-project-card:hover{transform:translateY(-3px);border-color:#b4c7f8;box-shadow:0 8px 24px #3a5c9a12}.home-project-preview{height:222px;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f7;overflow:hidden;padding:20px}.home-project-preview>img{display:block;max-width:90%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 2px 7px #1d29460a}.home-project-glyph{position:relative;width:63px;height:63px;display:block}.home-project-glyph i{position:absolute;width:43px;height:43px;border-radius:8px;background:#347df0;left:2px;top:17px}.home-project-glyph i+i{background:#3dccf2;left:22px;top:0}.home-card-open{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:6px;padding:6px 9px;background:#ffffffed;border:1px solid #e8edf5;border-radius:5px;color:#5c7bb0;font-size:11px;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.home-project-card:hover .home-card-open,.home-project-card:focus-visible .home-card-open{opacity:1;transform:translateY(0)}.home-project-caption{display:flex;align-items:center;gap:10px;min-height:65px;padding:16px 19px;border-top:1px solid #f0f2f7}.home-project-caption strong{font-size:14px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-project-caption small{margin-left:auto;color:#a3aab8;font-size:10px;white-space:nowrap}.home-project-icon{position:relative;display:block;flex-shrink:0;width:21px;height:22px}.home-project-icon i{position:absolute;left:0;top:5px;width:15px;height:15px;background:#347df0;border-radius:3px}.home-project-icon i+i{top:1px;left:7px;width:14px;height:14px;background:#3dccf2}.home-empty{display:flex;align-items:center;flex-direction:column;padding:90px 20px;color:#bdc7da;text-align:center}.home-empty h2{font-size:18px;font-weight:500;color:#5d6b83;margin:20px 0 0}.home-empty p{color:#929eb2;line-height:1.8;margin:12px 0 24px}.home-message{display:flex;align-items:center;gap:15px;padding:12px 16px;margin-bottom:18px;background:#fff8ec;border:1px solid #f5e6c8;border-radius:6px;font-size:12px;color:#9e7f45}.home-message button{display:flex;align-items:center;gap:6px;color:#467de0}.home-help{display:flex;gap:20px;align-items:flex-start;background:#f3f6ff;border:1px solid #e0e8ff;border-radius:8px;padding:17px 20px;margin-bottom:20px;color:#536b9e}.home-help p{font-size:12px;line-height:1.9;margin:8px 0 0}.home-help>button{margin-left:auto;color:#8998b6;padding:0}.home-busy{position:fixed;bottom:22px;left:50%;background:#fff;border:1px solid #e3e9f3;box-shadow:0 5px 20px #263e6c10;color:#6280ac;padding:10px 20px;border-radius:7px;font-size:12px}@media(min-width:1700px){.home-sidebar{width:300px}.home-brand{width:284px}.home-project-preview{height:240px}.home-project-grid{gap:38px}.home-heading,.home-content{padding-left:40px;padding-right:40px}}@media(max-width:1300px){.home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-brand{width:210px}.home-sidebar{width:226px}.home-heading{gap:24px}.home-quick-actions{flex-basis:540px}.home-quick-actions>button{padding:16px;gap:11px}.home-connection{font-size:11px}.home-topbar{gap:20px;padding-right:20px}.home-header-actions{gap:16px}.home-project-caption{padding:16px 14px}.home-project-caption small{display:none}}@media(max-width:1000px){.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-local-badge{display:none}.home-brand{width:180px}.home-sidebar{width:200px}.home-search{flex:1;width:auto}.home-connection{display:none}.home-heading,.home-content{padding-left:24px;padding-right:24px}.home-quick-actions{flex-basis:400px}.home-quick-actions>button{font-size:13px;padding:12px;gap:8px}.home-action-icon{width:30px}.home-project-preview{height:205px}}@media(max-width:700px){.home-topbar{height:64px;padding:0 16px;gap:16px}.home-brand{width:auto}.home-brand strong{font-size:17px}.home-search{max-width:none}.home-search input{font-size:12px}.home-header-actions{gap:0}.home-avatar{display:none}.home-sidebar{width:60px;padding:15px 6px}.home-sidebar nav>button{font-size:0;padding:11px 13px;gap:0}.home-space-heading,.home-project-links,.home-sidebar-footer{display:none}.home-heading{flex-direction:column;align-items:stretch;gap:20px;padding:22px 18px}.home-heading p{display:none}.home-quick-actions{flex:auto}.home-quick-actions>button{height:62px}.home-content{padding:20px 18px}.home-project-preview{height:175px;padding:15px}.home-project-caption{padding:14px 10px;gap:7px}.home-project-caption strong{font-size:12px}.home-project-grid{gap:15px}.home-project-glyph{transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.home-project-card,.home-card-open{transition:none}.home-project-card:hover{transform:none}}.home-project-menu{position:fixed;z-index:1000;min-width:210px;padding:8px;background:#fff;border:1px solid #e8eaf0;border-radius:9px;box-shadow:0 9px 30px #25385824;color:#4d5361}.home-project-menu>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:5px;text-align:left;font-size:14px;white-space:nowrap}.home-project-menu>button:hover,.home-project-menu>button:focus-visible{background:#eef4ff;color:#3479ed;outline:none}.home-project-menu>div[role=separator]{height:1px;background:#edf0f5;margin:5px 6px}.home-project-dialog-backdrop{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:24px;background:#1e293b40}.home-project-dialog{width:min(610px,100%);max-height:90dvh;overflow:auto;border:1px solid #e7ebf3;border-radius:12px;background:#fff;box-shadow:0 22px 70px #1e293b24;color:#374151}.home-project-dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #edf0f5;font-size:17px}.home-project-dialog-body{padding:24px 30px 28px}.home-project-settings-tabs{color:#347cf5;font-size:14px;border-bottom:1px solid #e8edf5;padding-bottom:14px;margin-bottom:24px}.home-project-dialog-body label{margin:18px 0 0;font-size:12px;color:#69758b}.home-project-dialog-body label>input,.home-project-dialog-body label>textarea{font-size:13px;margin-top:9px;border-color:#e1e6ef;padding:10px 12px}.home-project-dialog-body textarea{resize:vertical;min-height:100px}.home-project-details{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px 12px;border-top:1px solid #eef1f6;margin-top:27px;padding-top:22px;font-size:12px;color:#8d98ac}.home-project-details code{font-size:11px;overflow-wrap:anywhere;color:#78879e}.home-project-dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0f5;padding:16px 26px}.home-project-share-hint{font-size:12px;line-height:1.8;color:#8d98ab}.home-project-dialog-body h3{margin:0 0 14px;font-size:16px;font-weight:500}.home-project-error{color:#d95858;font-size:12px;line-height:1.8}.home-project-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:1010;border:1px solid #dbe6f8;border-radius:7px;background:#fff;box-shadow:0 6px 24px #324a6d16;color:#51739d;padding:12px 22px;font-size:13px}.project-cover-setting{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;font-size:12px;color:#69758b}.project-cover-preview{height:170px;border:1px solid #e1e6ef;border-radius:7px;overflow:hidden;background:#f4f6fb;display:flex;align-items:center;justify-content:center}.project-cover-preview>img{width:100%;height:100%;object-fit:cover}.project-cover-actions{display:flex;gap:8px}.project-cover-setting>small{color:#8d98ab;line-height:1.6}.project-cover-setting>input[hidden]{display:none}.project-home .home-project-grid{grid-template-columns:repeat(auto-fill,179.4px);gap:26px;align-items:start}.project-home .home-project-card{width:179.4px;border:1.3px solid #e1e7f0;border-radius:11.7px;text-align:center}.project-home .home-project-preview{height:153.4px;padding:15.6px 26px 13px;background:#f6f8fc}.project-home .home-project-preview>img{width:124.8px;height:124.8px;max-width:100%;max-height:100%;object-fit:cover;border-radius:26px;box-shadow:none}.project-home .home-project-caption{justify-content:center;min-height:46.8px;padding:9.1px 11.7px;border-top:0;gap:0}.project-home .home-project-caption strong{width:100%;font-size:18.2px;font-weight:600;line-height:28.6px;text-align:center}.project-home .home-project-glyph{transform:scale(1.105)}.home-space-list{flex:1;min-height:0;overflow:auto}.home-space{margin-bottom:8px}.home-space-row{display:flex;align-items:center;gap:3px;border-radius:5px;min-height:36px}.home-space-row.active{background:#eaf0fd}.home-space-name{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#525f77}.home-space-name>small{margin-left:auto;color:#99a2b1;font-size:11px}.home-space .home-project-links>button{padding-left:30px}.home-space .home-project-links>p{padding-left:34px;margin:5px 0}.home-new-space-dialog{width:min(440px,100%)}.home-project-dialog-body label>select{font-size:13px;margin-top:9px;border-color:#e1e6ef;padding:10px 12px}@media(max-width:700px){.home-space-list{display:none}}.home-space-list>.home-space-item{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:12px 18px;border-radius:6px;text-align:left;color:#566174;font-size:15px}.home-space-list>.home-space-item:hover{background:#eef3fc}.home-space-list>.home-space-item.active{background:#e8efff;color:#2878ff}.home-space-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-space-item>.home-project-icon{flex-shrink:0}.home-section-heading>.button{margin-left:auto;flex-shrink:0}.home-project-menu>.space-menu-delete{color:#d95858}.home-project-menu>button:disabled{opacity:.4;cursor:not-allowed}.home-project-menu>button:disabled:hover{background:transparent;color:inherit}.overview-nav-item{display:flex;align-items:center;gap:5px;height:100%}.overview-nav .lanhu-settings-button{height:28px;width:24px;display:flex;align-items:center;justify-content:center;padding:0;color:#8b98ad;border-radius:4px}.overview-nav .lanhu-settings-button:hover{background:#edf3ff;color:#2878ff}.home-project-dialog-body .project-lanhu-toggle{display:flex;align-items:center;gap:8px}.home-project-dialog-body .project-lanhu-toggle>input{width:15px;height:15px;margin:0;padding:0;accent-color:#2878ff}.lanhu-login-dialog{width:min(500px,100%)}.lanhu-login-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px 0;color:#64748b}.lanhu-login-qr{text-align:center}.lanhu-login-qr>img{width:220px;height:220px;object-fit:contain;border:1px solid #e5e9f1;border-radius:8px;padding:8px;background:#fff}.lanhu-login-qr>p{font-size:13px;color:#64748b;margin-top:12px}.lanhu-account-dialog{width:min(550px,100%)}.lanhu-account-dialog .home-project-dialog-body{padding:28px 34px}.lanhu-account-dialog h2{font-size:28px;margin:0 0 8px;color:#20242c}.lanhu-login-subtitle{font-size:12px;line-height:1.7;color:#8b95a7;margin:0 0 24px}.lanhu-account-dialog label{font-size:14px}.lanhu-account-dialog label>input{height:44px;border-radius:8px}.lanhu-account-submit{width:100%;height:46px;border-radius:24px;background:#4b8fff;color:#fff;font-size:16px;font-weight:600;margin-top:24px}.lanhu-account-submit:disabled{opacity:.5;cursor:not-allowed}.home-project-dialog-body .lanhu-login-agreement{display:flex;align-items:flex-start;gap:8px;margin-top:20px;font-size:12px;line-height:20px;color:#7d8797}.home-project-dialog-body .lanhu-login-agreement>input{width:16px;height:16px;margin:2px 0 0;padding:0;flex-shrink:0;accent-color:#2878ff}.lanhu-login-agreement a{color:#2878ff}.lanhu-login-divider{display:flex;align-items:center;gap:12px;color:#a5adba;font-size:12px;margin:24px 0 20px}.lanhu-login-divider:before,.lanhu-login-divider:after{content:"";height:1px;flex:1;background:#e8ebf0}.lanhu-login-methods{display:flex;justify-content:center;gap:28px}.lanhu-social{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.lanhu-social.wechat{background:#50aa31}.lanhu-social.dingding{background:#2878ff}.lanhu-social.sso{background:#eea924;font-size:16px;font-weight:600}.lanhu-social:disabled{opacity:.35;cursor:not-allowed}.lanhu-login-storage{font-size:11px;text-align:center;color:#98a2b3;margin:18px 0 0}.lanhu-secret-row,.lanhu-captcha-row{display:flex;align-items:center;border:1px solid #e1e6ef;border-radius:8px;overflow:hidden;margin-top:9px;height:44px}.lanhu-secret-row>input,.lanhu-captcha-row>input{flex:1;min-width:0;border:0;margin:0;padding:10px 12px;font-size:14px}.lanhu-secret-row>button{color:#2878ff;font-size:12px;padding:0 10px;white-space:nowrap}.lanhu-captcha-row>button{padding:0;align-self:stretch;flex-shrink:0}.lanhu-captcha-row img{height:42px;width:112px;object-fit:contain}.lanhu-method-links{display:flex;justify-content:flex-end;margin-top:10px}.lanhu-method-links>button,.lanhu-back-account{color:#2878ff;font-size:12px}.lanhu-back-account{display:flex;align-items:center;gap:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.lanhu-project-picker{width:min(580px,calc(100vw - 32px))}.lanhu-project-search{display:flex;align-items:center;gap:8px;color:#8393ad}.lanhu-project-search input{flex:1;min-width:0}.lanhu-project-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding:2px}.lanhu-project-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid #dde4ef;border-radius:8px;background:#fff;color:#34445e;text-align:left;cursor:pointer}.lanhu-project-option>span{display:flex;flex-direction:column;gap:5px;min-width:0}.lanhu-project-option strong,.lanhu-project-option small{overflow-wrap:anywhere}.lanhu-project-option small{color:#8393ad}.lanhu-project-option.selected{border-color:#347aff;background:#eef4ff;color:#2670f7}.lanhu-project-option:disabled{cursor:default;opacity:.65}.lanhu-project-option>svg{flex-shrink:0}.lanhu-project-warning{color:#986c15;font-size:13px}.lanhu-design-image-error{display:flex;flex-direction:column;align-items:center;gap:10px;color:#8393ad;font-size:12px}.lanhu-design-preview-backdrop{position:fixed;inset:0;z-index:140;background:#17233f99;padding:24px;display:flex}.lanhu-design-preview{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;background:#f1f3f7;border-radius:10px;overflow:hidden;box-shadow:0 12px 60px #14244740}.lanhu-design-preview>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e6ee}.lanhu-design-preview>header>div:first-child{min-width:0;display:flex;flex-direction:column;gap:4px}.lanhu-design-preview>header strong{overflow-wrap:anywhere}.lanhu-design-preview>header span{font-size:12px;color:#8393ad}.lanhu-design-preview-tools{display:flex;align-items:center;gap:8px}.lanhu-design-preview-body{flex:1;min-height:0;overflow:auto;padding:20px}.lanhu-design-preview-image{margin:0 auto}.lanhu-design-preview-image>img{display:block;width:100%;height:100%;object-fit:contain}.lanhu-design-preview-body.fit{display:flex}.lanhu-design-preview-body.fit .lanhu-design-preview-image{width:100%;height:100%}@media(max-width:700px){.lanhu-design-preview-backdrop{padding:8px}}.lanhu-cookie-field{padding:4px 0 14px}.lanhu-cookie-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.lanhu-cookie-field a{color:#347cf5}.lanhu-cookie-field .field-hint{line-height:1.8;margin:9px 0 0}.lanhu-design-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.lanhu-design-image>img{display:block;width:100%;height:100%;object-fit:contain}.lanhu-design-image-placeholder{display:block;width:100%;height:100%;background:#e9edf3}.lanhu-design-load-error{display:flex;align-items:center;gap:12px;padding:8px 0;color:#a45b21;font-size:13px}.lanhu-project-overview .overview-topbar{height:48px;min-height:48px;flex-shrink:0}.lanhu-design-stage{min-height:0;display:block;padding:0;background:#f0f2f5;overflow:hidden}.lanhu-native-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none;cursor:grab}.lanhu-native-viewport.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.lanhu-native-viewport.dragging .lanhu-native-board{pointer-events:none}.lanhu-native-board{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:0 1px 4px #28374912;cursor:pointer;touch-action:none}.lanhu-native-board.selected,.lanhu-native-board:focus-visible{outline:2px solid #2878ff;outline-offset:1px}.lanhu-native-title{pointer-events:none}.lanhu-native-board.selected .lanhu-native-title{color:#2878ff}.lanhu-native-board .lanhu-design-image{overflow:hidden}.lanhu-native-board .lanhu-design-image-error{overflow:hidden;max-height:100%;font-size:10px}.lanhu-design-stage .lanhu-native-folders{position:absolute;left:24px;top:24px;width:264px;max-height:calc(100% - 48px);padding:12px 16px;z-index:3}.lanhu-native-tools{position:absolute;bottom:24px;right:24px;z-index:4;display:flex;align-items:center;height:40px;padding:0 6px;background:#fff;border:1px solid #eceef2;border-radius:8px;box-shadow:0 3px 12px #26364912}.lanhu-native-tools button{height:30px;min-width:30px;color:#737e91}.lanhu-native-zoom{padding:0 6px;font-size:12px}.lanhu-native-empty{position:absolute;inset:40%;white-space:nowrap;color:#8993a3;text-align:center;pointer-events:none}.lanhu-design-stage>.lanhu-design-load-error{position:absolute;left:312px;right:24px;top:16px;z-index:5;padding:8px 12px;background:#fff7e8;border-radius:6px}.lanhu-design-stage>.overview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:700px){.lanhu-design-stage .lanhu-native-folders{display:none;left:12px;top:16px;width:246px;max-height:calc(100% - 80px)}.lanhu-design-stage .lanhu-native-folders.mobile-open{display:flex}.lanhu-native-tools{right:12px;bottom:16px}.lanhu-design-stage>.lanhu-design-load-error{left:12px;right:12px}}.project-lanhu-parameters{margin-top:20px;padding-top:18px;border-top:1px solid #e8edf5}.project-lanhu-parameters h3{font-size:13px;margin:0 0 14px}.project-lanhu-resolution{display:flex;align-items:center;gap:12px;font-size:12px;color:#69758b;flex-wrap:wrap}.home-project-dialog-body .project-lanhu-resolution label{display:flex;align-items:center;gap:7px;margin:0}.home-project-dialog-body .project-lanhu-resolution input{width:100px;margin:0;padding:8px}.project-interface-cut-scale{margin:22px 0 0;padding:14px 0 0;border:0;border-top:1px solid #e8edf5}.project-interface-cut-scale legend{padding:0 12px 0 0;font-size:12px;color:#69758b}.home-project-dialog-body .project-interface-cut-scale label{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13px}.home-project-dialog-body .project-interface-cut-scale input{width:15px;height:15px;margin:0;padding:0;accent-color:#2878ff}.auth-page{height:100vh;display:grid;place-items:center;background:#f4f7fc;padding:24px}.auth-card{width:min(420px,100%);padding:32px;background:#fff;border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 12px 40px #23365810}.auth-card h1{font-size:26px;margin:0 0 24px}.auth-card h2{font-size:19px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:7px}.auth-form input,.member-add input,.member-add select,.member-row select{min-width:0;height:36px;padding:6px 10px;border:1px solid #dce3ee;border-radius:5px;background:#fff}.auth-form p,.auth-form small,.project-members p{color:#7a879c;line-height:1.6}.auth-error{color:#d9363e!important}.auth-form footer{display:flex;gap:8px;justify-content:flex-end}.home-project-dialog.auth-form{padding:28px}.account-menu{position:relative;flex-shrink:0}.account-menu>.button{max-width:140px;overflow:hidden;white-space:nowrap}.account-dropdown{position:absolute;right:0;top:42px;z-index:1000;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #dce3ee;border-radius:8px;min-width:190px;box-shadow:0 8px 24px #0002}.account-dropdown>span{font-size:12px;color:#7a879c}.user-management{max-width:680px}.member-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto}.member-row{display:flex;gap:8px;align-items:center}.member-row>span{flex:1;min-width:0}.member-row small{display:block;color:#7a879c;font-size:12px}.member-add{display:flex;gap:8px;margin-top:12px}.member-add input{flex:1}.project-members{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #e5eaf2}.editor-readonly-banner{padding:6px 12px;color:#66758c;background:#f2f5fa;font-size:12px}.readonly-fields{border:0;padding:0;margin:0;min-width:0}.readonly-fields:disabled{opacity:.75}.auth-success{color:#23825d!important;background:#effaf4;border-radius:6px;padding:10px 12px}.canvas-rulers{position:absolute;inset:0;z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.canvas-rulers svg{position:absolute;display:block;background:#f7f8fa;color:#a6afbc;overflow:hidden}.canvas-rulers line{stroke:currentColor;stroke-width:1;shape-rendering:crispEdges}.canvas-rulers text{fill:#818b9c;font:9px system-ui,sans-serif;font-variant-numeric:tabular-nums}.canvas-ruler-horizontal{left:24px;top:0;width:calc(100% - 24px);height:24px;border-bottom:1px solid #dfe4eb}.canvas-ruler-vertical{left:0;top:24px;width:24px;height:calc(100% - 24px);border-right:1px solid #dfe4eb}.canvas-ruler-corner{position:absolute;left:0;top:0;width:24px;height:24px;background:#f7f8fa;border-right:1px solid #dfe4eb;border-bottom:1px solid #dfe4eb}.project-overview .overview-folders{left:max(32px,var(--overview-inset-x));top:max(32px,var(--overview-inset-y));max-height:calc(100% - 64px)}.overview-artworks{left:24px;top:24px}.overview-context-menu{width:220px}.overview-context-menu>button>svg:last-child:not(:first-child){margin-left:auto}.overview-context-groups{position:absolute;left:calc(100% + 4px);top:0;width:220px;max-height:min(320px,calc(100vh - 16px));overflow:auto;padding:6px;background:#fff;border:1px solid #e8eaf0;border-radius:8px;box-shadow:0 9px 30px #25385824}.overview-context-groups.opens-left{left:auto;right:calc(100% + 4px)}.overview-context-groups>button{display:block;width:100%;padding:10px 12px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px}.overview-context-groups>button:hover,.overview-context-groups>button:focus-visible{background:#eef4ff;color:#3479ed}.overview-context-groups>button:disabled{opacity:.4;cursor:default}.overview-artwork-name{padding-right:0}@media(max-width:480px){.overview-context-groups,.overview-context-groups.opens-left{left:0;right:auto;width:100%}}.overview-drag-guides{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.overview-drag-guides>span{position:absolute;display:block;pointer-events:none}.overview-drag-guide-horizontal{left:0;right:0;height:0;border-top:1px dashed #ef4444}.overview-drag-guide-vertical{top:0;bottom:0;width:0;border-left:1px dashed #ef4444}.resource-library{padding:12px;min-width:0}.resource-library-dialog{width:min(640px,calc(100vw - 32px))}.resource-library-dialog .resource-library{padding:0}.resource-library-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid #e3e8ef}.resource-library-tabs button{padding:9px 10px;color:#7a879c;border-bottom:2px solid transparent}.resource-library-tabs button[aria-selected=true]{color:#2878ff;border-bottom-color:#2878ff}.resource-library-search{display:flex;align-items:center;gap:7px;color:#8797ad}.resource-library-search input{min-width:0}.resource-library-hint{font-size:12px;color:#7a879c;line-height:1.6;overflow-wrap:anywhere}.resource-library-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.resource-library-upload select{flex:1;min-width:100px}.resource-library-fonts{display:flex;flex-direction:column;gap:6px}.resource-library-font{display:flex;align-items:center;gap:10px;padding:10px 8px;border:1px solid #e6ebf3;border-radius:5px;color:#6b7c96}.resource-library-font>span{flex:1;min-width:0}.resource-library-font strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#34445c;font-weight:500}.resource-library-font small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#8797ad}.font-picker-footer select{width:auto;max-width:220px;margin-right:auto}.resource-library .auth-error{overflow-wrap:anywhere}