.app-container{font-family:sans-serif;height:100vh;display:flex;flex-direction:column}.screen{display:flex;flex:1;height:100%}.sidebar{width:250px;background:#f0f0f0;padding:10px;border-right:1px solid #ccc}.main-area{flex:1;padding:10px;display:flex;flex-direction:column}.toolbar{padding:10px;background:#ddd;margin-bottom:10px;display:flex;gap:10px}.context-menu{position:absolute;background:#fff;border:1px solid #999;box-shadow:2px 2px 5px #0003;z-index:1000}.context-menu div{padding:8px 15px;cursor:pointer}.context-menu div:hover{background-color:#eee}.btn{padding:0 12px;height:36px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;min-width:40px;box-sizing:border-box;vertical-align:middle;color:#333;transition:background-color .2s,border-color .2s}.btn:hover{background-color:#f5f5f5;border-color:#bbb}.btn:active{background-color:#e9e9e9}.btn.primary{background:#007bff;color:#fff;border-color:#0056b3}.btn.primary:hover{background:#0069d9;border-color:#004085}