@import url('/shared/ui-fonts.css?v=1');
body.zl-layout-active{margin:0;overflow:hidden;background:#fbf6ea;color:#173f73}
.zl-editor{--zl-paper:#fbf6ea;--zl-ink:#173f73;--zl-accent:#fce9ee;--zl-border:#d7d6cf;position:relative;isolation:isolate;display:grid;grid-template-columns:76px 286px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);height:100vh;height:100dvh;width:100%;background:var(--zl-paper);color:var(--zl-ink);font-family:'Yuanti SC',STYuanti,'Avenir Next','PingFang SC',sans-serif;font-size:15px;letter-spacing:0}
.zl-editor *{box-sizing:border-box;letter-spacing:0}
.zl-editor [hidden]{display:none!important}
.zl-header{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:0;padding:10px 24px 10px 16px;border-bottom:1px solid var(--zl-border);background:var(--zl-paper);min-width:0;position:relative;z-index:6}
.zl-back,.zl-account,.zl-panel-close{display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;color:inherit;text-decoration:none;cursor:pointer;flex-shrink:0}
.zl-brand{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.zl-logo{width:42px;height:42px;object-fit:contain}.zl-title{font-family:ZaobaLayout,'Yuanti SC',sans-serif!important;font-size:28px!important;font-weight:normal;margin:0!important;line-height:1.2;white-space:nowrap;color:inherit!important}
.zl-header-actions,.zl-commands{display:flex;align-items:center;gap:8px;min-width:0}.zl-header-actions{margin-left:auto}.zl-commands>button,.zl-header-actions>button{margin:0!important;min-height:42px;font-size:15px!important;white-space:nowrap}.zl-account{font-size:15px;position:relative}
.zl-editor button:focus-visible,.zl-editor a:focus-visible{outline:3px solid #f07a3e;outline-offset:3px}
.zl-rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:8px;padding:18px 7px;background:var(--zl-paper);border-right:1px solid var(--zl-border);overflow:auto;z-index:5}
.zl-tool{display:flex;flex:0 0 72px;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:66px;padding:6px 2px;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--zl-ink)!important;box-shadow:none!important;font-size:13px!important;font-weight:600;line-height:1.3;cursor:pointer;transform:none!important;white-space:nowrap}
.zl-tool[aria-selected=true]{background:var(--zl-accent)!important;border-color:var(--zl-ink)!important}.zl-tool:hover{background:#eee8dc!important}.zl-tool .zb-ui-symbol{width:31px!important;height:31px!important;flex-basis:31px!important}
.zl-inspector{grid-column:2;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--zl-border);background:var(--zl-paper);position:relative;z-index:4;overflow:hidden}
.zl-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 8px;flex:0 0 auto}.zl-panel-title{margin:0!important;font-size:22px!important;font-weight:400;font-family:ZaobaLayout,'Yuanti SC',sans-serif!important;line-height:1.4}.zl-panel-close{width:36px;min-height:36px}.zl-panel-close .zb-ui-symbol{width:20px!important;height:20px!important;flex-basis:20px!important}
.zl-panel{padding:8px 18px 24px;min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;overflow-wrap:anywhere}.zl-panel>*{max-width:100%;min-width:0}.zl-panel label,.zl-panel fieldset{min-width:0}.zl-panel input:not([type=checkbox]):not([type=radio]):not([type=range]),.zl-panel select,.zl-panel textarea{max-width:100%;box-sizing:border-box}.zl-panel :is(h2,h3){font-size:18px;line-height:1.4}.zl-panel p{font-size:13px;line-height:1.6}.zl-layout-status{margin:8px 16px;color:#a43848;font-size:13px}
.zl-stage{grid-column:3;grid-row:2;position:relative;min-width:0;min-height:0;overflow:hidden;background:#f8f2e5}.zl-stage> *{max-width:100%}
.zl-panel-collapsed{grid-template-columns:76px 0 minmax(0,1fr)}.zl-panel-collapsed .zl-inspector{visibility:hidden;pointer-events:none}
@media(min-width:761px) and (max-width:1100px){.zl-editor{grid-template-columns:68px 250px minmax(0,1fr)}.zl-header{gap:8px;padding:10px}.zl-title{font-size:23px!important}.zl-logo{width:34px;height:34px}.zl-header-actions,.zl-commands{gap:5px}.zl-commands>button,.zl-header-actions>button{padding:7px!important;font-size:13px!important}.zl-panel-collapsed{grid-template-columns:68px 0 minmax(0,1fr)}}
@media(max-width:760px){
 .zl-editor{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(140px,1fr) minmax(100px,36dvh) calc(66px + env(safe-area-inset-bottom));height:100dvh}
 .zl-header{grid-column:1;grid-row:1;padding:6px 9px;gap:6px}.zl-back{min-width:32px;width:32px}.zl-back .zb-ui-symbol{width:22px!important;height:22px!important;flex-basis:22px!important}.zl-brand{gap:3px}.zl-logo{width:29px;height:29px}.zl-title{font-size:21px!important;max-width:126px;overflow:hidden;text-overflow:ellipsis}.zl-header-actions{gap:1px;margin-left:auto}.zl-header-actions>button{min-width:34px;min-height:40px;padding:4px!important}.zl-commands{margin-left:auto;gap:4px}.zl-commands>button{padding:6px 9px!important;min-height:40px;font-size:13px!important}.zl-commands .tool-art-icon{display:none!important}.zl-account{min-width:34px;width:34px}.zl-account>span:not(.zb-ui-symbol){display:none}
 .zl-stage{grid-column:1;grid-row:2;min-height:0}.zl-inspector{grid-column:1;grid-row:3;border-right:0;border-top:1px solid var(--zl-border);box-shadow:0 -3px 14px #173f7308}.zl-inspector-head{padding:5px 16px;min-height:41px}.zl-panel-title{font-size:19px!important}.zl-panel{padding:4px 16px 14px}.zl-panel p{margin-top:7px;margin-bottom:7px}
 .zl-rail{grid-column:1;grid-row:4;flex-direction:row;gap:2px;border-top:1px solid var(--zl-border);border-right:0;padding:4px 6px calc(4px + env(safe-area-inset-bottom));overflow:hidden}.zl-tool{flex:1;min-width:0;min-height:55px;padding:2px;font-size:12px!important;gap:1px}.zl-tool .zb-ui-symbol{width:27px!important;height:27px!important;flex-basis:27px!important}
 .zl-panel-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(140px,1fr) 0 calc(66px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.zl-editor *{scroll-behavior:auto!important;transition:none!important}}