body,html{margin:0;padding:0;height:100%;background-color:#2c2c2c;font-family:sans-serif}.app-layout{display:grid;grid-template-columns:minmax(0,140px) 1fr;min-height:0}.menu{display:flex;flex-direction:column}.app{display:flex;align-items:center;justify-content:center;background-color:#2c2c2c;flex:1;width:100%;height:100vh;min-height:0}.title-bar{background-color:#e0e0e0;padding:1rem;font-weight:700;-webkit-user-select:none;user-select:none;cursor:default}.title-bar{background-color:#e0e0e0;font-weight:700;-webkit-user-select:none;user-select:none;cursor:default;display:flex;align-items:center;gap:1rem}.title-icon{height:40px;width:auto}h3{margin:0;padding:0}.shell{display:flex;flex-direction:column;background-color:#fff;margin:20px;width:100%;width:clamp(300px,100%,1200px);height:clamp(400px,100vh,800px);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.content{flex:1;min-height:0;max-height:100%;padding:1rem;background-color:#fff;overflow-y:auto}