.envelope-split-container{box-sizing:border-box;width:100%;height:100%;position:relative;overflow:hidden}.envelope-split-panel{border-radius:var(--panel-radius,22px);border:1px solid var(--panel-border,#ffffff14);background-color:var(--bg-surface,#111);box-sizing:border-box;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.envelope-split-focal{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.envelope-panel-scroll{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#fff3 transparent;-webkit-overflow-scrolling:touch;flex:1;width:100%;height:100%;min-height:0;overflow:hidden auto}.envelope-panel-scroll::-webkit-scrollbar{width:6px}.envelope-panel-scroll::-webkit-scrollbar-track{background:0 0}.envelope-panel-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.envelope-panel-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff59}.envelope-config-card{border:1px solid var(--border-main,#ffffff14);box-sizing:border-box;background-color:#ffffff06;border-radius:10px;flex-shrink:0}.envelope-split-viewer{flex:1;width:100%;height:100%;overflow:hidden}.envelope-detail-header{border-bottom:1px solid var(--panel-border,#ffffff14);background-color:#ffffff04;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.envelope-detail-header-left{flex-direction:column;gap:3px;min-width:0;display:flex}.envelope-detail-title{color:var(--text-main,#fff);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.envelope-detail-subtitle{color:var(--text-muted,#ffffff80);font-family:monospace;font-size:12px}.envelope-detail-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.envelope-detail-close-btn:hover{color:#fff;background:#ffffff1f}