:root{font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#2c2e2c;font-size:14px;font-synthesis:none;--green:#459d4b;--line:#e5eae5;--muted:#8e938e;--background:#f7f7f7}*{box-sizing:border-box}body{margin:0;background:var(--background)}button,input,select{font:inherit}button,a,input,select{outline-color:var(--green)}button,a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;border:1px solid var(--line);border-radius:4px;padding:5px 16px;background:#fff;color:#2c2e2c;cursor:pointer;white-space:nowrap;text-decoration:none}button:hover,a.button:hover{border-color:#a6cda8;background:#f4f9f4}button:disabled{cursor:default;opacity:.48}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{background:#398b3f}button.primary:disabled{background:var(--green)}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}input:not([type=checkbox]):not([type=radio]):not([type=range]),select{width:100%;height:34px;background:#fff;border:1px solid var(--line);border-radius:3px;padding:5px 12px;color:inherit}input:disabled{background:#fafbfa!important;color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--green);width:15px;height:15px;cursor:pointer;margin:0}input[aria-invalid=true]{border-color:#e55a52!important}.icon{display:inline-block;object-fit:contain;flex-shrink:0}.icon-button{padding:5px;min-width:30px;border-color:transparent;display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.normal{font-weight:400}.tag{display:inline-block;padding:1px 7px;font-size:12px;line-height:20px;border:1px solid;border-radius:3px;white-space:nowrap}.green{color:#459d4b;background:#f0f9eb;border-color:#e1f3d8}.gray{color:#909399;background:#f4f4f5;border-color:#e9e9eb}.red{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.blue{color:#4085d9;background:#eff6ff;border-color:#d8e8fb}h1,h2,h3,h4,p{margin:0}h1{font-size:16px;line-height:24px;font-weight:600}h2{font-size:18px;font-weight:500}h3,h4{font-size:14px;font-weight:500}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:18px}.admin-header{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ededed;position:fixed;inset:0 0 auto;z-index:10}.user{display:flex;align-items:center;gap:8px;font-size:16px}.sidebar{width:208px;position:fixed;inset:64px auto 0 0;overflow:auto;background:#fff;border-right:1px solid #f1f1f1}.nav-static,.nav-group-label{min-height:48px;padding:12px 16px;display:flex;align-items:center;gap:12px}.nav-group-label .icon:last-child{margin-left:auto}.nav-group-label.active{color:var(--green)}.nav-group a{display:flex;align-items:center;height:44px;padding-left:48px;color:inherit}.nav-group a.active{color:var(--green);background:#f2f7f2}.admin-main{margin-left:208px;padding-top:64px}.breadcrumb{height:48px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 16px;color:#aeb2ae}.breadcrumb a{color:#8e938e}.breadcrumb .current{color:var(--green)}.admin-content{padding:16px;min-height:calc(100vh - 112px)}.content-card{background:#fff;padding:0 16px 24px;min-height:calc(100vh - 152px);overflow-x:auto}.card-heading{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar{display:flex;gap:8px}.content-card table{min-width:850px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:400;color:var(--muted);background:#f6f9f6}th,td{padding:9px 12px;line-height:22px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:nth-child(2n){background:#f6f9f6}tbody tr:hover{background:#f0f6f0}.check-col{width:40px}.number-col{width:72px}.actions-col{width:240px}.row-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.row-actions button{border:0;color:var(--green);background:transparent;min-height:22px;padding:0}.row-tags{display:flex;gap:4px}.row-tags:empty{display:none}.binding-table{font-size:13px}.binding-table th,.binding-table td{padding:9px 8px}.binding-table .row-actions{gap:10px}.table-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 0;color:#656965}.page-size{border:1px solid var(--line);padding:4px 16px;border-radius:3px}.current-page{color:var(--green);font-weight:600;padding:4px 12px}.empty{padding:80px 20px;text-align:center;color:#9ba19b}.modal{padding:0;border:0;border-radius:4px;width:480px;max-width:90vw;max-height:90vh;box-shadow:0 10px 24px #0002;color:inherit}.modal.wide{width:560px}.modal::backdrop{background:#00000091}.modal header{display:flex;align-items:center;justify-content:space-between;padding:16px}.modal-body{padding:0 16px 16px;line-height:22px}.modal footer{padding:12px 16px 16px;display:flex;justify-content:flex-end;gap:12px}.modal-subtitle{margin:0 0 16px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.field>span{color:#8e938e}.field i{color:#eb5e12;font-style:normal}.error{color:#e35a4e}.layout-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.layout-options label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;position:relative;font-size:12px}.layout-options input{position:absolute;right:4px;top:4px}.layout-picture{border:1px solid var(--line);width:100%;height:66px;border-radius:3px;background:#fafafa;padding:7px;display:grid;gap:4px}.layout-picture span{background:#d6dfd6;border-radius:1px}.layout-0 span{display:none}.layout-1{grid-template-columns:1fr 2fr}.layout-1 span:first-child{grid-row:span 2}.layout-2{grid-template-columns:repeat(3,1fr)}.layout-3{grid-template-columns:1fr 1fr}.layout-3 span:first-child{grid-column:span 2}.chosen .layout-picture{border-color:var(--green);background:#f2f8f2}.switch-field{display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:16px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px!important;height:18px!important;border:0;border-radius:10px;background:#c7ccc7;position:relative;transition:background .15s}.switch:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%}.switch:checked{background:var(--green)}.switch:checked:before{left:16px}.toast{position:fixed;z-index:100;top:24px;left:50%;transform:translate(-50%);max-width:700px;padding:12px 20px;background:#f2f8f2;border:1px solid #d3e7d3;border-radius:4px;color:#3e8243;box-shadow:0 4px 16px #0001;line-height:22px}.machine-layout{display:flex;padding:0 16px}.machine-groups{width:168px;flex-shrink:0;padding-top:20px;border-right:1px solid var(--line);margin-right:16px}.machine-groups h3{margin-bottom:20px}.machine-groups button{font-size:12px;padding:12px;border:0;width:100%;justify-content:flex-start;border-radius:0}.machine-groups .active{color:var(--green);background:#f2f7f2}.machine-table{flex:1;min-width:0}.machine-table table{min-width:690px}.editor{height:100vh;display:grid;grid-template-columns:280px minmax(320px,1fr) 280px;grid-template-rows:64px 1fr;overflow:hidden}.editor-toolbar{grid-column:1/-1;display:flex;align-items:center;padding:8px 16px;gap:8px;background:#fff;border-bottom:1px solid #0001}.editor-title{flex:1;min-width:0}.editor-title>div{display:flex;align-items:center;gap:8px}.editor-title strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-title small{display:block;color:#8e8e93;margin-top:4px}.editor-tools{display:flex;align-items:center;gap:8px}.saved{font-size:12px;background:#f2f8f2;padding:6px 10px;color:var(--green);margin:0 12px}.editor-left,.editor-right{background:#fff;overflow-y:auto}.editor-left{border-right:1px solid #0001}.editor-right{border-left:1px solid #0001}.tabs{display:flex;min-height:40px;border-bottom:1px solid #0001}.tabs button{flex:1;border:0;border-radius:0;background:transparent;color:#8e8e93;padding:9px 12px;position:relative}.tabs button.active{color:#2c2c2e}.tabs button.active:after{position:absolute;content:"";bottom:0;height:2px;width:40px;left:calc(50% - 20px);background:var(--green)}.library{padding:12px 16px}.library h4{margin:16px 0 8px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-grid button{height:88px;flex-direction:column;padding:12px 8px;color:#8e8e93;font-size:12px;opacity:1}.library-icon{padding:8px;background:#f2f8f2;border-radius:4px;display:flex}.canvas-viewport{position:relative;overflow:hidden;background-color:#f7f7f8;background-image:radial-gradient(#d6d6db .8px,transparent .8px);background-size:16px 16px;display:flex;align-items:center;justify-content:center;padding:40px}.ruler-x{position:absolute;left:20px;right:0;top:0;background:#fff;height:20px;display:flex;justify-content:space-around;color:#b5b5ba;font-size:8px;align-items:center}.ruler-y{position:absolute;left:0;top:20px;bottom:0;width:20px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;color:#b5b5ba;font-size:8px}.artboard-wrapper{width:100%;position:relative;box-shadow:0 4px 12px #0001;background:#fff}.size-label{position:absolute;top:-28px;left:0;color:#8e8e93;background:#fff;padding:3px;font-size:12px}.zoom-readout{position:absolute;bottom:24px;background:#fff;border-radius:20px;padding:5px 18px;font-size:12px;color:#8e8e93}.inspector-selection{padding:20px 16px;background:#fafcf9;display:flex;flex-direction:column;gap:5px}.inspector-selection small{color:#8e8e93}.inspector-section{padding:16px;border-bottom:1px solid #eee;font-size:12px}.inspector-section h4{margin:0 0 16px}.two-col{display:flex;gap:12px}.two-col>*{min-width:0;flex:1}.unselected{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:300px;color:#8e8e93;font-size:12px}.unselected strong{font-size:16px;color:#505650}.layers{padding:12px}.layers button{display:flex;width:100%;justify-content:flex-start;border:0}.layers button.active{background:#f2f7f2;color:var(--green)}.design-document{position:relative;width:100%;background:#f1f5f8;container-type:inline-size;color:#2c3541;overflow:hidden}.design-document:empty{background:#fff}.design-node{position:absolute;background:#fff;border-radius:11.52px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e7edf2;font-size:22.08px}.design-node h3{background:var(--accent);color:#fff;font-size:28.032px;line-height:35.52px;padding:11.52px 16.32px;font-weight:600}.design-node.no-title h3{display:none}.design-node.selected-node{outline:2px solid #459d4b;outline-offset:1px}.design-node[role=button]{cursor:pointer}.order-fields{padding:19.2px;display:grid;grid-template-columns:1fr 1fr;gap:15.36px 13.44px;flex:1}.order-fields>div{display:flex;flex-direction:column;gap:3.84px}.order-fields small{color:#97a3af;font-size:16.32px}.order-fields span{font-size:23.04px}.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:11.52px;padding:15.36px;flex:1}.production-card{border:1px solid #dce3e9;border-radius:7.68px;padding:15.36px;position:relative;background:#fbfcfd}.production-card:first-child{border-color:#8dc7a6;background:#f0f8f4}.production-card b{font-size:26.88px}.production-card em{float:right;font-size:15.36px;font-style:normal;background:#e6edf0;border-radius:19.2px;padding:3.84px 7.68px}.production-card p{font-size:22.08px;margin:15.36px 0 0}.production-actions{display:flex;gap:6.72px;margin-top:15.36px;font-size:18.24px;color:#718093}.production-actions span{background:#edf1f4;padding:4.8px;white-space:nowrap}.parameter-grid{padding:15.36px;display:grid;grid-template-columns:1fr 1fr;gap:13.44px;flex:1}.parameter-grid.horizontal{grid-template-columns:repeat(5,1fr);padding:12.48px}.parameter-card{padding:12.48px;border:1px solid #dce3e9;border-radius:9.6px;min-width:0;font-size:20.16px}.parameter-card>div{display:flex;justify-content:space-between;color:#444e5a}.parameter-card small{color:#97a3af;font-size:16.32px}.parameter-card section{display:flex;gap:9.6px;margin-top:8.64px}.parameter-card section>span{display:flex;flex-direction:column;gap:5.76px;background:#f0f8fa;padding:6.72px 11.52px;flex:1;min-width:0}.parameter-card section>span:last-child{background:#f3f5f7}.parameter-card b{font-size:23.04px}.parameter-card section>span:first-child b{color:#397bff}.horizontal .parameter-card{display:flex;align-items:center;gap:9.6px;padding:4.8px 7.68px}.horizontal .parameter-card>div{background:var(--accent);color:#fff;padding:5.76px;font-size:17.28px;flex:1}.horizontal .parameter-card>div small{display:none}.horizontal .parameter-card section{flex:3;margin:0}.parameter-strip{display:flex;gap:9.6px;padding:12.48px;height:100%;align-items:stretch}.parameter-strip>div{flex:1;font-size:21.12px;display:flex;flex-direction:column;justify-content:space-between}.parameter-strip b{background:#f0f8fa;padding:9.6px;font-size:23.04px}.parameter-strip small{float:right;font-weight:400;color:#97a3af}.hmi-bottom{position:absolute;left:0;right:0;bottom:0;background:#fff;display:flex;height:8%;align-items:center;font-size:21.12px;color:#788591}.hmi-bottom span{flex:1;text-align:center;border-right:1px solid #e7edf2}.hmi-bottom span:first-child{color:#0891b2}.client-page{background:#f1f5f8;min-height:100vh}.client-header{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;z-index:2}.client-machine{display:flex;flex-direction:column;text-align:center;gap:4px}.client-machine strong{font-size:24px}.client-machine small{color:#788591;font-size:12px}.client-header-actions{display:flex;align-items:center;gap:12px}.connection{color:#199966;display:flex;align-items:center;gap:6px;background:#f0f9f4;padding:4px 8px}.client-content{max-width:1920px;margin:0 auto;min-height:calc(100vh - 72px)}.client-content .design-document{margin-top:-3.75%}.template-choices{display:flex;flex-direction:column;gap:10px}.template-choice{display:flex;gap:12px;align-items:center;border:1px solid #e5eae5;padding:16px;border-radius:4px;cursor:pointer}.template-choice.chosen{border-color:var(--green);background:#f4f9f4}.template-choice>span{flex:1}.preview-toolbar{height:64px;background:#fff;display:flex;align-items:center;gap:16px;padding:0 16px}.preview-page>.design-document{max-width:1440px;margin:24px auto}.pending-note{padding:32px;color:#8e938e}.editor .design-document{background:#fff}.editor .design-document .hmi-bottom{pointer-events:none}@media(max-width:1200px){.editor{grid-template-columns:240px minmax(300px,1fr) 240px}.editor-title strong{font-size:15px}.editor-tools{gap:4px}.saved{margin:0 4px}.sidebar{width:184px}.admin-main{margin-left:184px}.client-machine strong{font-size:20px}.client-header .brand{font-size:16px}.client-header-actions{gap:6px}}@media(max-width:900px){.admin-header,.admin-app,.editor,.client-page{min-width:900px}.sidebar{width:160px}.admin-main{margin-left:160px}.editor{grid-template-columns:220px minmax(300px,1fr) 240px}}.breadcrumb a{border-radius:3px;padding:3px 5px;margin:-3px -5px;cursor:pointer}.breadcrumb a:hover,.breadcrumb a:focus-visible{color:#00a86b;background:#eaf8f1;text-decoration:underline}.breadcrumb [aria-current=page]{cursor:default}.preview-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,116px));gap:8px}.preview-library-card{display:flex;flex-direction:column;align-items:center;gap:4px;border:0!important;padding:0!important;background:transparent!important;color:#8e8e93;font-size:12px;line-height:20px;min-width:0;border-radius:4px;cursor:pointer}.preview-library-image{display:flex;align-items:center;justify-content:center;width:100%;height:84px;padding:8px;border:1px solid #e5e5ea;border-radius:4px;background:#f7f7f7;box-sizing:border-box}.preview-library-image img{width:100%;max-width:100px;height:68px;object-fit:contain}.preview-library-card:hover .preview-library-image,.preview-library-card:focus-visible .preview-library-image,.preview-library-card[aria-pressed=true] .preview-library-image{border-color:#00a86b}.preview-library-card:focus-visible{outline:2px solid #00a86b;outline-offset:2px}.library-style-popup{position:fixed;z-index:1000;width:532px;max-width:calc(100vw - 16px);background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000024;overflow:auto}.library-style-popup header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #f0f0f0;font-size:14px}.library-style-popup header strong{font-weight:500}.style-close{border:0;background:transparent;font-size:22px;color:#8e8e93;padding:0 2px;line-height:24px}.style-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,116px));gap:12px;padding:16px}.style-tabs{display:flex;height:100%;gap:24px}.style-tabs button{border:0;border-radius:0;background:transparent;padding:0;font-size:14px;color:#8e8e93}.style-tabs button.active{color:#00a86b;border-bottom:2px solid #00a86b}.design-logical-plane{position:absolute;left:0;top:0;transform-origin:0 0}.node-tabs{display:flex;height:100%;align-items:center;font-size:21.12px}.node-tabs span{flex:1;text-align:center;border-right:1px solid #e7edf2}.node-tabs span:first-child{color:#0891b2}.core-canvas{display:block;padding:0;touch-action:none;outline:none}.core-artboard{position:absolute;transform-origin:0 0;background:#fff;box-shadow:0 4px 12px #0001}.core-artboard .design-document{height:100%;overflow:hidden}.core-artboard .design-node{touch-action:none;-webkit-user-select:none;user-select:none;cursor:move}.core-artboard .selected-node{outline:3px solid #459d4b;outline-offset:-3px}.core-canvas .artboard-size{position:absolute;width:170px!important;height:28px!important;font-size:12px;z-index:2;color:#8e8e93}.core-ruler{position:absolute;background:#fff;color:#8e8e93;font-size:9px;z-index:3;overflow:hidden;pointer-events:none}.core-ruler.horizontal{left:24px;right:0;top:0;height:24px}.core-ruler.horizontal span{position:absolute;bottom:0;height:20px;border-left:1px solid #ccc;transform:translate(-24px);padding-left:3px;line-height:12px}.core-ruler.vertical{top:24px;bottom:0;left:0;width:24px}.core-ruler.vertical span{position:absolute;right:0;width:24px;border-top:1px solid #ccc;transform:translateY(-24px);font-size:8px}.ruler-origin{position:absolute;top:0;left:0;width:24px;height:24px;background:#fafafa;z-index:4}.core-zoom{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#fff;border-radius:20px;padding:0 12px;font-size:12px;z-index:4}.core-zoom button{border:0;font-size:12px;padding:2px 8px}.snap-line{position:absolute;background:#ed5fa5;pointer-events:none;z-index:2}.snap-line.vertical{top:0;bottom:0;width:1px}.snap-line.horizontal{left:0;right:0;height:1px}.component-visual{position:absolute;top:0;right:0;bottom:0;left:0;font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif;pointer-events:none}.design-node.figma-node{border:0;border-radius:0;overflow:hidden}.component-visual img{max-width:none}.library-grid button[draggable=true],.style-preview-grid button[draggable=true]{cursor:grab}.library-grid button[draggable=true]:active,.style-preview-grid button[draggable=true]:active{cursor:grabbing}.viewport-selection{position:absolute;pointer-events:none;border:2px solid #459d4b;box-sizing:border-box;z-index:2}.core-zoom button{display:flex;align-items:center;justify-content:center;cursor:pointer}.core-zoom button img{width:16px;height:16px}.basic-state-preview{display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;font-family:inherit}.basic-state-preview.action{width:112px;height:40px;border-radius:4px;font-size:24px;line-height:32px;transform:scale(.85)}.basic-state-preview.status{width:70px;height:34px;border-radius:999px;font-size:18px;line-height:26px}.layer-panel.layers{padding:12px 16px;display:block}.layer-search{display:flex;align-items:center;gap:8px;border:1px solid #e5e5ea;border-radius:2px;padding:5px 12px;height:32px}.layer-search img{width:14px;height:14px}.layer-search input{border:0!important;padding:0!important;height:22px!important;min-width:0;font-size:13px}.layer-context{color:#8e8e93;font-size:12px;padding:10px 12px 4px}.layer-row{display:flex;align-items:center;min-height:40px;gap:4px;color:#2c2c2e;font-size:14px;padding-right:8px}.layer-row.selected{background:#459d4b12}.layer-row:hover{background:#459d4b0a}.layer-row.dimmed>.layer-name{opacity:.45}.layer-panel.layers button{border:0;background:transparent;padding:0;display:flex;align-items:center;border-radius:2px;color:inherit;min-width:0}.layer-panel img{width:16px;height:16px;flex-shrink:0}.layer-toggle,.layer-spacer{width:16px;height:22px;flex-shrink:0}.layer-toggle img{transform:rotate(-90deg)}.layer-toggle.open img{transform:none}.layer-panel .layer-name{flex:1;gap:4px;text-align:left;font-size:14px;line-height:22px;overflow:hidden}.layer-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:flex;gap:8px;margin-left:auto}.layer-actions button{width:16px;height:22px;opacity:0}.layer-row:hover .layer-actions button,.layer-row.selected .layer-actions button,.layer-actions:focus-within button{opacity:1}.layer-row mark{background:#e2f0df;color:inherit}.layer-panel button:focus-visible{outline:2px solid #459d4b}.component-visual [data-layer-id]{pointer-events:auto}.layer-panel.layers button{width:auto;min-height:22px}.layer-panel.layers .layer-toggle,.layer-panel.layers .layer-actions button{width:16px;flex:0 0 16px}.layer-panel .layer-actions{flex-shrink:0}.layer-panel .layer-name{min-height:32px}.smart-guides{color:#e44c69;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.smart-line,.smart-distance{position:absolute;color:inherit}.smart-line.x{border-left:1px solid currentColor}.smart-line.y,.smart-distance.x{border-top:1px solid currentColor}.smart-distance.y{border-left:1px solid currentColor}.smart-distance span{position:absolute;background:#fff;color:inherit;border:1px solid currentColor;border-radius:3px;font-size:11px;line-height:16px;padding:0 3px;white-space:nowrap}.smart-distance.x span{left:50%;top:-20px;transform:translate(-50%)}.smart-distance.y span{top:50%;left:4px;transform:translateY(-50%)}.smart-distance:before,.smart-distance:after{content:"";position:absolute;background:currentColor}.smart-distance.x:before,.smart-distance.x:after{width:1px;height:7px;top:-4px}.smart-distance.x:after{right:0}.smart-distance.y:before,.smart-distance.y:after{width:7px;height:1px;left:-4px}.smart-distance.y:after{bottom:0}.smart-distance.artboard.x span{top:8px}.smart-distance.artboard.y span{left:auto;right:6px}.smart-distance.component.left span{left:auto;right:0;transform:none}.smart-distance.component.right span{left:0;transform:none}.smart-distance.component.top span{top:auto;bottom:0;transform:none}.smart-distance.component.bottom span{top:0;transform:none}.property-selection{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:72px;background:#fff;border-bottom:1px solid #00000014;padding:16px}.property-component-icon{flex:none;width:40px;height:40px;border-radius:4px;background:#f2f7f2;display:grid;place-items:center}.property-component-icon img{width:20px;height:20px}.property-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.property-identity strong{font-size:14px;font-weight:500}.property-identity small{font-size:12px;color:#8e8e93}.property-selection .icon-button{padding:0;width:16px;height:16px;min-width:16px}.property-selection .icon-button img{width:16px;height:16px}.property-panel .inspector-section{padding:16px;border-bottom:1px solid #00000014}.property-panel h4{margin:0 0 22px;font-weight:500}.property-panel .field{margin-bottom:12px;gap:4px}.property-panel .field>span{font-size:12px;color:#8e8e93}.property-panel input:not([type=range]):not([type=checkbox]){height:32px;border-radius:2px;border-color:#e5e5ea;font-size:13px;color:#48484a;min-width:0}.property-panel .two-col{gap:12px}.property-panel .switch-field{margin-top:12px}.property-panel .switch{width:40px;height:20px;accent-color:#459d4b}.property-coordinate{display:flex;align-items:center;border:1px solid #e5e5ea;padding:0 10px;border-radius:2px;gap:8px;min-width:0}.property-coordinate>span{color:#c7c7cc;font-size:12px}.property-coordinate input{border:0!important;padding:0;width:100%}.property-coordinate:has(input:disabled){background:#fafafa}.property-gap{position:relative}.property-gap input{width:100%;padding-right:30px}.property-gap>span{position:absolute;right:10px;top:8px;font-size:12px;color:#c7c7cc;pointer-events:none}.adaptive-property{margin-top:16px}.adaptive-property>div{display:flex;align-items:center;gap:12px;margin-top:14px}.adaptive-property input{width:100%;min-width:0;accent-color:#459d4b}.adaptive-property output{font-size:12px;color:#8e8e93;min-width:30px;text-align:right}.property-actions{margin-top:36px;margin-bottom:8px}.property-actions button{padding:5px 8px;border-radius:2px}.property-delete{border-color:#fc7612;color:#fc7612}.property-empty{height:auto;justify-content:flex-start;padding:200px 16px 16px!important;gap:6px}.property-empty strong{font-size:14px;font-weight:400}.property-empty>span{font-size:14px;color:#8e8e93}.property-empty-picture{flex:none;width:146px;height:126px;position:relative;margin:0 auto 10px}.empty-bg{position:absolute;left:8px;top:7px;width:130px;height:112px}.empty-card{position:absolute;left:27px;top:12px;transform:rotate(-5deg);width:90px;height:90px;border:1.8px solid #b0dcb3;border-radius:18px;background:#fff;padding:30px 18px}.empty-card i{display:block;height:7px;width:45px;background:#b0dcb3;border-radius:7px}.empty-card i+i{margin-top:14px;width:27px}.empty-arrow{position:absolute;left:91px;top:83px;width:21px;height:21px;transform:rotate(15deg)}.adaptive-property input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border:0;border-radius:100px;padding:0}.adaptive-property input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #459d4b;border-radius:50%;background:#fff;cursor:pointer}.adaptive-property input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #459d4b;border-radius:50%;background:#fff;cursor:pointer}.field-config-table{width:100%;margin-top:16px;table-layout:fixed}.field-config-table th:first-child{width:26%}.field-config-table th:last-child{width:100px}.field-config-table input,.field-config-table select{max-width:100%}.field-config-table td{vertical-align:middle}.field-config-table small{overflow-wrap:anywhere;font-size:11px}.field-icon-control{display:flex;align-items:center;gap:8px;min-width:160px}.field-icon-control select{flex:1;min-width:112px;width:112px;min-height:36px;padding:6px 24px 6px 8px}.field-icon-control .field-official-icon{width:32px;height:32px;flex-shrink:0}.field-official-icon{display:inline-block;position:relative;width:32px;height:32px;flex:none}.field-official-icon img{max-width:none}.business-field{position:absolute;display:flex;gap:12px;align-items:center}.business-field .field-official-icon{width:40px;height:40px}.business-field-body{min-width:0;flex:1}.business-field-name{font-size:18px;color:#94a3b8;line-height:24px}.business-field-value{font-size:24px;color:#283039;line-height:32px;overflow-wrap:anywhere}.container-drop-target{position:absolute;pointer-events:none;border:2px solid #0891b2;background:#0891b214;z-index:6;box-sizing:border-box}[data-tab-item] .field-official-icon{width:40px;height:40px}.modal.wide:has(.field-config-table){width:960px}.field-config-table th:first-child{width:24%}.field-config-table th:nth-child(2){width:23%}.field-config-table th:nth-child(3){width:15%}.field-config-table th:nth-child(4){width:190px}.field-config-table th{white-space:nowrap}.field-config-table td:nth-child(2) input{min-width:0;width:100%}.property-coordinate{border:0;padding:0;gap:4px}.property-coordinate .numeric-control{flex:1}.numeric-control{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.property-panel .numeric-control input{flex:1;width:0;min-width:0;border:1px solid #e5e5ea!important;background:#fff;padding:0 12px;border-radius:2px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.numeric-control input::-webkit-inner-spin-button,.numeric-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numeric-stepper{display:flex;flex-direction:column;flex:none;width:24px;height:32px;border:1px solid #e5e5ea;border-radius:2px;background:#fafafa;overflow:hidden}.numeric-stepper button{display:grid;place-items:center;flex:1;min-height:0;padding:0;border:0;border-radius:0;background:transparent}.numeric-stepper button+button{border-top:1px solid #e5e5ea}.numeric-stepper img{width:10px;height:10px;transform:none}.numeric-stepper button:first-child img{filter:brightness(1.8)}.numeric-unit{font-size:12px;color:#8e8e93;flex:none}.core-canvas .artboard-size{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 32px 0 12px;background:#fff url(/assets/figma/1_2509_imgArrowDown.svg) no-repeat right 12px center;background-size:10px}.resize-handle{min-height:0!important;height:8px!important;position:absolute;pointer-events:auto;width:8px;height:8px;min-width:0;padding:0;border:1px solid #459d4b;background:#fff;border-radius:1px;transform:translate(-50%,-50%);touch-action:none}.resize-handle.n{left:50%;top:0;cursor:ns-resize}.resize-handle.s{left:50%;top:100%;cursor:ns-resize}.resize-handle.e{left:100%;top:50%;cursor:ew-resize}.resize-handle.w{left:0;top:50%;cursor:ew-resize}.resize-handle.nw{left:0;top:0;cursor:nwse-resize}.resize-handle.ne{left:100%;top:0;cursor:nesw-resize}.resize-handle.sw{left:0;top:100%;cursor:nesw-resize}.resize-handle.se{left:100%;top:100%;cursor:nwse-resize}.data-source-panel{color:#2c2c2e;font-size:14px}.data-source-context{display:flex;align-items:center;gap:8px;height:72px;padding:16px;box-sizing:border-box}.data-source-symbol{background:#f2f7f2;border-radius:4px;width:40px;height:40px;display:grid;place-items:center;flex:none}.data-source-symbol img{width:20px;height:20px}.data-source-context strong{display:block;font-size:14px;line-height:20px;font-weight:500}.data-source-context small{display:block;font-size:12px;line-height:18px;color:#8e8e93}.data-source-search{display:flex;align-items:center;gap:8px;margin:16px 16px 0;border:1px solid #e5e5ea;border-radius:2px;height:32px;padding:5px 12px;box-sizing:border-box}.data-source-search img{width:14px;height:14px}.editor-right .data-source-panel .data-source-search input{min-width:0;width:100%;height:22px;border:0;padding:0;box-shadow:none;font-size:13px;line-height:22px;background:transparent}.data-source-search input::placeholder{color:#aeaeb2}.data-source-segment{display:flex;margin:16px 16px 0;padding:4px;height:40px;box-sizing:border-box;background:#f7f7f7;border-radius:4px}.data-source-segment button{flex:1;border:0;border-radius:2px;height:32px;padding:5px;line-height:22px;color:#8e8e93;background:transparent}.data-source-segment button.active{background:#fff;color:#459d4b;font-weight:500}.data-source-list{margin:0 16px}.data-source-row{height:40px;padding:9px 0;box-sizing:border-box;display:flex;align-items:center;gap:8px;line-height:22px;border-bottom:1px solid #00000014;cursor:grab}.data-source-row img{width:16px;height:16px}.data-source-drag-label{margin-left:auto;color:#459d4b}.parameter-value{display:inline-flex;align-items:center;justify-content:inherit;min-width:1.2em;min-height:1em;width:100%;height:100%;box-sizing:border-box;position:relative}.parameter-value.binding-drop-valid{outline:2px solid #459d4b;background:#459d4b20}.client-page .component-visual .parameter-value input.client-setpoint{font:inherit;color:inherit;text-align:inherit;line-height:inherit;width:100%;min-width:0;height:100%;border:0;border-radius:0;padding:0;background:transparent}.client-setpoint:focus{outline:1px solid #459d4b}.component-visual .parameter-value{pointer-events:auto}.parameter-slot-selected{outline:1px solid #3c7beb;outline-offset:2px}.style-panel{color:#48484a;font-size:13px;font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.style-selection{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #00000014;height:72px}.style-component-icon{width:40px;height:40px;background:#f2f7f2;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.style-component-icon>img{width:20px;height:20px}.style-identity{flex:1;min-width:0;margin-left:-4px;display:flex;flex-direction:column;gap:2px}.style-identity strong{font-size:14px;font-weight:500;line-height:20px;color:#2c2c2e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.style-identity small{font-size:12px;line-height:18px;color:#8e8e93}.style-panel .style-icon{padding:0;border:0;background:transparent;min-width:16px;min-height:16px;width:16px;height:16px}.style-panel img{flex-shrink:0;max-width:none}.style-sections{padding:16px;display:flex;flex-direction:column;gap:16px}.style-section{display:flex;flex-direction:column;gap:12px}.style-section h4{font-size:14px;line-height:22px;font-weight:500;color:#2c2c2e}.style-columns{display:flex;gap:12px;min-width:0}.style-columns>*{flex:1;min-width:0}.style-field{display:flex;flex-direction:column;gap:4px;min-width:0}.style-field>span{font-size:12px;line-height:18px;color:#8e8e93}.style-value{height:32px;display:flex;gap:8px;align-items:center;padding:5px 12px;border:1px solid #e5e5ea;border-radius:2px;background:#fff;min-width:0}.editor-right .style-panel .style-value input{height:20px;line-height:22px;border:0;padding:0;border-radius:0;min-width:0;flex:1;font-size:13px;color:#48484a;background:transparent}.style-panel .style-value:focus-within{outline:1px solid #459d4b;outline-offset:-1px}.style-panel select{height:32px;border:1px solid #e5e5ea;border-radius:2px;padding:5px 32px 5px 12px;line-height:22px;font-size:13px;color:#48484a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(/assets/figma/style-panel/c8c39.svg) no-repeat right 12px center;background-size:16px 16px}.style-unit{font-size:12px;color:#c7c7cc;line-height:20px;white-space:nowrap}.style-panel .style-value:has(input:disabled){background:#fafbfa}.style-panel select:disabled{color:#8e8e93}.style-alignment{display:flex;align-items:center;gap:24px}.style-alignment>span{font-size:12px;line-height:18px;color:#8e8e93;flex-shrink:0}.style-alignment>div{display:flex;gap:12px}.style-panel .style-alignment button{min-height:24px;height:24px;width:40px;min-width:40px;padding:4px 12px;border:0;border-radius:2px;background:#f7f7f7}.style-panel .style-alignment button:disabled{opacity:1;cursor:not-allowed}.style-panel .style-alignment button[aria-pressed=true]{background:#f2f7f2;outline:1px solid #459d4b}.style-panel .style-alignment button:not(:disabled):hover{background:#f2f7f2}.style-paint{display:flex;align-items:center;gap:13px}.style-paint-fields{display:flex;flex-shrink:0;width:183px}.style-hex{display:flex;align-items:center;width:120px;border:1px solid #e5e5ea;border-radius:2px 0 0 2px;padding:5px 12px;gap:8px;height:32px;margin-right:-1px}.style-hex>.style-value{border:0;padding:0;flex:1;height:20px}.style-panel .style-hex input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;flex-shrink:0;height:16px;padding:2px;border:0;border-radius:2px;background:transparent}.style-hex input[type=color]::-webkit-color-swatch-wrapper{padding:0}.style-hex input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.style-paint-fields>.style-value{width:64px;gap:8px;border-radius:0 2px 2px 0}.style-paint-actions{display:flex;gap:12px}.style-panel .style-paint-actions button{padding:0;min-width:20px;min-height:20px;width:20px;height:20px;border:0;background:transparent}.style-opacity-icon{width:16px;height:16px;position:relative;flex-shrink:0}.style-opacity-icon:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1.4px solid #c7c7cc;border-radius:2px}.style-opacity-icon i{position:absolute;width:2px;height:2px;background:#c7c7cc;left:10px;top:4px}.style-opacity-icon i:nth-child(2){top:7px}.style-opacity-icon i:nth-child(3){top:10px}.style-opacity-icon i:nth-child(4){left:7px;top:7px}.style-opacity-icon i:nth-child(5){left:7px;top:10px}.style-opacity-icon i:nth-child(6){left:4px;top:10px}.style-panel{width:280px;margin-left:-1px}.editor-right:has(.style-panel){overflow-x:hidden}.style-component-icon>img{width:auto;height:auto}.style-panel select.font-size-presets{width:16px;min-width:16px;height:20px;flex:none;border:0;padding:0;background-position:center;color:transparent}.style-panel select.font-size-presets option{color:#48484a}.editor-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#f5f7fa;overflow:auto}.editor-preview .preview-close{position:fixed;right:24px;top:20px;z-index:1001}.editor-tools [aria-busy=true] img{animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}.saved button{border:0;background:none;color:var(--primary,#169b70);padding:0;cursor:pointer}.modal.publish-dialog{width:660px}.modal.version-dialog{width:800px}.modal.publish-dialog,.modal.version-dialog{max-height:74vh;overflow:hidden}.modal.publish-dialog[open],.modal.version-dialog[open]{display:flex;flex-direction:column}.modal.publish-dialog>header,.modal.version-dialog>header{padding:20px 32px;border-bottom:1px solid var(--line);flex-shrink:0;gap:16px}.modal.publish-dialog>.modal-body,.modal.version-dialog>.modal-body{padding:32px;min-height:0;min-width:0}.modal.publish-dialog>.modal-body{overflow-y:auto;overflow-wrap:anywhere}.modal.publish-dialog>footer,.modal.version-dialog>footer{padding:16px 32px;border-top:1px solid var(--line);flex-shrink:0;gap:12px}.publish-explanation{line-height:24px;margin-bottom:24px}.publish-details{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px 20px;padding:20px;margin:0;background:#f6f9f6;border:1px solid var(--line);border-radius:4px;align-items:start}.publish-details dt{color:var(--muted);line-height:24px}.publish-details dd{margin:0;min-width:0;line-height:24px;overflow-wrap:anywhere;color:#2c2e2c}.modal.version-dialog>.modal-body{display:flex;flex-direction:column;overflow:hidden}.version-dialog .modal-subtitle{flex-shrink:0;overflow-wrap:anywhere;max-height:66px;overflow-y:auto;margin-bottom:20px;color:#2c2e2c}.version-table-scroll{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;border:1px solid var(--line);border-radius:4px}.content-card .version-dialog table,.version-dialog table{width:100%;min-width:0;table-layout:fixed}.version-dialog th,.version-dialog td{padding:12px 16px;white-space:normal;overflow-wrap:anywhere}.version-dialog th{position:sticky;top:0;z-index:1;background:#f6f9f6;font-weight:500}.version-dialog tbody tr:last-child td{border-bottom:0}.version-legacy{display:block;font-size:12px;line-height:20px}.version-dialog .empty{padding:32px 16px}@media(max-width:600px){.modal.publish-dialog>header,.modal.version-dialog>header,.modal.publish-dialog>footer,.modal.version-dialog>footer{padding-left:20px;padding-right:20px}.modal.publish-dialog>.modal-body,.modal.version-dialog>.modal-body{padding:24px 20px}.publish-details{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:16px}}[data-theme=dark],[data-client-theme=dark]{--client-surface:#36414c;--client-background:#171e25;--client-strong:#ffffff;--client-text:#f3f5f7;--client-secondary:#eaedf1;--client-tertiary:#bcc5ce;--client-muted:#97a3af;--client-disabled:#788591;--client-border:#52606d;--client-border-subtle:#3a4854;--client-inverse:#0f141a;--client-brand:#88cada;--client-secondary-subtle:#044150;--client-normal-background:#052b17;--client-normal:#57be7f;--client-normal-surface:#08452b;--client-warning-background:#3e2900;--client-warning:#ffbe40;--client-mandatory-background:#0b214e;--client-mandatory:#73a4ff;--client-mandatory-surface:#103c86;--client-danger:#ea6777;--client-danger-surface:#731821;--client-surface-tertiary:#8897a4}.client-page[data-client-theme=dark]{background:var(--client-background);color:var(--client-text)}[data-client-theme=dark] .client-header{background:var(--client-surface)}[data-client-theme=dark] .client-header .icon-button{background:var(--client-surface);border-color:var(--client-border)}.client-machine-name{display:flex;align-items:center;gap:16px}.client-machine-switch{width:92px;height:40px;min-height:40px;padding:2px 6px;border:2px solid #0891b2;border-radius:4px;background:transparent;font-size:24px;line-height:32px;font-weight:500;color:#0891b2}[data-client-theme=dark] .client-machine-switch{background:transparent}[data-theme=dark] .parameter-card,[data-theme=dark] .production-card{background:var(--client-background);border-color:var(--client-border)}.binding-table{width:100%;table-layout:fixed}.binding-table th:nth-child(1){width:22%}.binding-table th:nth-child(2){width:14%}.binding-table th:nth-child(3){width:16%}.binding-table th:nth-child(4){width:11%}.binding-table th:nth-child(5){width:15%}.binding-table th:nth-child(6){width:22%}.binding-table td{overflow-wrap:anywhere}.binding-table .row-actions{flex-wrap:wrap}.client-machine-switch-icon{position:relative;width:16px;height:16px;flex:none}.client-machine-switch-icon img{position:absolute;left:0;top:4px;width:4px;height:8px}.client-machine-switch-icon img+img{top:8px;width:16px;height:1px}.client-header{font-family:HarmonyOS Sans SC,PingFang SC,sans-serif;border-bottom:1px solid var(--client-border-subtle,#e7edf2);color:var(--client-strong,#0f141a)}.client-header>.brand,.client-header>.client-machine,.client-header>.client-header-actions{flex:1;min-width:0}.client-header>.brand{font-size:28px;line-height:36px;gap:8px}.client-header>.client-machine{align-items:center}.client-machine-name{gap:8px}.client-machine-name strong{font-size:36px;line-height:44px}.client-header-actions{justify-content:flex-end;gap:4px;font-size:24px;line-height:32px}.client-header .connection{font-size:24px;line-height:32px;border-radius:4px;padding:4px 8px;color:var(--client-normal,#177e49);background:var(--client-normal-background,#eef9f2)}.client-header .icon-button{padding:8px;border:0;width:40px;height:40px;min-height:40px;background:var(--client-background,#f2f5f7);flex:none}.client-header [aria-label=切换模板]{padding:0}.client-header .client-machine-switch{box-sizing:border-box;width:92px;height:40px;min-height:40px;border:2px solid var(--client-brand,#0891b2);border-radius:4px;padding:4px 8px;gap:4px;font-size:24px;line-height:32px;font-weight:500;color:var(--client-brand,#0891b2);background:transparent;flex:none}.client-machine-switch-icon{width:24px;height:24px}.client-machine-switch-icon img{left:4px;top:8px}.client-machine-switch-icon img+img{left:4px;top:12px}[data-client-theme=dark] .client-machine-switch-icon img{position:static;width:24px;height:24px}.dark-order-icon{background:var(--client-secondary-subtle);border-radius:8px;display:inline-flex!important;align-items:center;justify-content:center}.dark-order-icon>img{position:static!important;width:24px!important;height:24px!important}.client-nav-divider{display:inline-flex;flex:none;width:24px;height:24px}.client-exit-visual{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:var(--client-background,#f2f5f7);font-size:20px;line-height:28px;color:var(--client-tertiary,#5f6a77);white-space:nowrap}.modal.machine-switch-modal,.modal.light-only-modal{color:#2c2e2c;background:#fff;color-scheme:light}.client-machine-switch-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}.client-machine-switch-icon img{position:static;display:block;width:24px;height:24px}.admin-nav-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.sidebar .nav-static,.sidebar .nav-group-label,.sidebar .nav-group a{gap:8px;align-items:center}.editor-theme-toggle{width:64px;height:32px;flex:0 0 64px;padding:2px;border:0;border-radius:999px;background:#e5e5ea;display:flex;justify-content:flex-end;align-items:center}.editor-theme-toggle[aria-pressed=true]{justify-content:flex-start}.editor-theme-toggle>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:2px;background:#fff;border-radius:999px;box-shadow:0 1px 1px #00000014}.editor-theme-toggle:focus-visible{outline:2px solid #459d4b;outline-offset:2px}.style-property-fields{display:contents;border:0;padding:0;margin:0;min-width:0}.style-property-fields:disabled input,.style-property-fields:disabled select,.style-property-fields:disabled button{cursor:not-allowed}.style-alignment button:disabled img{opacity:.35}[data-client-theme=dark] .client-header [aria-label=亮暗模式]{background:var(--client-background);border:0;border-radius:8px;padding:8px;width:40px;height:40px}.editor-theme-toggle:hover,.editor-theme-toggle:active{background:#e5e5ea;border:0}.editor-theme-toggle .editor-theme-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;overflow:hidden;border-radius:999px}.client-empty-state{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:32px 24px;text-align:center}.client-empty-message{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}.client-empty-illustration{display:block;width:200px;height:160px;flex:none;margin-bottom:24px}.client-empty-message h2{font-size:24px;line-height:32px;font-weight:500;color:var(--client-strong,#0f141a)}.client-empty-message p{margin-top:8px;font-size:18px;line-height:26px;color:var(--client-secondary,#444e5a)}@media(max-width:1366px){.client-header{padding-inline:12px;gap:8px}.client-header>.brand,.client-header>.client-header-actions{flex:0 0 auto}.client-header>.client-machine{flex:1 1 0;min-width:0}.client-header .client-machine-name{width:100%;min-width:0;justify-content:center;gap:8px}.client-header .client-machine-name strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-header-actions{white-space:nowrap;gap:4px}.client-header-actions>.connection,.client-header-actions>img{flex-shrink:0}.client-header .client-nav-divider{width:8px;justify-content:center}.client-header .client-user-name{max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}