:root{--ui-text:#28282b;--ui-subtle:#8b8b90;--ui-border:#ececee;--mint:#bcefdc;--mint-bg:#eaf5ef;--panel:232px;--inspector:248px}
*{box-sizing:border-box}.editor-mode{margin:0;overflow:hidden;background:#e9e9eb;color:var(--ui-text);font:12px -apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}.editor-mode>aside,.editor-mode>main{display:none!important}.editor{height:100dvh;width:100vw;position:relative}.editor button,.editor a,.editor input,.editor select,.editor textarea{font:inherit}.editor button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:5px;color:#48484d;background:none;cursor:pointer;padding:6px 8px;white-space:nowrap}.editor button:hover{background:#efeff1;filter:none}.editor button:focus-visible,.editor a:focus-visible{outline:2px solid #6ba98e;outline-offset:2px}.editor svg{flex-shrink:0}.editor a{color:inherit;text-decoration:none}.e-top{height:48px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e1e1e4;gap:14px}.e-brand{display:flex;align-items:center;gap:10px;width:230px;white-space:nowrap}.e-brand>svg{background:#232427;color:var(--mint);padding:5px;border-radius:7px;width:27px;height:27px}.e-brand strong{font-size:11px;letter-spacing:1.4px;font-weight:650}.e-brand>span:last-child{font-size:11px;color:#8c8c92}.e-top-divider{height:14px;width:1px;background:#e1e1e4;margin:0 1px}.e-filetitle{display:flex;align-items:center;gap:7px;font-weight:500;font-size:11px;white-space:nowrap}.e-file-dot{width:6px;height:6px;background:#8eb9a5;border-radius:2px}.e-breadcrumb{color:#a3a3a8;font-weight:400;margin-left:4px}.e-top-actions{width:230px;display:flex;justify-content:flex-end;align-items:center;gap:13px}.editor .e-new{background:#26272a;color:white;padding:7px 11px;font-size:11px;border-radius:6px}.editor .e-new:hover{background:#414246}.e-user{width:25px;height:25px;border-radius:50%;background:#edf0ec;border:2px solid #fff;box-shadow:0 0 0 1px #dde5de;color:#637c68;display:grid;place-items:center;font-size:10px}.editor .e-icon{height:26px;width:26px;padding:5px;color:#88888e}
.e-left,.e-right{position:absolute;top:57px;bottom:10px;background:white;border:1px solid #dedee1;border-radius:11px;box-shadow:0 3px 12px #00000004;overflow:hidden;z-index:3;display:flex;flex-direction:column}.e-left{width:var(--panel);left:9px}.e-right{width:var(--inspector);right:9px;overflow-y:auto}.e-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 6px;font-size:11px}.e-panel-heading strong{font-weight:600}.e-global-nav{padding:6px 8px 10px}.e-global-nav a{display:flex;gap:10px;align-items:center;height:33px;padding:0 9px;border-radius:5px;font-size:11px;color:#727279;margin-bottom:2px}.e-global-nav a:hover{background:#f7f7f8}.e-global-nav a.selected{background:#eff3f0;color:#313d35;font-weight:500}.e-global-nav small{font-size:9px;color:#747b76;margin-left:auto}.e-global-nav a svg{width:14px;height:14px;color:#929498}.e-global-nav a.selected svg{color:#5c8871}.e-left-separator{height:1px;background:var(--ui-border);margin:0 0 5px;flex-shrink:0}.e-panel-tabs{height:42px;display:flex;align-items:center;gap:4px;padding:0 9px;flex-shrink:0}.e-panel-tabs button{font-size:11px;color:#96969c}.e-panel-tabs button.active{color:#333338;font-weight:600}.e-panel-tabs .e-icon{margin-left:auto}.e-page-selector{padding:10px 15px 14px;display:flex;flex-direction:column;gap:8px;color:#9c9ca2;font-size:10px}.e-page-selector select,.e-right select{font-size:11px;border:1px solid #ebebee;background:#f8f8f9;border-radius:5px;padding:7px 8px;color:#56565b;width:100%;outline:none}.e-layer-heading{padding:11px 15px 10px;font-size:10px;color:#96969b;display:flex;justify-content:space-between}.e-layer-heading span{color:#b0b0b4}.e-layer-list{overflow-y:auto;min-height:70px;flex:1;padding:0 6px}.editor .e-layer{width:100%;justify-content:flex-start;padding:8px 7px;font-size:10px;gap:7px;min-height:32px;border-radius:4px;color:#66666d}.e-layer>svg{width:13px;height:13px;color:#96979b}.e-layer>span:last-child{overflow:hidden;text-overflow:ellipsis}.editor .e-layer.active{background:#e6f3ec;color:#3b5547}.e-expand{font-size:11px;color:#b3b3b7}.e-layer-child{display:flex;align-items:center;gap:8px;font-size:10px;padding:9px 0 13px 40px;color:#a2a2a7}.e-layer-child svg{width:12px;height:12px;color:#b1b1b5}.e-no-layers{padding:15px;font-size:11px;color:#a4a4a8}.e-left-bottom{flex-shrink:0;padding:10px 10px 0;border-top:1px solid var(--ui-border)}.e-left-bottom>a{display:flex;align-items:center;gap:9px;font-size:10px;color:#818188;padding:8px 5px}.e-left-bottom>a>svg:last-child:not(:first-child){width:10px;height:10px;margin-left:auto;color:#b1b1b8}.e-left-bottom>a>svg{width:13px;height:13px}.e-local-indicator{display:flex;align-items:center;gap:6px;color:#a8a8ae;font-size:9px;padding:16px 6px 10px}.e-local-indicator i,.e-canvas-status i{width:4px;height:4px;border-radius:50%;background:#84ad98}.e-local-indicator span{margin-left:auto;color:#c0c0c5}
.e-stage{position:absolute;top:48px;bottom:0;left:calc(var(--panel) + 19px);right:calc(var(--inspector) + 19px);overflow:hidden}.e-viewport{position:absolute;inset:23px 0 0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d1d1d6 transparent}.e-plane{position:relative;transform-origin:0 0}.e-ruler{height:23px;display:flex;gap:90px;align-items:center;font-size:8px;font-family:ui-monospace,monospace;color:#acacb2;background:#e9e9eb;white-space:nowrap;border-bottom:1px solid #dfdfe2;padding-left:20px;position:relative;z-index:1}.e-ruler span{flex-shrink:0}.e-ruler:after{content:'';position:absolute;inset:14px 0 0;background:repeating-linear-gradient(90deg,transparent 0,transparent 19px,#d1d1d5 19px,#d1d1d5 20px);opacity:.5}
.e-artboard{position:absolute;background:white;cursor:default;user-select:none;touch-action:none;box-shadow:0 3px 12px #24242e08;outline:1px solid #00000005}.e-artboard.selected{outline:1.5px solid #649a80;z-index:1}.e-artboard-label{position:absolute;left:0;right:0;top:-27px;height:21px;display:flex;align-items:center;gap:7px;font-size:12px;color:#888991;white-space:nowrap}.e-artboard-label svg{width:13px;height:13px}.e-artboard.selected .e-artboard-label{color:#52826b}.e-artboard-label>span{overflow:hidden;text-overflow:ellipsis}.e-artboard-label small{margin-left:auto;font-size:10px;color:#a6a6ae}.e-art-image{height:100%;width:100%;overflow:hidden;pointer-events:none}.e-art-image>svg,.e-art-image>img{width:100%;height:100%;display:block;object-fit:contain}.e-corner{position:absolute;width:5px;height:5px;background:white;border:1px solid #649a80}.c1{left:-3px;top:-3px}.c2{right:-3px;top:-3px}.c3{left:-3px;bottom:-3px}.c4{right:-3px;bottom:-3px}.e-dock{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:6px;border:1px solid #dcdce1;border-radius:12px;background:#fff;padding:7px;box-shadow:0 4px 16px #2525300c}.e-dock>button{width:34px;height:34px;padding:8px;color:#6e6e76;border-radius:7px}.e-dock>button.active{background:#262a28;color:#c4f3de}.e-dock>span{width:1px;height:19px;background:#e9e9ed;margin:0 3px}.e-dock svg{width:17px;height:17px}.e-zoom{position:absolute;right:14px;bottom:29px;display:flex;align-items:center;background:#ffffffde;border:1px solid #dfdfe3;border-radius:6px;padding:2px;z-index:4}.e-zoom button{font:10px ui-monospace,monospace;padding:5px;min-width:22px}.e-zoom svg{width:11px;height:11px}.e-canvas-status{position:absolute;bottom:10px;left:12px;display:flex;align-items:center;gap:5px;color:#a4a4ac;font-size:9px;pointer-events:none}
.e-inspector-tabs{display:flex;align-items:center;gap:18px;padding:18px 15px 15px;border-bottom:1px solid var(--ui-border);font-size:11px;min-height:53px}.e-inspector-tabs strong{font-weight:600}.e-inspector-tabs>button{color:#96969d;font-size:11px;padding:0}.e-inspector-tabs>button span{font-size:9px;background:#f1f1f3;padding:2px 4px;border-radius:3px}.e-inspector-version{margin-left:auto;color:#b1b1b6;font-size:9px}.e-prop-section{padding:17px 15px;border-bottom:1px solid var(--ui-border)}.e-object-type{display:flex;align-items:center;gap:7px;color:#a4a4a9;font-size:9px;margin-bottom:11px}.e-object-type svg{width:12px;height:12px}.e-object-type .pill{margin-left:auto;font-size:9px;border:0;background:#f0f0f2;color:#8a8a90}.e-object-type .pill.pending{background:#e6f4ec;color:#658674}.editor .e-title-input{width:100%;font-size:11px;color:#33333b;line-height:1.5;border:1px solid transparent;background:transparent;margin:0 -4px 19px;padding:4px;border-radius:4px;outline:none}.editor .e-title-input:focus{border-color:#9dbdab;box-shadow:none}.e-section-title{display:flex;align-items:center;justify-content:space-between;color:#606068;font-size:10px;font-weight:550;margin-bottom:12px}.e-section-title .e-icon{height:17px;width:17px;padding:1px}.e-section-title .e-icon svg{width:12px;height:12px}.e-coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.e-coordinate-grid label{display:flex;align-items:center;gap:10px;background:#f5f5f6;border-radius:5px;padding:0 8px;height:30px;color:#a1a1a7;font-size:10px;min-width:0}.editor .e-coordinate-grid input{width:100%;padding:0;border:0;background:transparent;outline:none;color:#6c6c74;font:10px ui-monospace,monospace;min-width:0;box-shadow:none}.e-right textarea{min-height:90px;resize:vertical;width:100%;font-size:10px;line-height:1.8;color:#8b8b93;background:#f7f7f8;border:1px solid #efeff1;padding:9px;border-radius:5px;outline:none}.editor .e-full-btn{width:100%;border:1px solid #e3e3e7;background:white;font-size:10px;padding:8px;margin-top:10px;color:#75757d;border-radius:5px}.e-full-btn svg{width:12px;height:12px}.editor .e-dark-btn{background:#303133;border-color:#303133;color:#f0f0f1}.editor .e-dark-btn:hover{background:#444548}.e-service-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:10px;color:#96969e}.e-service-row>span{color:#b2b2b7;font-size:9px}.e-service-row .pill{border:0;color:#709480;background:#edf4ef}.e-prop-section h3{font-size:12px;margin:8px 0}.e-prop-section p{font-size:10px;color:#a5a5ac;margin:10px 0;line-height:1.8}.e-inspector-foot{display:flex;align-items:center;gap:6px;padding:20px 15px;margin-top:auto;font-size:8px;color:#b8b8bf}.e-inspector-foot svg{width:10px;height:10px}.e-empty-inspector{padding:30px;font-size:11px;color:#aaa}.e-menu-actions{display:flex;flex-direction:column;gap:12px}.e-menu-actions>button,.e-menu-actions>a{display:block;width:100%;padding:12px;text-align:left;border:1px solid #e5e5e5;border-radius:5px;font-size:12px}.e-menu-actions p{margin-top:15px;font-size:11px}.e-find-item{display:flex;align-items:center;gap:10px;padding:13px;width:100%;margin-top:8px;border:1px solid #eee;background:white}.e-find-item svg{color:#aaa}
#eLibrary{height:100%;overflow:auto;background:#fafafa}.editor #content{margin:0;padding:30px;max-width:none}.editor #content h1{font-size:20px;letter-spacing:-.3px}.editor #content h2{font-size:13px}.editor #content p{font-size:11px}.editor #content .cover{height:170px}.editor #content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor #content .card{border-color:#e9e9ec;border-radius:8px}.editor #content .cardbody{padding:14px}.editor #content .toolbar{margin-top:0}.editor #content .toolbar input{min-width:120px}.editor #content .notice{font-size:10px;color:#919198}.editor #content .primary{background:#2d2e31;color:white}.editor #content .eyebrow{display:none}.editor #content .panel{border-radius:8px}.editor #content .brandtile{padding:20px}.editor #content .titlebar{margin-bottom:24px}.editor #content .fileitem{gap:8px}.editor #content .fileitem button{font-size:9px;padding:6px}
.editor-mode .overlay{z-index:30}.editor-mode .drawer{background:#fff}.editor-mode #toast{z-index:50;left:50%;font-size:11px}.editor-mode #toast:empty{display:none}.editor-mode .drawer .cover{height:250px}.editor-mode .drawer button{font-size:11px}.editor-mode .drawer p{font-size:11px}.editor-mode .drawer input,.editor-mode .drawer textarea,.editor-mode .drawer select{font-size:12px}.editor-mode .drawer label{font-size:11px}
@media(min-width:1600px){:root{--panel:248px;--inspector:268px}.editor #content .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){:root{--panel:188px;--inspector:214px}.e-brand{width:180px}.e-brand>span:last-child,.e-breadcrumb{display:none}.e-top-actions{width:180px}.e-global-nav a{font-size:10px}.e-prop-section{padding:15px 12px}.e-inspector-tabs{padding:16px 12px;gap:14px}.e-dock{gap:3px;padding:5px;bottom:45px}.e-dock>button{width:29px;height:29px}.e-zoom{bottom:10px;right:10px}.editor #content{padding:22px}.editor #content .grid{grid-template-columns:1fr}.e-inspector-foot{font-size:7px;padding:15px 12px}.e-page-selector{padding:10px 12px}.e-layer{font-size:9px!important}}
@media(max-width:720px){:root{--panel:150px;--inspector:180px}.e-left{left:5px;top:53px;bottom:5px;border-radius:8px}.e-right{right:5px;top:53px;bottom:5px;border-radius:8px}.e-stage{left:calc(var(--panel) + 10px);right:calc(var(--inspector) + 10px)}.e-top{padding:0 10px}.e-brand{width:auto}.e-filetitle{display:none}.e-top-actions{width:auto}.e-panel-heading{padding:10px;font-size:10px}.e-global-nav{padding:5px}.e-global-nav a{font-size:10px;padding:0 6px;gap:6px}.e-left-bottom{padding:6px}.e-left-bottom a{font-size:9px}.e-layer>span:last-child{font-size:8px}.e-layer-child{padding-left:22px;font-size:9px}.e-inspector-tabs{font-size:10px}.e-inspector-version{display:none}.e-coordinate-grid{gap:5px}.e-coordinate-grid label{padding:0 6px;gap:5px}.e-prop-section{padding:14px 10px}.e-title-input{font-size:10px!important}.e-ruler{gap:60px}.e-inspector-foot{line-height:1.6}.e-canvas-status{display:none}.e-dock{gap:0;padding:4px;border-radius:8px}.e-dock>button{width:25px}.e-dock>span{margin:0 2px}.e-zoom{right:5px}.editor #content{padding:16px}.editor #content h1{font-size:17px}.editor #content .titlebar{display:block}.editor #content .titlebar>button{margin-top:12px}.editor #content .formgrid{grid-template-columns:1fr}}
@media(max-width:540px){:root{--panel:120px;--inspector:0px}.e-right{display:none}.e-stage{right:0}.e-top-actions{gap:7px}.e-new{padding:7px!important}.e-left-bottom a{font-size:8px}.e-panel-tabs button{font-size:10px}.e-panel-tabs .e-icon{display:none}.e-layer-heading{padding:10px}.e-page-selector{padding:10px}.e-layer>svg,.e-expand{display:none}.e-layer-child{padding-left:12px}.e-left-bottom>a>svg:last-child:not(:first-child){display:none}.e-local-indicator{font-size:7px;gap:3px;padding-left:2px}.e-local-indicator span{display:none}}
/* Readable secondary labels at editor density. */
.e-section-title,.e-service-row{font-size:11px;color:#73737c}.e-service-row>span{color:#909098;font-size:10px}.e-prop-section textarea{color:#82828b;font-size:11px}.e-layer-heading,.e-page-selector{color:#85858e}.e-global-nav a,.e-left-bottom>a{color:#75757e}.e-object-type{color:#91919a}.e-top .e-filetitle{font-size:12px}.editor .e-title-input{font-size:12px}.e-coordinate-grid input{font-size:11px!important}.e-global-nav a{font-size:12px}.editor .e-layer{font-size:11px}.e-inspector-tabs{font-size:12px}.e-artboard-label{color:#777780}.e-local-indicator{color:#92929b}.editor .e-full-btn{font-size:11px}.e-panel-heading{font-size:12px}