work-area{flex:1;background-color:#1e1e1e;overflow:hidden}work-area .work-container{display:flex;flex-direction:column;width:100%;height:100%}work-area .work-header{display:flex;align-items:center;padding:12px 20px;background-color:#252526;border-bottom:1px solid #3e3e42;min-height:48px}work-area .section-title{font-size:14px;font-weight:600;color:#ccc;margin:0}work-area .work-content{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;position:relative}work-area .work-content>[data-section-id]{display:none;width:100%;height:100%}work-area,work-area .work-content>[data-section-id][visible]{display:flex;flex-direction:column}work-area .placeholder{color:#858585;font-size:14px;text-align:center;margin-top:40px}work-area .section-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px;text-align:center;color:#858585}work-area .section-placeholder icon{font-size:64px;opacity:.5;margin-bottom:16px}work-area .section-placeholder h2{margin:0 0 8px;font-size:24px;font-weight:500;color:#ccc}work-area .section-placeholder p{margin:0;font-size:14px}@media (max-width:768px){work-area{flex:1;min-height:0;overflow:hidden}work-area .work-header{padding:8px 16px;min-height:40px;flex-shrink:0}work-area .section-title{font-size:13px}work-area .work-content{padding:0;flex:1;overflow-y:auto;overflow-x:hidden}}