.single-view-layout{grid-template-columns:var(--focal-panel-width,400px) 1fr;box-sizing:border-box;gap:16px;width:100%;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.single-view-focal-panel{flex-direction:column;flex-shrink:0;gap:16px;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.single-view-main-content{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}@media (max-width:1024px){.single-view-layout{-webkit-overflow-scrolling:touch;height:100%;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:20px;display:flex;overflow:hidden auto}.single-view-focal-panel{flex-shrink:0;gap:16px;width:100%;height:auto;max-height:none;overflow:visible}.single-view-main-content{flex:none;width:100%;height:auto;max-height:none;overflow:visible}}.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}@media (max-width:1024px){.envelope-split-container{-webkit-overflow-scrolling:touch;height:100%;overflow:hidden auto}.envelope-split-panel,.envelope-split-focal{height:auto;max-height:none;overflow:visible}.envelope-panel-scroll{height:auto;max-height:none;overflow-y:visible}.envelope-split-viewer{height:auto;min-height:520px}}@media (max-width:768px){.envelope-detail-header{padding:12px 14px}.envelope-detail-title{font-size:14.5px}}